模板無憂
網(wǎng)頁特效
每日更新
|
TOP排行榜
|
Tag標簽
|
充值
無憂首頁
網(wǎng)頁模板
程序模板
建站教程
視頻教程
網(wǎng)頁特效
圖標素材
字體下載
站長工具
站長問答
網(wǎng)頁特效
菜單導航
圖片特效
文本鏈接
層和布局
頁面背景
表單按鈕
日期時間
計算轉換
鍵盤鼠標
瀏覽器
游戲娛樂
綜合其它
常用代碼
jQuery特效
Prototype
Ajax/JavaScript
ExtJS
CSS特效
在線編輯器
Mootools
HTML
JS廣告代碼合集
站長工具
站長常用軟件
網(wǎng)站綜合查詢
Alexa排名查詢
Google PR查詢
域名Whois查詢
網(wǎng)站收錄查詢
友情鏈接查詢
CSS2中文手冊
CSS精簡優(yōu)化工具
網(wǎng)頁特效代碼
模板無憂
>
網(wǎng)頁特效
>
圖片特效特效代碼
>
收藏
分享
查看評論
圖片特效
演示
禮花背景：深隧的天空不斷爆出多彩的禮花_圖片特效特效
查看演示效果
特效Tag：
暫無Tag,歡迎
添加
,賺取U幣!
禮花背景：深隧的天空不斷爆出多彩的禮花,您可以先修改部分代碼再運行.
<html> <head> <title>禮花背景：深隧的天空不斷爆出多彩的禮花</title> </head> <body> <layer name="a0" left=10 top=10 visibility=show bgcolor="#ffffff" clip="0,0,1,1"></layer> <layer name="a1" left=10 top=10 visibility=show bgcolor="#fff000" clip="0,0,1,1"></layer> <layer name="a2" left=10 top=10 visibility=show bgcolor="#ffa000" clip="0,0,1,1"></layer> <layer name="a3" left=10 top=10 visibility=show bgcolor="#ff00ff" clip="0,0,1,1"></layer> <layer name="a4" left=10 top=10 visibility=show bgcolor="#00ff00" clip="0,0,1,1"></layer> <layer name="a5" left=10 top=10 visibility=show bgcolor="#ff00ff" clip="0,0,1,1"></layer> <layer name="a6" left=10 top=10 visibility=show bgcolor="#ff0000" clip="0,0,1,1"></layer> <layer name="a7" left=10 top=10 visibility=show bgcolor="#ffffff" clip="0,0,1,1"></layer> <layer name="a8" left=10 top=10 visibility=show bgcolor="#fff000" clip="0,0,1,1"></layer> <layer name="a9" left=10 top=10 visibility=show bgcolor="#ffa000" clip="0,0,1,1"></layer> <layer name="a10" left=10 top=10 visibility=show bgcolor="#ff00ff" clip="0,0,1,1"></layer> <layer name="a11" left=10 top=10 visibility=show bgcolor="#00ff00" clip="0,0,2,2"></layer> <layer name="a12" left=10 top=10 visibility=show bgcolor="#0000ff" clip="0,0,2,2"></layer> <layer name="a13" left=10 top=10 visibility=show bgcolor="#ff0000" clip="0,0,2,2"></layer> <div class="fhbdhxl" id="starsDiv" style="position:absolute;top:0px;left:0px"> <div style="position:relative;width:2px;height:2px;background:#ffffff;font-size:2px"></div> <div style="position:relative;width:1px;height:1px;background:#fff000;font-size:1px"></div> <div style="position:relative;width:1px;height:1px;background:#ffa000;font-size:1px"></div> <div style="position:relative;width:1px;height:1px;background:#ff00ff;font-size:1px"></div> <div style="position:relative;width:1px;height:1px;background:#00ff00;font-size:1px"></div> <div style="position:relative;width:1px;height:1px;background:#0000ff;font-size:1px"></div> <div style="position:relative;width:1px;height:1px;background:#FF0000;font-size:1px"></div> <div style="position:relative;width:1px;height:1px;background:#ffffff;font-size:1px"></div> <div style="position:relative;width:1px;height:1px;background:#fff000;font-size:1px"></div> <div style="position:relative;width:1px;height:1px;background:#ffa000;font-size:1px"></div> <div style="position:relative;width:1px;height:1px;background:#ff00ff;font-size:1px"></div> <div style="position:relative;width:2px;height:2px;background:#ff00ff;font-size:2px"></div> <div style="position:relative;width:1px;height:1px;background:#0000ff;font-size:1px"></div> <div style="position:relative;width:1px;height:1px;background:#FF0000;font-size:1px"></div> </div> <SCRIPT LANGUAGE="JavaScript"> <!-- Begin var Clrs = new Array(9); Clrs[0] = 'ff0000'; Clrs[1] = '00ff00'; Clrs[2] = '000aff'; Clrs[3] = 'ff00ff'; Clrs[4] = 'ffa500'; Clrs[5] = 'ffff00'; Clrs[6] = '00ff00'; Clrs[7] = 'ffffff'; Clrs[8] = 'fffff0'; var sClrs = new Array(5); sClrs[0] = 'ffa500'; sClrs[1] = '55ff66'; sClrs[2] = 'AC9DFC'; sClrs[3] = 'fff000'; sClrs[4] = 'fffff0'; var yBase; var xBase; var step; var currStep = 0; var Xpos = 1; var Ypos = 1; var initialStarColor = 'ffa000'; var Mtop = 250; var Mleft = 250; function Fireworks() { if (document.all) { yBase = window.document.body.offsetHeight / 3; xBase = window.document.body.offsetWidth / 8; } else if (document.layers) { yBase = window.innerHeight / 3; xBase = window.innerWidth / 8; } if (document.all) { step = 5; for ( i = 0 ; i < starsDiv.all.length ; i++ ) { for (ai = 0; ai < Clrs.length; ai++) { var c = Math.round(Math.random()*[ai]); } if (currStep < 90) starsDiv.all[i].style.background=initialStarColor; if (currStep > 90) starsDiv.all[i].style.background=Clrs[c]; starsDiv.all[i].style.top = Mtop + yBase*Math.sin((currStep+i*5)/3)*Math.sin(550+currStep/100) starsDiv.all[i].style.left = Mleft + yBase*Math.cos((currStep+i*5)/3)*Math.sin(550+currStep/100) } } else if (document.layers) { step = 5; for ( j = 0 ; j < 24 ; j++ ) { //number of NS layers! var templayer = "a"+j; for (ai = 0; ai < Clrs.length; ai++) { var c = Math.round(Math.random()*[ai]); } if (currStep < 90) document.layers[templayer].bgColor=initialStarColor; if (currStep > 90) document.layers[templayer].bgColor=Clrs[c]; document.layers[templayer].top = Mtop + yBase*Math.sin((currStep+j*5)/3)*Math.sin(550+currStep/100) document.layers[templayer].left = Mleft + yBase*Math.cos((currStep+j*5)/3)*Math.sin(550+currStep/100) } } currStep+= step; T=setTimeout("Fireworks()",5); if (currStep == 220) { currStep = -10; for (n = 0; n < sClrs.length; n++) { var k = Math.round(Math.random()*n); } initialStarColor = sClrs[k]; if (document.all) { Dtop = window.document.body.clientHeight - 250; Dleft = xBase * 3.5; Mtop = Math.round(Math.random()*Dtop); Mleft = Math.round(Math.random()*Dleft); document.all.starsDiv.style.top = Mtop+document.body.scrollTop; document.all.starsDiv.style.left = Mleft+document.body.scrollLeft; } else if (document.layers) { Dleft = window.innerWidth - 100; Dtop = window.innerHeight - 100; Mtop = Math.round(Math.random()*Dtop+window.pageYOffset); Mleft = Math.round(Math.random()*Dleft+window.pageXOffset); document.layers[templayer].top = Mtop; document.layers[templayer].left = Mleft; } if ((Mtop < 20) || (Mleft < 20)) { Mtop += 90; Mleft += 90; } } } Fireworks(); // End --> </script> </body> </html>
所屬頻道：
圖片特效特效
/
更新時間：2012-11-03
[收藏]
[報錯]
[返回列表]
相關
圖片特效特效
：
圖片自動縮放
圖像過來
禁止對圖片用右鍵(僅支持IE)
圖片的漸顯播放效果的代碼
對聯(lián)式的圖片廣告代碼
頁面的左右下腳始終固定不動的圖片廣告代碼
圖片漸漸出現(xiàn)腳本
圖象淡入淡出 Script
經(jīng)典相冊效果
左右移動的圖片
圖像映射
圖形循環(huán)漸顯腳本
圖片特效特效Rss訂閱
特效代碼搜索
圖片特效特效推薦
JS圖片左右切換效果代碼
jquery 自動輪換內容
JavaScript真正的鼠標放上動畫加載大圖的代碼
鼠標點擊圖片后切換為其它圖片
JS點擊小圖預覽大圖(仿淘寶)
鼠標經(jīng)過圖片時，出現(xiàn)說明文字
NBA網(wǎng)站大幅JS焦點圖切換
JavaScript實現(xiàn)的圖片響應鼠標特效
浮動的圖片廣告
CSS強制按比例縮小圖片
猜你也喜歡看這些
本地文件夾鏈接
漸隱漸出式文字交替顯示特效
一個超漂亮圖片或文字提示框
走馬燈效果的鏈接提示
CSS藝術字
行如流水的Js文字背景特效
CSS動態(tài)的鏈接提示
字符從右波浪式出現(xiàn)然后下落
隱藏顯示字符腳本
Css+Js單行新聞切換效果
相關鏈接：
復制本頁鏈接
|
搜索禮花背景：深隧的天空不斷爆出多彩的禮花
特效說明：
圖片特效模板
-
禮花背景：深隧的天空不斷爆出多彩的禮花
。
。。