人人做人人澡人人爽欧美,国产主播一区二区,久久久精品五月天,羞羞视频在线观看免费

當(dāng)前位置:蘿卜系統(tǒng)下載站 > 技術(shù)開發(fā)教程 > 詳細(xì)頁面

JS代碼完成圖片的漸隱播放效果

JS代碼完成圖片的漸隱播放效果

更新時(shí)間:2023-06-17 文章作者:未知 信息來源:網(wǎng)絡(luò) 閱讀次數(shù):

編程(Programming)是編定程序的中文簡稱,就是讓計(jì)算機(jī)代碼解決某個(gè)問題,對某個(gè)計(jì)算體系規(guī)定一定的運(yùn)算方式,使計(jì)算體系按照該計(jì)算方式運(yùn)行,并最終得到相應(yīng)結(jié)果的過程。為了使計(jì)算機(jī)能夠理解(understand)人的意圖,人類就必須將需解決的問題的思路、方法和手段通過計(jì)算機(jī)能夠理解的形式告訴計(jì)算機(jī),使得計(jì)算機(jī)能夠根據(jù)人的指令一步一步去工作,完成某種特定的任務(wù)。這種人和計(jì)算體系之間交流的過程就是編程。

【實(shí)例名稱】

JS代碼實(shí)現(xiàn)圖片的漸隱播放效果

【實(shí)例描述】

單獨(dú)實(shí)現(xiàn)一個(gè)圖片的顯示和隱藏比較容易,本例將介紹如何實(shí)現(xiàn)多個(gè)圖片連續(xù)播放的效果,并在圖片切換的時(shí)候使用逐漸消隱的特效。

【實(shí)例代碼】

<HTML> <HEAD> <TITLE>圖像的漸隱播放效果-本站(www.xue51.com)</title> <script language=javaScript> var strngth=1 var index_image=0 var imageSrc = new Array() imageSrc[0] ="logo1.gif" imageSrc[1] ="logo2.gif" imageSrc[2] ="logo1.gif" function showimage()   //顯示圖像 {     if(document.all) {     //創(chuàng)建一個(gè)帶濾鏡樣式的img圖像-注意顯示的圖像并不固定     if (strngth <=110) {     imagediv.innerHTML="<img style='filter:alpha(opacity="+strngth+")' src="+imageSrc[index_image]+" border=0>";     strngth=strngth+10     var timer=setTimeout("showimage()",100)    //每隔100豪秒就顯示圖像     }     else {     clearTimeout(timer)     var timer=setTimeout("hideimage()",1000)   //每隔1000豪秒就隱藏圖像     }     }     //是Netscape瀏覽器時(shí)的特效實(shí)現(xiàn)方法     if(document.layers) {     clearTimeout(timer)     document.imagediv.document.write("<img src="+ imageSrc[index_image]+" border=0>")     document.close()     index_image++     if (index_image >= imageSrc.length) {index_image=0}     var timer=setTimeout("showimage()",2000)     } } function hideimage()  //隱藏圖像 {     if (strngth >=-10) {     //設(shè)置圖像逐漸消隱的濾鏡效果-注意圖像并不固定     imagediv.innerHTML="<img style='filter:alpha(opacity="+strngth+")' src="+imageSrc[index_image]+" border=0>";     strngth=strngth-10     var timer=setTimeout("hideimage()",100)  //每隔100豪秒就隱藏圖像     }     else {     clearTimeout(timer)     index_image++     if (index_image >= imageSrc.length) {index_image=0}     strngth=1     var timer=setTimeout("showimage()",500) //每隔500豪秒就顯示圖像     } } </script> </HEAD> <body  onLoad="showimage()"> <div id="imagediv"  style="position:absolute;"></div> </body> </HTML>

 

【運(yùn)行效果】

 圖片的漸隱播放效果運(yùn)行效果

【難點(diǎn)剖析】

本例的重點(diǎn)是濾鏡結(jié)合定時(shí)器的使用。用濾鏡“filter.alpha”實(shí)現(xiàn)圖片的漸隱漸現(xiàn),然后使用定時(shí)器“setTimeout”實(shí)現(xiàn)圖片數(shù)組的調(diào)用。

【源碼下載】

為了JS代碼的準(zhǔn)確性,請點(diǎn)擊:圖片的漸隱播放效果 進(jìn)行本實(shí)例源碼下載 


使用編程語言寫的程序,由于每條指令都對應(yīng)計(jì)算機(jī)一個(gè)特定的基本動作,所以程序占用內(nèi)存少、執(zhí)行效率高。

溫馨提示:喜歡本站的話,請收藏一下本站!

本類教程下載

系統(tǒng)下載排行

網(wǎng)站地圖xml | 網(wǎng)站地圖html
主站蜘蛛池模板: 集贤县| 阜阳市| 平凉市| 望城县| 广安市| 兴国县| 新河县| 确山县| 辽宁省| 丰都县| 漳平市| 富宁县| 茶陵县| 浦江县| 锦屏县| 青冈县| 毕节市| 慈溪市| 晋宁县| 安国市| 乌兰浩特市| 玛多县| 富宁县| 桃园市| 武宣县| 鹤岗市| 建始县| 凉城县| 青海省| 丹东市| 盖州市| 新田县| 遂溪县| 平安县| 台东市| 安溪县| 恭城| 福建省| 普宁市| 久治县| 广州市|