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