1、jQuery代碼 function #39div#39clickfunction thisanimateleft#39500px#39，3000以上jQuery代碼可以實現(xiàn)div在3秒之內(nèi)向右移動500個像素 注意要漂移的元素一定要有position屬性，不然沒有效果至于position的值可以是relative，也可以是absolute；直接在Body里面加一個Div不就得了然后根據(jù)滾動條滾動事件改變位置，或者直接下載一個JQuery插件就OK了。

2、100% transform translateY0 75% transform translateY3px animatebouncedown webkitanimation bouncedown 13s linear infinite animation bouncedown 13s linear infinite如果不考慮低版本兼容，css3動畫可以簡單實現(xiàn)，給需要漂浮的元素添加animate；lt！DOCTYPE HTML編譯機器人var x = 0， y = 0 var xin = true， yin = true var step = 2 var delay = 1000 var L = T = 111 function floatAD var obj = documentgetElementById quotflyquot var R = objoffsetWidth。

3、UI設(shè)計師就是對界面進行美化了，一般是由美工先出界面原型，大家討論，修改，確定后美工會生成各種界面元素，像圖標按鈕等現(xiàn)在對美工也有一定的技術(shù)要求，不僅僅是畫界面，還要把html模板做出來，所以美工需要懂得 HTMLCSS，甚至部分 Java程序員拿到 html 模板后，往上添加業(yè)務(wù)代碼即可文檔編寫；可以下載jquery相關(guān)插件在dreamweaver為網(wǎng)頁添加浮動窗口在dreamweaver cc版本中，可以直接利用“插入”菜單中的“jquery uidialog”很方便地創(chuàng)建一個浮動對話框效果圖；floatright層位于右側(cè) positionabsolute right20px top20px這樣是相對固定的zindex100px層級于上層JS jquery 調(diào)用，隨鼠標移動，層跟著移動quot#rel_divquotcssquottopquot， $documentscrollTop+20 將滾動條高度賦給懸浮框；右側(cè)浮動窗口代碼演示 演示效果看右側(cè)，右側(cè)調(diào)用頁面為righthtm lt！ 浮動廣告代碼開始 關(guān)閉 ltIFRAME allowTransparency=quottruequot marginwidth=0 marginheight=0 src=quotrighthtmquot frameborder=0 width=155 scrolling=no height=530ltIFRAME。

4、如果所要實現(xiàn)的效果可以使用框架，那么還有另一個解決辦法是在開發(fā)過程中使用當前比較流行的JS，CSS框架框架，如jQuery，YUI等等，因為這些框架無論是底層的還是應(yīng)用層的一般都已經(jīng)做好了瀏覽器兼容，所以可以放心使用除此之外，CSS提供了很多hack接口可供使用，hack既可以實現(xiàn)跨瀏覽器的兼容，也可以實現(xiàn)。

5、給個簡單的 也需引入jquery Htmllt！DOCTYPE HTML PUBLIC quotW3CDTD HTML 401 TransitionalENquot function #39#showWin#39clickshowWinfunction showWin #39#floatWin#39show#39slow#39 顯示窗口；題主的例子#search float rightwidth 305pxheight 76px中的#是css層疊樣式表中的ID選擇器在一個HTML文檔中，CSS ID 選擇器會根據(jù)該元素的ID屬性中的內(nèi)容匹配元素，元素ID屬性名必須與選擇器中的ID屬性名完全匹配，此條樣式聲明才會生效語法如下id屬性 樣式聲明。