實(shí)現(xiàn)方法如果使用threejs實(shí)現(xiàn)霧化效果很簡(jiǎn)單，只需要在給場(chǎng)景scene對(duì)象的fog屬性添加值就好了，比如scenefog = new THREEFog0xffffff，100，120 這樣就給場(chǎng)景添加了霧化的效果，在實(shí)例化霧化的對(duì)象的時(shí)候，需要傳三個(gè)值霧的顏色，霧化開(kāi)始的距離相機(jī)的位置，全霧化距離相機(jī)的位置添加上了。

參考代碼如下lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quotDTDxhtml1transitionaldtdquot $function $quot#rightquotclickfunction var roll = $quotquot， css position quotabsolutequot。

一簡(jiǎn)單大氣的煙花 HTML代碼簡(jiǎn)潔，僅需基礎(chǔ)結(jié)構(gòu)CSS代碼也相對(duì)簡(jiǎn)單，主要定義樣式和布局JS代碼精煉，實(shí)現(xiàn)基本煙花效果只需復(fù)制粘貼，即可在頁(yè)面上觀賞二在農(nóng)村看到的煙花 HTMLCSS保持一致的簡(jiǎn)潔風(fēng)格，JS代碼雖稍長(zhǎng)，但實(shí)現(xiàn)了一個(gè)更豐富的煙花效果，仿佛置身于鄉(xiāng)村的煙火晚會(huì)如需完整源碼，請(qǐng)。

function zeroFillnum num = numtoString var len = numlength iflenlt4 forvar i=0 ilt4len i++ num += #390#39+num return numvar url = documentURL獲取當(dāng)前urlvar curPage = urlmatch\d+？=\html獲取。

具體如下這是一個(gè)漂亮的JS+CSS仿支付寶菜單，總體風(fēng)格和形式與支付寶的菜單沒(méi)什么兩樣，運(yùn)行效果截圖如下具體代碼如下lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquotquotDTDxhtml1transitionaldtdquot CSS仿支付寶菜單 padding0px。

這斷代碼你給的不全，不過(guò)也能看懂html結(jié)構(gòu)就是ul li元素組成的一共有4個(gè)li元素下面定義了一個(gè)名字為setTab的方法，方法里面用for循環(huán)依次遍歷這四個(gè)li元素，傳進(jìn)來(lái)的折三個(gè)參數(shù)是為了確定你到底點(diǎn)擊了哪一個(gè)li元素，也就是為了確定下面的內(nèi)容顯示哪一個(gè)menuclassName=i==cursel？quothoverquot。

完整的代碼在最后哦 分析思路1點(diǎn)擊彈出層，模態(tài)框和遮擋層就會(huì)顯示出來(lái)displayblock 2點(diǎn)擊關(guān)閉按鈕，模態(tài)框和遮擋層就會(huì)隱藏display 3在頁(yè)面中拖拽的步驟鼠標(biāo)按下并移動(dòng)，之后松開(kāi)鼠標(biāo) 4觸發(fā)事件是鼠標(biāo)按下mousedown，鼠標(biāo)移動(dòng)是mousemove，鼠標(biāo)松開(kāi)mouseup 5拖拽過(guò)程鼠標(biāo)移動(dòng)過(guò)程。