網(wǎng)頁飄動(dòng)圖片純js代碼(女人耳朵有三顆連成直線的痣)
在新建的樣式表文件#34MyStylecss”文件中輸入如下代碼 * padding0 margin0 #160#160#160*設(shè)置所有對(duì)像的內(nèi)邊距為0* body textaligncenter #160#160*設(shè)置頁面居中對(duì)齊*。
windowsetIntervalquotsnowFlakeFloatquot,1002 在你需要的頁面鏈接代碼文件ltSCRIPT language=javascript src=quot漂浮jsquotltSCRIPT 3 加入圖片, 代碼為 ltSCRIPT language=JavaScript 我這只加了三張圖片,其。
lt! var no = 5 雪片數(shù)目 var speed = 20 飄動(dòng)速度值越大越慢var ns4up = documentlayers ? 1 0 當(dāng)前瀏覽器類型,如果是NS則為1 var ie4up = documentall ? 1 0。
那個(gè)要用到一個(gè)JS代碼上面的連接地址和圖片可以自行更改 lt!鏈接地址 lt!圖片地址 var x = 50,y = 60 var xin = true, yin = true var step = 1 var delay = 10 var obj=docum。
ltDIV onClick=quothideadquot style=quotFONTSIZE 9pt CURSOR handquot align=right關(guān)閉廣告×ltDIV var x = 50,y = 60 var xin = true, yin = true var step = 1 var delay = 1 var obj=docume。
幫你修改好了,其實(shí)你這段JS代碼要兼容FF的話,也很簡(jiǎn)單,注意以下幾點(diǎn)1FF要求任何一個(gè)網(wǎng)頁內(nèi)的對(duì)象,必須要有聲明,所以img1offsetHeight在使用前,必須先聲明,所以要有var img1 = docummentgetElementByIdquotimg。
圖片中的P標(biāo)簽里有圖片,我這里設(shè)置P區(qū)塊為寬高各100,用positionfixed定位,距離頂部100像素,右邊0像素漂浮著,zindex999就是層高,可以理解為層高越高就可以漂浮在網(wǎng)頁上面效果如下不管如何滾動(dòng)網(wǎng)頁滾動(dòng)條 上下翻。
thisitems = thisaddItem = functionid,x,y,content documentwrite#39ltDIV id=#39+id+#39 style=quotZINDEX 10 POSITION absolute width80px height60pxleft#39+typeofx==#39string#39?evalxx。
左側(cè)懸浮代碼如下 lt! lastScrollY=0function heartBeat var diffYif documentdocumentElement diffY = else if documentbodydiffY。
var delta=015 var collectionfunction floaters thisitems = thisaddItem = functionid,x,y,content documentwrite#39ltDIV id=#39+id+#39 style=quotZINDEX 10 POSITION absolute width80px。
lastScrollY=lastScrollY+percentalertlastScrollY windowsetIntervalquotheartBeatquot,1 圖片高度和寬度用數(shù)字代替即可,層的寬度和高度可自定義 將如上代碼加入到網(wǎng)頁的前即可。
$functionvar dir = 1, size = 10, interval = 30var width = $documentbodywidth, height = $documentbodyheightvar img = $quot#img1quot, w = imgwidth, h = imgheight。
漂浮的圖片 lt!head頭部代碼開始 var chip1var chip2var chip3根據(jù)使用的圖片的多少增加或減少上面相應(yīng)代碼function pagestartcheckbrOKchip1=new Chipquotchip1quot,160,80chip2=new。
網(wǎng)頁中的滾動(dòng)圖片的代碼有上下左右四個(gè)方向,分別是 lt lt向上滾動(dòng)代碼開始 lt。
借用紫殤部分代碼,基本代碼如下ltmarquee direction=quotrightquot onmouseover=quotthisstopquot onmouseout=quotthisstartquot ltmarquee 代碼需要改進(jìn)的很多,如果速度,及不間斷顯示。
當(dāng)然你說的意思是你自己做的網(wǎng)站給別人看的,關(guān)鍵代碼如下 ifMouseX+40+popWidth popLeftAdjust=popWidth24 else popLeftAdjust=0ifMouseY+40+popHeight popTop。
以下代碼放在js文件中,在網(wǎng)頁中引入這個(gè)js文件就可以了,圖片自己換,位置可調(diào) var online=new Arrayif !documentlayersdocumentwrite#39#39documentwrite#39#39documentwrite#39 #39documentwrite#39。
掃描二維碼推送至手機(jī)訪問。
版權(quán)聲明:本文由飛速云SEO網(wǎng)絡(luò)優(yōu)化推廣發(fā)布,如需轉(zhuǎn)載請(qǐng)注明出處。