联系我们
简单又实用的WordPress网站制作教学
当前位置:网站首页 > 网页前端技术 > 正文

基于jquery的滚动新闻列表 - Web前端

作者:98wpeu发布时间:2026-06-25分类:网页前端技术浏览:2


导读:呵呵,效果图如下: ps:gif做的不是很好,大家将就一下吧,呵呵。下面来看代码:复制代码代码如下:<divclass="news-contAIner"style="...
呵呵,效果图如下:
 

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>

代码打包下载

标签:滚动新闻列表Webjquery


网页前端技术排行
最近发表
网站分类
标签列表