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

只是先隱藏它，然后用鼠標事件控制它在js中的顯示和隱藏html懸浮盒子怎么設(shè)置1使用css中的flaot屬性就可以了，首先打開Dreamweaver，創(chuàng)建html文件2然后先給頁面設(shè)置背景顏色，創(chuàng)建段落兩個段落，段落上面設(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)站頁面通過iframe調(diào)用那個頁面的代碼如下 ，下面的熟悉自己慢慢修改 嘗試一下 JS如下插入網(wǎng)站中 var fixupLayers=new function var i=0，k，f，af=documentgetElementsByTagNamequotiframe。

那個要用到一個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)放個img圖片當做關(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。

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

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

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

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

lt！doctype html無標題文檔ul，liliststylemargin0padding0liwidth287pxheight287pxpositionrelativeli adisplayblockwidth100%height100% positionabsolutetop0left0li ahover。

這個是因為樣式優(yōu)先級的問題，只要把樣式更換成 HTML部分 CSS部分pic2 abackgroundurlimagefrontPageAd_anniversary_txtjpg 0 0 norepeat width465px height262px displayblockquot pic2 ahover。

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