В этой статье описывается метод JS для достижения ограниченного по времени исчезновения изображения. Поделитесь этим для вашей ссылки. Конкретный метод реализации следующим образом:
Скопируйте код следующим образом: <html>
<Teal> Изображения, которые исчезают в указанное время </title>
<тело>
<Сценарий языка = javascript>
<!-Скрыть сценарий от старых браузеров-
// 1) Сделать логотип 88*31.
if (document.images)
var staticlogo = новое изображение (758,100)
// 2) Установите путь на логотип.
staticlogo.src = "/images/banner.gif"
// 3) Следующее соединение, представленное логотипом.
var logolink = "http://www.vevb.com/"
// 4) Установите атрибут ALT.
var alttext = "Код дома"
// 5) Установите следующий атрибут на 1 или 0 (1 уникален для IE, что делает логотип появляться)
var fadeintoview = 1
/* 6) Наконец -то установите время для отображения логотипа, например, на 12 секунд, а значение 0 означает, что дисплей всегда отображается
*/
var visibleduration = 5
функция regenerate () {
window.location.reload ()
}
функция regenerate2 () {
if (document.layers)
setTimeout ("window.onresize = Regenerate", 400)
}
var fadeset = ''
if (fadeintoview)
FADESET = "Фильтр: альфа (непрозрачность = 0)"
if (document.all)
Document.write ('<span id = "logo" "style ="'+fadeset+'; position: absolute; top: 100; width:'+staticlogo.width+'; height:'+staticlogo.height+'"> </span>')
Функция ravenIntoView () {
if (logo.filters.alpha.opacity <= 95)
logo.filters.alpha.opacity+= 5
еще{
clearInterval (viewit)
if (visibubleuration! = 0)
SetTimeout ("logo.style.visibility = 'hidden'", Visibleduration*1000)
}
}
функция createLogo () {
staticimage = новый слой (100)
staticimage.left = -300
staticimage.top = 120
staticimage.document.write ('<a href = "'+logolink+'"> <img src = "'+staticlogo.src+'" border = 0> </a>')
staticimage.document.close ()
staticimage.visibuby = "show"
Regenerate2 ()
staticitns ()
}
if (document.layers)
window.onload = createLogo;
if (document.all) {
W = 2
h = 2
logo.style.left = w
logo.style.top = h
}
function logoit () {
var w2 = document.body.scrollleft+w
var h2 = document.body.scrolltop+h
logo.style.left = w2
logo.style.top = h2
}
function logoit2 () {
staticimage.left = pagexoffset+2
staticimage.top = pageyoffset+2
}
функция insertimage () {
logo.innerhtml = '<a href = "'+logolink+'"> <img src = "'+staticlogo.src+'" border = 0> </a>'
if (fadeintoview)
viewit = setInterval ("ravingIntoView ()", 100)
еще{
if (visibubleuration! = 0)
SetTimeout ("logo.style.visibility = 'hidden'", Visibleduration*1000)
}
}
if (document.all) {
window.onscroll = logoit
window.onresize = новая функция ("window.location.reload ()")
window.onload = insertimage
}
function staticitns () {
setInterval ("logoit2 ()", 90)
if (visibubleuration! = 0)
SetTimeout ("staticimage.visibuby = 'hide'", Visibleduration*1000)
}
//->
</Script>
</body>
</html>
<br>
<br>
<br>
<br>
<br>
<br> Картинка будет исчезнуть автоматически через 5 секунд.
<br>
<br>
<br>
Я надеюсь, что эта статья будет полезна для каждого программирования JavaScript.