欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

js實(shí)現(xiàn)有時(shí)間限制消失的圖片方法

 更新時(shí)間:2015年02月27日 10:18:44   作者:代碼家園  
這篇文章主要介紹了js實(shí)現(xiàn)有時(shí)間限制消失的圖片方法,實(shí)例分析了javascript操作setTimeout及圖片特效操作的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下

本文實(shí)例講述了js實(shí)現(xiàn)有時(shí)間限制消失的圖片方法。分享給大家供大家參考。具體實(shí)現(xiàn)方法如下:

復(fù)制代碼 代碼如下:
<html>
<title>指定時(shí)間內(nèi)消失的圖片</title>
<body>
<SCRIPT language=JavaScript>
<!-- Hide the script from old browsers --
// 1) 做一個(gè)88*31的LOGO。
if (document.images)
var staticlogo=new Image(758,100)
// 2) 設(shè)置LOGO的路徑。
staticlogo.src="/images/banner.gif"
// 3) 以下是LOGO代表的連接。
var logolink="http://wwwww.dbjr.com.cn/"
// 4) 設(shè)置ALT屬性。
var alttext="代碼家園"
// 5) 設(shè)置下列屬性為 1或者0(1是IE特有的,使LOGO隱現(xiàn))
var fadeintoview=1
/* 6) 最后設(shè)置LOGO顯示的時(shí)間,例如12 秒,數(shù)值為0表示一直顯示
*/
var visibleduration=5
function regenerate(){
window.location.reload()
}
function regenerate2(){
if (document.layers)
setTimeout("window.onresize=regenerate",400)
}
var fadeset=''
if (fadeintoview)
fadeset="filter:alpha(opacity=0)"
if (document.all)
document.write('<span id="logo"" style="'+fadeset+';position:absolute;top:100;width:'+staticlogo.width+';height:'+staticlogo.height+'"></span>')
function bringintoview(){
if (logo.filters.alpha.opacity<=95)
logo.filters.alpha.opacity+=5
else{
clearInterval(viewit)
if (visibleduration!=0)
setTimeout("logo.style.visibility='hidden'",visibleduration*1000)
}
}
function createlogo(){
staticimage=new Layer(100)
staticimage.left=-300
staticimage.top=120
staticimage.document.write('<a href="'+logolink+'"><img src="'+staticlogo.src+'" border=0 alt="'+alttext+'"></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
}
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
}
function insertimage(){
logo.innerHTML='<a href="'+logolink+'"><img src="'+staticlogo.src+'" border=0 alt="'+alttext+'"></a>'
if (fadeintoview)
viewit=setInterval("bringintoview()",100)
else{
if (visibleduration!=0)
setTimeout("logo.style.visibility='hidden'",visibleduration*1000)
}
}
if (document.all){
window.onscroll=logoit
window.onresize=new Function("window.location.reload()")
window.onload=insertimage
}
function staticitns(){
setInterval("logoit2()",90)
if (visibleduration!=0)
setTimeout("staticimage.visibility='hide'",visibleduration*1000)
}
//-->
</SCRIPT>
</body>
</html>
<br>
<br>
<br>
<br>
<br>
<br>圖片5秒之后自動(dòng)消失。
<br>
<br>
<br>

希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。

相關(guān)文章

  • JavaScript中模擬實(shí)現(xiàn)jsonp

    JavaScript中模擬實(shí)現(xiàn)jsonp

    這篇文章主要介紹了JavaScript中模擬實(shí)現(xiàn)jsonp,本文直接給出實(shí)現(xiàn)代碼,代碼中包含詳細(xì)注釋,需要的朋友可以參考下
    2015-06-06
  • uniapp退出關(guān)閉當(dāng)前小程序或APP的簡(jiǎn)單實(shí)現(xiàn)

    uniapp退出關(guān)閉當(dāng)前小程序或APP的簡(jiǎn)單實(shí)現(xiàn)

    最近通過Uniapp開發(fā)APP又一個(gè)非常實(shí)用的功能,這篇文章主要給大家介紹了關(guān)于uniapp退出關(guān)閉當(dāng)前小程序或APP的簡(jiǎn)單實(shí)現(xiàn),文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
    2022-12-12
  • three.js?Mool3D模型類的使用

    three.js?Mool3D模型類的使用

    這篇文章主要為大家介紹了three.js?Mool3D模型類的使用示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2023-03-03
  • JS動(dòng)態(tài)圖片的實(shí)現(xiàn)方法完整示例

    JS動(dòng)態(tài)圖片的實(shí)現(xiàn)方法完整示例

    這篇文章主要介紹了JS動(dòng)態(tài)圖片的實(shí)現(xiàn)方法,結(jié)合完整實(shí)例形式分析了JavaScript鼠標(biāo)響應(yīng)與頁(yè)面元素屬性動(dòng)態(tài)變換相關(guān)操作技巧,需要的朋友可以參考下
    2020-01-01
  • 原生js ActiveXObject獲取execl里面的值

    原生js ActiveXObject獲取execl里面的值

    使用原生js獲取execl里面的值,想必有很多的朋友都不會(huì)吧,下面有個(gè)不錯(cuò)的方法主要是使用ActiveXObject來實(shí)現(xiàn),感興趣的朋友可不要錯(cuò)過
    2013-11-11
  • 一文讀懂微信小程序頁(yè)面導(dǎo)航

    一文讀懂微信小程序頁(yè)面導(dǎo)航

    微信小程序是一種不需要下載安裝即可使用的應(yīng)用,它實(shí)現(xiàn)了應(yīng)用“觸手可及”的夢(mèng)想,用戶掃一掃或者搜一下即可打開應(yīng)用,下面這篇文章主要給大家介紹了關(guān)于如何通過一文讀懂微信小程序頁(yè)面導(dǎo)航的相關(guān)資料,需要的朋友可以參考下
    2022-11-11
  • Bootstrap基本樣式學(xué)習(xí)筆記之圖片(6)

    Bootstrap基本樣式學(xué)習(xí)筆記之圖片(6)

    這篇文章主要介紹了Bootstrap學(xué)習(xí)筆記之圖片基本樣式的相關(guān)資料,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2016-12-12
  • js鼠標(biāo)滑過圖片震動(dòng)特效的方法

    js鼠標(biāo)滑過圖片震動(dòng)特效的方法

    這篇文章主要介紹了js鼠標(biāo)滑過圖片震動(dòng)特效的方法,涉及onMouseOver事件及圖片操作的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
    2015-02-02
  • 收藏Javascript中常用的55個(gè)經(jīng)典技巧

    收藏Javascript中常用的55個(gè)經(jīng)典技巧

    收藏Javascript中常用的55個(gè)經(jīng)典技巧...
    2007-08-08
  • 一個(gè)JavaScript用逗號(hào)分割字符串實(shí)例

    一個(gè)JavaScript用逗號(hào)分割字符串實(shí)例

    分割字符串的方法有很多,這篇文章主要介紹了一個(gè)JavaScript用逗號(hào)分割字符串實(shí)例,需要的朋友可以參考下
    2014-09-09

最新評(píng)論