圖片左右滾動的代碼(css圖片左右滾動代碼)
在html中需要將插入的圖片左右來回移動,只需要在圖片img標(biāo)簽外套一個marquee標(biāo)簽,在里面寫上 behavior=alternate 這句話就可以實(shí)現(xiàn)alternate是滾動標(biāo)簽ltmarquee的屬性scrolldelay,滾動延時,用于設(shè)定兩次滾動操作之間。
向右滾動,其實(shí)代碼差不多,就一個地方不一樣 var speed=30 demo2innerHTML=demo1innerHTML demoscrollLeft=demoscrollWidth function Marquee ifdemoscrollLeftlt=0demoscrollLeft+=demo2offsetWidth else。
給每張圖片外面加一個a標(biāo)簽,例如。
圖片滾動 lt! demo background #FFFoverflowhiddenborder 1px dashed #CCCwidth 500px demo img border 3px solid #F2F2F2 indemo float leftwidth 800% demo1 float left。
在新建的樣式表文件quotMyStylecss”文件中輸入如下代碼* padding0 margin0 *設(shè)置所有對像的內(nèi)邊距為0*body textaligncenter *設(shè)置頁面居中對齊*#photolist * 6張圖片的寬度包含寬。
掃描二維碼推送至手機(jī)訪問。
版權(quán)聲明:本文由飛速云SEO網(wǎng)絡(luò)優(yōu)化推廣發(fā)布,如需轉(zhuǎn)載請注明出處。