中文字幕亚洲视频,伊人精品一区,日本高清成人vr专区

當前位置：首頁 > 范文|應用文 > IT技術專欄 > 腳本欄目

Javascript網頁特效：閃現的禮花背景

來源：易賢網閱讀：1109 次日期：2015-03-18 11:10:47

溫馨提示：易賢網小編為您整理了“Javascript網頁特效：閃現的禮花背景”,方便廣大網友查閱！

很老的效果了，但對于一些生手來說還是很有用處的。

把如下代碼加入<body>區域中

以下是引用片段：

</div>

<!-- 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>

閱讀關于的全部文章

更多信息請查看IT技術專欄

上一篇：淘寶2007年UED面試題及答案

下一篇：用JS讀寫注冊表制作打印頁面設置功能

易賢網手機網站地址：Javascript網頁特效：閃現的禮花背景

由于各方面情況的不斷調整與變化，易賢網提供的所有考試信息和咨詢回復僅供參考，敬請考生以權威部門公布的正式信息和咨詢為準！

相關閱讀腳本欄目

Bottle框架中的裝飾器類和描述符應用詳解10月30日

Python探索之SocketServer詳解10月30日

Python探索之實現一個簡單的HTTP服務器10月30日

python探索之BaseHTTPServer-實現Web服務器介紹10月30日

13個最常用的Python深度學習庫介紹10月30日

深入理解Python中的*重復運算符10月30日

python logging日志模塊詳解10月30日

System表空間不足的報警問題淺析10月22日

Android開發自定義TextView省略號樣式的方法10月22日

MySQL 清除表空間碎片的實例詳解10月22日

Ubuntu下MySQL安裝及配置遠程登錄教程10月22日

Python 2.x如何設置命令執行的超時時間實例10月22日

windows 64位下redis安裝教程10月22日

Android 自定義 HorizontalScrollView 打造多圖片OOM 的橫向滑動效果10月22日

淺談Node Inspector 代理實現10月22日

java web開發之購物車功能實現示例代碼10月22日

Android開發中GridView用法示例10月22日

Django ORM框架的定時任務如何使用詳解10月22日

SpringMail使用過程中的報錯解決辦法10月22日

Android 使用自定義RecyclerView控件實現Gallery效果10月22日

易賢網移動網站

2026上岸·考公考編培訓報班

報班類型
姓名
手機號
驗證碼

中文字幕免费精品_亚洲视频自拍_亚洲综合国产激情另类一区_色综合咪咪久久