基于jquery的滚动新闻列表


Posted in Javascript onJune 19, 2010

呵呵,效果图如下:
基于jquery的滚动新闻列表 

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>

代码打包下载
Javascript 相关文章推荐
javascript while语句和do while语句的区别分析
Dec 08 Javascript
jQuery 获取对象 定位子对象
May 31 Javascript
Jquery常用技巧收集整理篇
Nov 14 Javascript
jQuery实现瀑布流的取巧做法分享
Jan 12 Javascript
对JavaScript中this指针的新理解分享
Jan 31 Javascript
jquery.mobile 共同布局遇到的问题小结
Feb 10 Javascript
js简单实现图片延迟加载的方法
Jul 19 Javascript
关于vue.extend和vue.component的区别浅析
Aug 16 Javascript
Vue组件之单向数据流的解决方法
Nov 10 Javascript
使用VUE+iView+.Net Core上传图片的方法示例
Jan 04 Javascript
js事件机制----捕获与冒泡机制实例分析
May 22 Javascript
利用JavaScript写一个简单计算器
Nov 27 Javascript
基于Jquery的温度计动画效果
Jun 18 #Javascript
JQuery Dialog的内存泄露问题解决方法
Jun 18 #Javascript
通过jQuery打造支持汉字,拼音,英文快速定位查询的超级select插件
Jun 18 #Javascript
jquery ready()的几种实现方法小结
Jun 18 #Javascript
JQuery在光标位置插入内容的实现代码
Jun 18 #Javascript
JavaScript Chart 插件整理
Jun 18 #Javascript
JavaScript在IE和Firefox浏览器下的7个差异兼容写法小结
Jun 18 #Javascript
You might like
9个比较实用的php代码片段
2016/03/15 PHP
PHP SESSION机制的理解与实例
2019/03/22 PHP
JavaScript delete 属性的使用
2009/10/08 Javascript
js屏蔽鼠标键盘(右键/Ctrl+N/Shift+F10/F11/F5刷新/退格键)
2013/01/24 Javascript
JS图片无缝滚动(简单利于使用)
2013/06/17 Javascript
Javascript实现简单二级下拉菜单实例
2014/06/15 Javascript
window.location.href的用法(动态输出跳转)
2014/08/09 Javascript
js实现选中复选框文字变色的方法
2015/08/14 Javascript
jQuery Mobile 触摸事件实例
2016/06/04 Javascript
Java框架SSH结合Easyui控件实现省市县三级联动示例解析
2016/06/12 Javascript
js简单时间比较的方法
2016/08/02 Javascript
AngularJS 整理一些优化的小技巧
2016/08/18 Javascript
AngularJS实现单独作用域内的数据操作
2016/09/05 Javascript
Ajax+FormData+javascript实现无刷新表单信息提交
2016/10/24 Javascript
Grunt针对静态文件的压缩,版本控制打包的实例讲解
2017/09/29 Javascript
this在vue和小程序中的使用详解
2019/01/28 Javascript
详解VUE调用本地json的使用方法
2019/05/15 Javascript
vue路由切换时取消之前的所有请求操作
2020/09/01 Javascript
JavaScript实现滚动加载更多
2020/12/27 Javascript
[02:47]3.19DOTA2发布会 国服成长历程回顾
2014/03/25 DOTA
[01:37]全新的一集《真视界》——TI7总决赛
2017/09/21 DOTA
[04:44]DOTA2 2017全国高校联赛视频回顾
2017/08/21 DOTA
[46:47]完美世界DOTA2联赛PWL S2 FTD vs Magma 第二场 11.20
2020/11/23 DOTA
[08:08]DOTA2-DPC中国联赛2月28日Recap集锦
2021/03/11 DOTA
以Python的Pyspider为例剖析搜索引擎的网络爬虫实现方法
2015/03/30 Python
Python定义一个跨越多行的字符串的多种方法小结
2018/07/19 Python
基于python指定包的安装路径方法
2018/10/27 Python
python判断元素是否存在的实例方法
2020/09/24 Python
ProBikeKit澳大利亚:自行车套件,跑步和铁人三项装备
2016/11/30 全球购物
财务会计专业求职信范文
2013/12/31 职场文书
做人民满意的公务员活动方案
2014/08/25 职场文书
大学生英文求职信范文
2015/03/19 职场文书
招商银行收入证明
2015/06/17 职场文书
如何起草一份正确的合伙创业协议书?
2019/07/04 职场文书
导游词之扬州大明寺
2019/10/09 职场文书
Vue通过懒加载提升页面响应速度
2021/05/10 Vue.js