Red de conocimiento informático - Material del sitio web - Cómo desplazar imágenes en Dreamweaver, es decir, desplazarlas una por una como en este sitio web (www.zhiga.com), ¡se necesita con urgencia!

Cómo desplazar imágenes en Dreamweaver, es decir, desplazarlas una por una como en este sitio web (www.zhiga.com), ¡se necesita con urgencia!

Simplemente envíate el código. Copie el siguiente código en el texto y luego modifique la dirección del enlace de la imagen.

Desplázate por el tamaño y elige aleatoriamente

lt;! --// Código de rotación de imagen - start-gt;

lt;

UL {

PADDING-BOTTOM: 0px; -IZQUIERDA: 0px; p> p>

}

.

}

.container IMG {

ESTILO DE BORDE INFERIOR: ninguno; BORDER- ESTILO DERECHO: ninguno; BORDE-ESTILO SUPERIOR: ninguno; BORDE-ESTILO IZQUIERDO: ninguno

.

}

.td_f A IMG {

RELLENO-BAJO: 0px; MARGEN: 0px; RELLENO-IZQUIERDO: 0px; RELLENO-ARRIBA: 0px

}

.num {

POSICIÓN: absoluta; ANCHO: 90px; FLOTADOR: derecha; ARRIBA: 180px; IZQUIERDA: 900px

}

.num LI {

ALINEACIÓN DE TEXTO: centro;

ALTURA DE LÍNEA: 15 px;

TIPO DE ESTILO DE LISTA: ninguno

MARGEN: 1 px;

p>

ANCHO: 15px;

FAMILIA DE FUENTE: Arial;

FLOAT: izquierda

.ALTURA: 15px; /p>

COLOR: #FFF;

TAMAÑO DE FUENTE: 12px;

CURSOR: puntero

color de fondo: #333; /p>

peso de fuente: negrita;

}

.num LI.on {

ALTURA DE LÍNEA: 15px;

ANCHO: 15 px;

ALTO: 15 px;

COLOR: #ffffffff

color de fondo: # F90; >}

p>

.more {

FLOAT: derecha

}

.more1 A {

ALINEACIÓN DE TEXTO: izquierda; ALTURA DE LÍNEA: 25px; MARGEN: 0px 0px 0px 10px; COLOR: #3373a COLOR: #3373a3

}

lt;/stylegt;

lt; lenguaje de escritura="javascript"gt;

if(typeof(pgvMain) == 'función')

pgvMain();<

/p>

lt;/scriptgt;

lt;scriptgt;

var gtopTab="one";

función $id(id){

return document.getElementById(id);

}

función cambiaTab(tab_id){

if (tab_id==gtopTab) {

retorno

}else{

$id( gtopTab).display="bloque"

gtopTab=tab_id;

}

}

lt;/scriptgt;

lt;script type="text/javascript"gt;

var $ = función (id) {

return "string" == tipo de id ?getElementById(id): id;

};

var Extend = función(destino, fuente) {

for (var propiedad en fuente) {

destino[propiedad] = fuente[propiedad];

}

destino de retorno;

}

var CurrentStyle = función(elemento){

retorno elemento.currentStyle || .getComputedStyle(elemento, nulo);

}

var Bind = función(objeto, diversión) {

var args = Array.prototype.slice.call (argumentos).slice(2);

Función de retorno() {

Devuelve fun.apply(objeto, args.concat(Array. prototipo.slice. call(argumentos))

var args = Array.prototype.slice.call(argumentos).call(argumentos)); p>var Tween = {

Cuarto: {

facilidadOut: función(t, b, c, d){

return -c * ((t =t/d-1)*t*t*t - 1) b;

}

},

Atrás: {

easyOut: function(t, b, c, d, s){

if (s == indefinido) s = 1.70158

return c*((t=t /d-1)*t*((s 1)*t s) 1) b;

}

},

Rebote: {

easyOut: función(t, b, c, d){

if ((t/=d) lt; (1/2.75)){

Devuelve c*(7.5625*t*t) b;

} else if (t lt; (2/2.75)) {

Devuelve c*(7.5625*(t-=(1.5/2.75))*t .5625*(t-=(2.625/2.75))*t .984375) b )

}

}

}

}

/// Objeto contenedor, objeto deslizante, recuento de cambios

var SlideTrans = función(contenedor, control deslizante, recuento, opciones) {

this ._slider = $(control deslizante

this._container = $(contenedor); objeto

this._timer = null; //temporizador

this._count = Math.abs(count); //alternar recuento

this._target = 0; //Valor objetivo

this._t = this._b = this._c = 0; //Parámetros intermedios

this.Index = 0 //Índice actual< / p>

this.SetOptions(opciones);

this.Auto = ! !this.options.Auto;

this.Duration = Math.abs(this.options.Duration);

this.Time = Math.abs(this.options.Time) ;

this.Pause = Math.abs(this.options.Pause);

this.Pause = Math.abs(this.options.Pause);

this.Pause = Math.abs(this.options.Pause); lt;/ulgt;

lt;/divgt;

lt;scriptgt;

//new SlideTrans("idContainer", "idSlider", 3).Run();

///////////// //////// //////////////////////////////////////////

var forEach = function( matriz, devolución de llamada, esteObjeto){

if(array.forEach){

array.forEach(devolución de llamada, esteObjeto);

}else{

for (var i = 0, len = array.length; i lt; len; i) { callback.call(thisObject, array[i], i, array

}

}

}

var st = new SlideTrans("idContainer2", "idSlider2", 5, { Vertical: false }); /p>

var nums = [];

//Insertar números

for(var i = 0, n = st. _ount - 1; i lt; len; i ) { callback._count - 1; i lt; = n;){

(nums[i] = $("idNum").appendChild(document.createElement("li"))). internalHTML = i;)

}

forEach(nums, function(o, i){

o.onmouseover = function(){ o.className = "on"; st.Auto = false; st.Run(i); }

o. onmouseout = function(){ o.className = ""; i); }

o.Auto = true; st.Run(); }

})

/Establecer estilo de botón

st.onStart = function(){

forEach( nums, function(o, i){ o.className = st.Index == i ?"on" : ""; })

}

st.Run();

lt;/scriptgt;

lt;! -- Finaliza la rotación de la imagen--gt;