基于js實現信息加載逐條向下滾動效果



37 147 50



特效描述:基于js實現 信息加載 逐條向下滾動,基于js實現信息加載逐條向下滾動效果

代碼結構

1. 引入CSS

<link href="css/zzsc.css" type="text/css" rel="stylesheet" />

2. 引入JS

<script src="js/zzsc.js"></script>

3. HTML代碼

<div class="zzsc">
  <ul id="downpaly" class="downpaly">
    <li>
    	<b>炎炎夏日 簡單營養涼拌菜</b><br />
		今年的夏天來的異常的早,高溫早早就席卷全國各地。在這個漫長的酷暑,雖然下廚房變得...
    </li>
    <li>
    	<b>涼拌雞絲</b><br />
		涼拌雞絲,無骨無皮,合適那些減肥和懼骨的朋友,操作簡單、口味多變,按自己喜歡的味...
    </li>
    <li>
    	<b>手撕茄子</b><br />
		從小就特別愛吃茄子,可茄子一直是我的死穴,每次拍出來都慘不忍睹,以至從來就沒發表過...
    </li>
    <li>
    	<b>涼拌土豆片</b><br />
		這幾天天氣熱的不行,好的方面是不桑拿天了,壞的一面是高達40℃的天氣,出門感覺要被曬...
    </li>
    <li>
    	<b>涼拌豬蹄</b><br />
		豬蹄,前蹄一般叫“豬手”,后蹄叫“豬腳”,擬人的叫法。豬蹄富含膠原蛋白,它能防治皮膚干...
    </li>
    <li>
    	<b>涼拌苦菊</b><br />
		苦菊一般是夏季常見的蔬菜,因其味感甘中略帶苦,且有清熱解暑之功效所以在夏季是很受歡...
    </li>
    <li>
    	<b>涼拌黑木耳</b><br />
		幾乎每頓飯都要做一個清爽利口的涼菜 這樣搭配才更能下飯 木耳是非常好的食材 排毒養顏...
    </li>
    <li>
    	<b>涼拌炸豬皮</b><br />
		炸豬皮泡發后可以用來調涼菜、燒湯、或與其他菜蔬烹制,香而不膩,多孔滑爽...
    </li>
    <li>
    	<b>涼拌餃子皮</b><br />
		這道私房菜——涼拌餃子皮,色澤艷麗,酸辣適宜,風味獨特...
    </li>
  </ul>
</div>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
</div>



用戶評論
大牛,別默默的看了,快登錄幫我點評一下吧!:)      登錄 | 注冊


熱門標簽: 文字疊加 文字層疊 滾動 滾動條 頁面滾動 滾動插件 滾動條插件 滾動條美化 文字翻轉 文字旋轉 文字全屏 文字淡出淡進 文字淡出 文字淡進 文字延遲加載 文字延遲 文字加載 文字放大縮小 文字縮放 文字大小 文字放大 文字縮小 文字變大 文字變小 文字收縮展開 文字收縮 文字展開 文字提示框 提示文字 文字拖動 文字拖拽 360全景 360度全景 h5文字動畫 h5文字邊框動畫 html5文字動畫 html5文字邊框動畫 文字切換 文字選項卡 文字滑動 文字滑塊 文字滾動 文字無縫滾動 文字間歇滾動 自動滾動圖片輪播 漸隱切換 圖片文字 文字導航菜單 文字導航 文字菜單 淡出淡進 淡出 淡進 文字 文字插件 文字標簽 文字標簽云 標簽云 文字淡出淡進 文字淡出 文字淡進 文字滾動 文字無縫滾動 文字間歇滾動
?
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

jQuery/js討論群
群號:642649996
Css3+Html5討論群
群號:322131262

加群請備注:從官網了解到

老夫子电子