1、1新建一個(gè)html文件，命名為testhtml2在testhtml文件內(nèi)，使用div標(biāo)簽創(chuàng)建一個(gè)模塊，并設(shè)置其id為mycss3在css標(biāo)簽內(nèi)，定義div的樣式，設(shè)置其寬度為100px，高度為2000px，背景顏色為粉紅色4在js標(biāo)簽內(nèi)；3然后再輸入代碼 lt！ wrapper end 4然后就完成了；將javascript代碼替換為如下，jQueryquotscroolWarpquotslide titCellquothd ulquot， mainCellquotbd ulquot，effectquotleftquot，vis6，scroll6，autoPlaytrue，autoPagetrue。

2、讓四張圖片都可以重疊在一起3jQuery部分 var t = n =0， count $documentreadyfunction count=$quot#banner_list aquotlength $quot#banner_list anotfirstchildquothide；保存為 indexhtml 文件jquery跑馬燈 圖片不間斷滾動(dòng)效果 首先，編寫跑馬燈部分的靜態(tài) HTML 代碼，把圖片排列起來 在 和 標(biāo)簽中添加以下代碼 lt；#39position#39absolute 里的 absolute要加單引號(hào)， 因?yàn)樗皇亲兞咳缓竽軐?shí)現(xiàn)跟隨鼠標(biāo)了 但不是不是太精確 因?yàn)槟愕膖op和left 都是epageY，left應(yīng)該是epageX然后mouseover是鼠標(biāo)移入觸發(fā)，不是實(shí)時(shí)觸發(fā)，要實(shí)時(shí)跟隨；引入jqueryjs，復(fù)制以下代碼，即可運(yùn)行 1， 2，slide 3，position relative4，height 2005，lightyellow6， 7 ，8，slide inner 9，position absolute10，left 011，bottom 012，height 10；此時(shí)網(wǎng)頁效果如圖所示新建一個(gè)JS文件，并將該文件另存為“MoveEffectjsquot在”MoveEffectjs“文件中輸入如下所示代碼 var id = functionel return documentgetElementByIdel ， c = id#39。

3、直接調(diào)用一個(gè)accordion函數(shù)就Ok！lt！doctype html jQuery UI Accordion Default functionality；documentreadyfunction quot#hidequotclickfunction if$quot#leftquotcss#39width#39 == #39200px#39 quot#leftquotanimatewidth0，quotslowquotquot#hidequotval#39顯示#39else quot#leftquotanimate；3簡(jiǎn)單的代碼示例如下lt！DOCTYPE html jquery輪播效果圖 * padding 0px margin 0px a textdecoration ul liststyle outside slider， sl；非常簡(jiǎn)單，只需要關(guān)閉和打開閥門即可我用的jquery你自己思考一下quot#header_03quotmouseoverfunctionm_over=falsequot#header_03quotmouseoutfunctionm_over=true焦點(diǎn)圖的mouseover事件，當(dāng)鼠標(biāo)懸空；使用jquery吧，很容易解決注意要包含jqueryjs，網(wǎng)上下載吧，很多的具體實(shí)現(xiàn)如下 function AutoScrollobj objfindquotulfirstquotanimate marginTopquot25pxquot，500，function thiscssmarginTopquot0；scrollleftwidth491px floatleft paddingtop15pxscrollleft lifloatleftdisplayinlinewidth195pxtextaligncenter$fnimgscroll = functionovar defaults = speed 40，amount 0，width。

4、accordion是jquery中的動(dòng)畫效果語法2樓的是純js實(shí)現(xiàn)的動(dòng)畫都可以實(shí)現(xiàn)不過jquery的出現(xiàn)本身就是為了減少代碼量，所以一樓的做法比較符合樓主想要的 xlang_new 發(fā)布于20090904 舉報(bào) 評(píng)論 1 0 直接調(diào)用一個(gè)accordion函數(shù)就Ok；跟頁面內(nèi)元素滾動(dòng)效果差不多，給你個(gè)大概思路吧用js或者jquery 有8個(gè)小圖對(duì)吧 然后每張小圖對(duì)應(yīng)下面一個(gè)位置開始的內(nèi)容，假設(shè)第一張圖距離頂部的距離是500px 你寫一個(gè)函數(shù)，控制滾動(dòng)條向下移，scrollTop+speed speed；可以參考下面代碼這里是內(nèi)容$documentreadyfunction $quot#butquoton#39click#39，functionevent $quotbodyquotanimatequotpaddingtopquotquot200pxquot，200。