很簡(jiǎn)單啊，先把圖片用css縮小，再用js滑過(guò)的時(shí)候放大就好啦，圖省事我就把js直接寫(xiě)在圖片上了，你可以自己抽出來(lái) 或者更簡(jiǎn)單的，直接用css控制，連js都不用寫(xiě)了 Img1 width50px height50px Img1hover。

在新建的樣式表文件quotMyStylecss”文件中輸入如下代碼* padding0 margin0 *設(shè)置所有對(duì)像的內(nèi)邊距為0*body textaligncenter *設(shè)置頁(yè)面居中對(duì)齊*#photolist * 6張圖片的寬度包含寬。

這個(gè)得用到j(luò)query的一個(gè)函數(shù)叫做animate 例如我想讓某個(gè)div滾動(dòng)到右邊，即增加它左面的外邊距 $quotdivquotanimatemarginleft400px，600 600毫秒的時(shí)間將該div 的左邊距變化為400px，現(xiàn)在你需要調(diào)整速度。

Code如下圖片放在同一目錄下你懂得lt！DOCTYPE HTML jQuery v144 API 中文版 jQuery v144 API 中文版正在努力加載中，請(qǐng)耐心等待 var $=functionid return documentgetElementByIdid。

為其父容器定寬定高，再設(shè)置overflowauto即可，代碼如下 ztreewrap width160px height460px overflowauto。