基于jquery的滚动新闻列表
发布时间:2013-08-11 编辑:jiaochengji.com
在网上看到许多的jquery插件实现滚动新闻,特别是新闻显示在div里面的,比较了一番发现这款jquery.vticker-min.js还是挺不错的,于是就将它集成到我的毕业设计里面。
在网上看到许多的jquery插件实现滚动新闻,特别是新闻显示在div里面的,比较了一番发现这款jquery.vticker-min.js还是挺不错的,于是就将它集成到我的毕业设计里面。
呵呵,效果图如下:
<div class="news-container" style="width: 260px; margin: auto;">
<ul>
<li style="height:40px">
<!--这里可以换成是动态的新闻-->
<a href="NewsRead.aspx?news_id=<%=mcmNewsList[i].News_id%>" style="padding-bottom: 0px; font-size:12px; height:12px;">新闻标题1</a>
<br />
</li>
<li style="height:40px">
<a href="NewsRead.aspx?news_id=<%=mcmNewsList[i].News_id%>" style="padding-bottom: 0px; font-size:12px; height:12px;">新闻标题2</a>
<br />
</li>
<li style="height:40px">
<a href="NewsRead.aspx?news_id=<%=mcmNewsList[i].News_id%>" style="padding-bottom: 0px; font-size:12px; height:12px;">新闻标题3</a>
<br />
</li>
</ul>
</div>
代码打包下载
ps:gif做的不是很好,大家将就一下吧,呵呵。
下面来看代码:
复制代码 代码如下:
<div class="news-container" style="width: 260px; margin: auto;">
<ul>
<li style="height:40px">
<!--这里可以换成是动态的新闻-->
<a href="NewsRead.aspx?news_id=<%=mcmNewsList[i].News_id%>" style="padding-bottom: 0px; font-size:12px; height:12px;">新闻标题1</a>
<br />
</li>
<li style="height:40px">
<a href="NewsRead.aspx?news_id=<%=mcmNewsList[i].News_id%>" style="padding-bottom: 0px; font-size:12px; height:12px;">新闻标题2</a>
<br />
</li>
<li style="height:40px">
<a href="NewsRead.aspx?news_id=<%=mcmNewsList[i].News_id%>" style="padding-bottom: 0px; font-size:12px; height:12px;">新闻标题3</a>
<br />
</li>
</ul>
</div>
代码打包下载
您可能感兴趣的文章:
基于jquery的滚动新闻列表
jQuery新闻滚动插件 jquery.roller.js
jQuery 列表自动循环滚动鼠标悬停时停止滚动的实现代码(图文)
40个有创意的jQuery图片、内容滑动及弹出插件收藏集之一
jQuery 标题的自动翻转实现代码
Jquery 设置标题的自动翻转
jQuery实现列表自动循环滚动鼠标悬停时停止滚动
基于jQuery的可以控制左右滚动及自动滚动效果的代码
jquery多行滚动/向左或向上滚动/响应鼠标实现思路及代码
JQuery页面图片切换和新闻列表滚动效果的具体实现
上一篇:jquery多浏览器捕捉回车事件代码
下一篇:基于Jquery的温度计动画效果
[关闭]