基于js实现信息加载逐条向下滚动效果



64 253 85



特效描述:基于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全景 html5文字动画 文字滚动 文字滑动 文字切换 自动滚动图片轮播 图片文字 渐隐切换 文字导航菜单 淡出淡入淡进 文字 文字标签 文字淡出淡进 文字滚动

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到