В этой статье описывается метод JavaScript, чтобы реализовать постепенное отображение воспроизведения изображения. Поделитесь этим для вашей ссылки. Конкретный метод реализации следующим образом:
Скопируйте код следующим образом: <html>
<TILE> Цикл изображения постепенно отображает код эффекта воспроизведения </title>
<голова>
<!-1. Вставьте следующий код между <Head> </head> Heml: ->
<сценарий языка = javascript>
<!-//
sandra0 = новое изображение ();
sandra0.src = "/images/m01.jpg";
Sandra1 = новое изображение ();
sandra1.src = "/images/m02.jpg";
Sandra2 = новое изображение ();
sandra2.src = "/images/m03.jpg";
var i_strngth = 1
var i_image = 0
var ImageUrl = new Array ()
ImageUrl [0] = "/images/m01.jpg"
ImageUrl [1] = "/Images/m02.jpg"
ImageUrl [2] = "/images/m03.jpg"
функция showimage () {
if (document.all) {
if (i_strngth <= 110) {
tpetimage.innerhtml = "<img style = 'filter: alpha (opacity ="+i_strngth+")' src ="+imageurl [i_image]+"border = 0>";
i_strngth = i_strngth+10
var timer = settimeout ("showimage ()", 100)
}
еще {
ClearTimeout (таймер)
var timer = settimeout ("hideimage ()", 1000)
}
}
if (document.layers) {
ClearTimeout (таймер)
document.testimage.document.write ("<img src ="+imageurl [i_image]+"border = 0>")
document.close ()
i_image ++
if (i_image> = imageurl.length) {i_image = 0}
var timer = settimeout ("showimage ()", 2000)
}
}
function hideimage () {
if (i_strngth> =-10) {
tpetimage.innerhtml = "<img style = 'filter: alpha (opacity ="+i_strngth+")' src ="+imageurl [i_image]+"border = 0>";
i_strngth = i_strngth-10
var timer = settimeout ("hideimage ()", 100)
}
еще {
ClearTimeout (таймер)
i_image ++
if (i_image> = imageurl.length) {i_image = 0}
i_strngth = 1
var timer = settimeout ("showimage ()", 500)
}
}
//->
</script>
</head>
<тело>
<!-2. Измените оператор <body> на:->
<body onload = "showimage ()">
<!-3. Добавьте следующий код в <body> </body> of heml: top: 120px; Слева: 240px может установить позицию дисплея->
<div id = "testimage" style = "Положение: абсолютно; видимость: видимая; верх: 120px; слева: 240px"> </div>
</body>
</html>
Я надеюсь, что эта статья будет полезна для каждого программирования JavaScript.