我們要讓文字浮在圖片上面，需要加上定位看文字浮在了圖片的底部display inlineblock與定位無(wú)關(guān)，只是使整個(gè)imggroup長(zhǎng)寬與圖片適應(yīng)2 文字與背景處理文字左對(duì)齊，我們把文字居中給imgtip添加如下代碼文字。

只是先隱藏它，然后用鼠標(biāo)事件控制它在js中的顯示和隱藏html懸浮盒子怎么設(shè)置1使用css中的flaot屬性就可以了，首先打開Dreamweaver，創(chuàng)建html文件2然后先給頁(yè)面設(shè)置背景顏色，創(chuàng)建段落兩個(gè)段落，段落上面設(shè)置2張圖片的。

function hideaddocumentgetElementByIdquotadquotstyledisplay=quotquot ltDIV onClick=quothideadquot style=quotFONTSIZE 9pt CURSOR handquot align=right關(guān)閉廣告×ltDIV var x = 50，y = 60 va。

dir = 1， size = 10， interval = 30var width = $documentbodywidth， height = $documentbodyheightvar img = $quot#img1quot， w = imgwidth， h = imgheight， offset = img。

src=quot圖片地址quot在網(wǎng)站頁(yè)面通過iframe調(diào)用那個(gè)頁(yè)面的代碼如下 ，下面的熟悉自己慢慢修改 嘗試一下 JS如下插入網(wǎng)站中 var fixupLayers=new function var i=0，k，f，af=documentgetElementsByTagNamequotiframe。

那個(gè)要用到一個(gè)JS代碼上面的連接地址和圖片可以自行更改 lt！鏈接地址 lt！圖片地址 var x = 50，y = 60 var xin = true， yin = true var step = 1 var delay = 10 var obj=docum。

廣告圖作為背景，給div，然后在div內(nèi)放個(gè)img圖片當(dāng)做關(guān)閉按鈕var countfunction move $#39apDiv#39styletop=+parseIntcount function getCount coun。

var delta=015 var collectionfunction floaters thisitems = thisaddItem = functionid，x，y，content documentwrite#39ltDIV id=#39+id+#39 style=quotZINDEX 10 POSITION absolute width80px。

這個(gè)使用html來(lái)實(shí)現(xiàn)的 首先做一個(gè)div快 lt a href=quot你要連接的網(wǎng)站quot lt！ 用一個(gè)圖片當(dāng)作連接地址 這個(gè)不用我多說了把 你肯定知道 然后是重點(diǎn)的css文件 myId positionfixed top500px left500px。

2如果你想要這個(gè)懸浮的元素隨著滾動(dòng)條的滾動(dòng)依然懸浮在規(guī)定的位置就使用JavaScript除了使用以上代碼外，在網(wǎng)頁(yè)頭處添加以下代碼 lastScrollY=0function backtop diffY=percent=1*diffY。

使用純CSS即可實(shí)現(xiàn)全部效果，代碼也很簡(jiǎn)單原理hover觸發(fā)CSS臨近選擇器 所需工具DW用來(lái)給圖片畫熱區(qū)，PS算出彈出層的top和left偏移值我在Demo里畫了三個(gè)熱區(qū)位置如下圖，你用鼠標(biāo)懸停到上面即可看到效果。

B=documentbody withad width=300*寬* height=400*高* setIntervalquotmove#39ad#39，BclientHeight+BscrollTop400*上*，BclientWidth+BscrollLeft300*左*，10*延時(shí)*quot，1function move。

lt！doctype html無(wú)標(biāo)題文檔ul，liliststylemargin0padding0liwidth287pxheight287pxpositionrelativeli adisplayblockwidth100%height100% positionabsolutetop0left0li ahover。

這個(gè)是因?yàn)闃邮絻?yōu)先級(jí)的問題，只要把樣式更換成 HTML部分 CSS部分pic2 abackgroundurlimagefrontPageAd_anniversary_txtjpg 0 0 norepeat width465px height262px displayblockquot pic2 ahover。

懸浮按鈕只需要設(shè)置按鈕positi的屬性為fixed即可例子lt！DOCTYPE html 浮動(dòng)按鈕 * margin 0px padding 0px #container width 1000px height 3000px back。