發(fā)布者:深圳網(wǎng)站建設(shè)
來(lái)源:m.qcw123.com
時(shí)間: 2020-01-13 00:00
圖片平滑滾動(dòng)技術(shù)

在此頁(yè)面中大量使用了Jquery框架技術(shù)。包括多條熱門(mén)信息輪顯、圖片平滑滾動(dòng)展示、收縮的展示效果和二級(jí)菜單欄等。下面筆者對(duì)這些技術(shù)進(jìn)行詳細(xì)講解。
本部分知識(shí)中比較簡(jiǎn)單的是圖片平滑滾動(dòng)展示窗口。實(shí)現(xiàn)這個(gè)功能需要使用HTML5中的<MARQUEE/ MARQUEE>標(biāo)簽對(duì),此標(biāo)簽對(duì)指定圖片按指定方向、指定大小和指定移動(dòng)速度滾動(dòng),是PUP Web開(kāi)發(fā)中比較常用的開(kāi)發(fā)手段。此標(biāo)簽的語(yǔ)法格式如下:
<MARQUEE DIRECTION-LEFT BEHAVIOR-alternate SCROLLAMOUNT-1 SCROLLDELAY-200></MARQUEE>
參數(shù)說(shuō)明如下。
DIRECTION:指定初始滾動(dòng)的方向。
BEHAVIOR:設(shè)置滾動(dòng)方式。
SCROLLAMOUNT:侮次滾動(dòng)的像素?cái)?shù)。
SCROLLDELAY:每隔多長(zhǎng)時(shí)間滾動(dòng)一次。
其他的特效都是采用jQuery框架和CSS+DIV知識(shí)來(lái)實(shí)現(xiàn)的。