이 기사는 시간 제한 이미지 실종을 달성하기위한 JS의 방법을 설명합니다. 참조를 위해 공유하십시오. 특정 구현 방법은 다음과 같습니다.
다음과 같이 코드를 복사하십시오. <html>
<title> 지정된 시간 내에 사라지는 이미지 </title>
<body>
<스크립트 언어 = 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+'; 위치 : 절대; 상단; 상단 : 100; 너비 :'+staticLogo.width+'; 높이 :'+staticLogo.height+' "> </span>')
함수 bringintoview () {
if (logo.filters.alpha.opacity <= 95)
logo.filters.alpha.opacity+= 5
또 다른{
ClearInterval (Viewit)
if (visibleduration! = 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.visibility = "show"
Regenerate2 ()
staticitns ()
}
if (document.layers)
Window.onload = Createlogo;
if (document.all) {
W = 2
h = 2
logo.style.left = w
logo.style.top = h
}
함수 logoit () {
var w2 = document.body.scrollleft+w
var h2 = document.body.scrolltop+h
logo.style.left = w2
logo.style.top = h2
}
함수 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 ( "bringintoview ()", 100)
또 다른{
if (visibleduration! = 0)
settimeout ( "logo.style.visibility = 'hidden'", visibleduration*1000)
}
}
if (document.all) {
Window.onscroll = logoit
Window.onResize = 새 함수 ( "window.location.reload ()")
Window.onload = insertImage
}
함수 staticitns () {
setInterval ( "logoit2 ()", 90)
if (visibleduration! = 0)
settimeout ( "staticimage.visibility = 'hide'", visibleduration*1000)
}
//->
</스크립트>
</body>
</html>
<br>
<br>
<br>
<br>
<br>
<br> 5 초 후에 사진이 자동으로 사라집니다.
<br>
<br>
<br>
이 기사가 모든 사람의 JavaScript 프로그래밍에 도움이되기를 바랍니다.