包含純div/css對聯(lián)漂浮廣告代碼(無js)的詞條
thisaddItem = functionid,x,y,content documentwrite#39ltDIV id=#39+id+#39 style=quotZINDEX 10 POSITION absolute width80px height60pxleft#39+typeofx==#39string#39?evalxx+#39top#39+ty。
ltdiv id=quotadquot style=quotpositionabsolutequot lt!放廣告代碼ltDIV onClick=quothideadquot style=quotFONTSIZE 9pt CURSOR handquot align=right關(guān)閉廣告×ltDIVltdiv ltscript var x = 80,y = 80 var。
theFloatersaddItem#39followDiv2#39,0,0,#39ltbrlta href=廣告鏈接地址 target=_blankltimg src=廣告圖片地址 width=100 height=400 border=0lta#39 target=_blank theFloatersplay 把上面的代碼另存為一個JS文件,然后。
把 theFloatersaddItem 這兩個 修改一下, 在里面添加 ltdiv style=quottextalignrightquotltspan onclick=quotdocumentgetElementById\#39followDiv1\#39styledisplay=\#39\#39quotXltspanltdiv 重要的是 onc。
先在你的網(wǎng)站主目錄建立JS文件,再建立一個JS文件如ad01js打開文本將下面代碼復(fù)制到其中,保存格式為js function initEcAd = 200。
將DIV添加進CSS里面,首先我們需要給這個div一個id或者是class,然后獲取這個元素的id或者是class,css中書寫樣式就行了,如果是通用樣式的話,我們就可以直接寫div,然后加樣式就行,請看代碼lthtml lthead ltstyle div1。
JS代碼實現(xiàn)對聯(lián)式浮動廣告演示!selfonError=nullcurrentX = currentY = 0whichIt = nulllastScrollX = 0 lastScrollY = 0NS = documentlayers ? 1 0IE = documentall ? 1 0function heart。
var delta=08var collectionvar closeB=falsefunction floaters thisitems = thisaddItem = functionid,x,y,content documentwrite#39ltDIV id=#39+id+#39 style=quotZINDEX 10 POSITION absolute。
實現(xiàn)效果如下,DIV2在div1的左方,其它代碼不變,我們只需要把浮動的代碼更改一下,就可以實現(xiàn)右浮動了,floatright下圖實際效果我們可以看到DIV實現(xiàn)了右浮動,浮動至右邊css浮動擴展定義 浮動的框可以向左或向右移動。
隨滾動而滾動,css就可以實現(xiàn),也就是固定在屏幕固定位置,用 positionfixed即可,關(guān)閉按鈕可以用documentgetElementById#39#39styledisplay=#39#39即可,如 ltdiv style=quotwidth500px height200px backgroundcolor。
用css偽類hover可以實現(xiàn)這個功能1新建html文檔,在body標(biāo)簽中添加一個div標(biāo)簽,然后在div標(biāo)簽中添加p標(biāo)簽,為p標(biāo)簽添加內(nèi)容2為了方便演示,給div標(biāo)簽設(shè)置寬高和背景顏色,然后給p標(biāo)簽設(shè)置“display”屬性,屬性值為“。
以下為大家介紹這兩種情況與解決方法一定最小高度,內(nèi)容加多時自適應(yīng)高度,而內(nèi)容少時DIV有一定最小高度 TOP有一DIV盒子,默認(rèn)高度為200px,當(dāng)DIV里內(nèi)容多余并超出限定高度時,DIV自適應(yīng)高度, 要求使用純CSS+DIV,不需要JS。
ltscript language=quotjavascriptquot function reposx,y xy分別是你廣告框的寬度和高度 layid = documentgetElementByIdquotddivquot ddiv的廣告框div的id =。
1內(nèi)聯(lián)標(biāo)簽之間的空格正常情況下書寫html代碼的時候都有換行縮進等習(xí)慣,比如XMLHTML Code復(fù)制內(nèi)容到剪貼板 lthead ltmetacharset=quotutf8quot ltstyle html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre。
html2在indexhtml中的ltscript標(biāo)簽,輸入js代碼$#39head#39append#39ltstyledivfontsize 32pxltstyle#393瀏覽器運行indexhtml頁面,此時發(fā)現(xiàn)js成功將css代碼添加到lthead標(biāo)簽的ltstyle標(biāo)簽中。
掃描二維碼推送至手機訪問。
版權(quán)聲明:本文由飛速云SEO網(wǎng)絡(luò)優(yōu)化推廣發(fā)布,如需轉(zhuǎn)載請注明出處。