jquery滾動(dòng)圖片代碼(jquery自定義動(dòng)畫實(shí)現(xiàn)照片滾動(dòng))
很簡(jiǎn)單啊,先把圖片用css縮小,再用js滑過的時(shí)候放大就好啦,圖省事我就把js直接寫在圖片上了,你可以自己抽出來 或者更簡(jiǎn)單的,直接用css控制,連js都不用寫了 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。
掃描二維碼推送至手機(jī)訪問。
版權(quán)聲明:本文由飛速云SEO網(wǎng)絡(luò)優(yōu)化推廣發(fā)布,如需轉(zhuǎn)載請(qǐng)注明出處。