jquery滾動圖片代碼(jquery自定義動畫實(shí)現(xiàn)照片滾動)
很簡單啊,先把圖片用css縮小,再用js滑過的時候放大就好啦,圖省事我就把js直接寫在圖片上了,你可以自己抽出來 或者更簡單的,直接用css控制,連js都不用寫了 Img1 width50px height50px Img1hover。
在新建的樣式表文件quotMyStylecss”文件中輸入如下代碼* padding0 margin0 *設(shè)置所有對像的內(nèi)邊距為0*body textaligncenter *設(shè)置頁面居中對齊*#photolist * 6張圖片的寬度包含寬。
這個得用到j(luò)query的一個函數(shù)叫做animate 例如我想讓某個div滾動到右邊,即增加它左面的外邊距 $quotdivquotanimatemarginleft400px,600 600毫秒的時間將該div 的左邊距變化為400px,現(xiàn)在你需要調(diào)整速度。
Code如下圖片放在同一目錄下你懂得lt!DOCTYPE HTML jQuery v144 API 中文版 jQuery v144 API 中文版正在努力加載中,請耐心等待 var $=functionid return documentgetElementByIdid。
為其父容器定寬定高,再設(shè)置overflowauto即可,代碼如下 ztreewrap width160px height460px overflowauto。
掃描二維碼推送至手機(jī)訪問。
版權(quán)聲明:本文由飛速云SEO網(wǎng)絡(luò)優(yōu)化推廣發(fā)布,如需轉(zhuǎn)載請注明出處。