基于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 相关文章推荐
js定义对象或数组直接量时各浏览器对多余逗号的处理(json)
Mar 05 Javascript
jquery 为a标签绑定click事件示例代码
Jun 23 Javascript
分享一个自己动手写的jQuery分页插件
Aug 28 Javascript
jQuery多级弹出菜单插件ZoneMenu
Dec 18 Javascript
跟我学习javascript的函数调用和构造函数调用
Nov 16 Javascript
jquery实现全选和全不选功能效果的实现代码【推荐】
May 05 Javascript
SWFUpload多文件上传及文件个数限制的方法
May 31 Javascript
jQuery easyUI datagrid 增加求和统计行的实现代码
Jun 01 Javascript
Bootstrap进度条学习使用
Feb 09 Javascript
Vue之Vue.set动态新增对象属性方法
Feb 23 Javascript
vue-mugen-scroll组件实现pc端滚动刷新
Aug 16 Javascript
vue实现带过渡效果的下拉菜单功能
Feb 19 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
PHP独立Session数据库存储操作类分享
2014/06/11 PHP
ubuntu下配置nginx+php+mysql详解
2015/09/10 PHP
thinkPHP中钩子的使用方法实例分析
2017/11/16 PHP
实例解析php的数据类型
2018/10/24 PHP
Laravel5框架自定义错误页面配置操作示例
2019/04/17 PHP
jquery HotKeys轻松搞定键盘事件代码
2008/08/30 Javascript
jquery特效 幻灯片效果示例代码
2013/07/16 Javascript
使用js正则控制input标签只允许输入的值
2013/07/29 Javascript
js采用map取到id集合组并且实现点击一行选中一行
2013/12/16 Javascript
jquery实现不同大小浏览器使用不同的css样式表的方法
2014/04/02 Javascript
jquery ztree实现模糊搜索功能
2016/02/25 Javascript
Angular中ng-bind和ng-model的区别实例详解
2017/04/10 Javascript
简单实现JS上传图片预览功能
2017/04/14 Javascript
微信JS SDK接入的几点注意事项(必看篇)
2017/06/23 Javascript
JavaScript解析任意形式的json树型结构展示
2017/07/23 Javascript
使用JS实现图片轮播的实例(前后首尾相接)
2017/09/21 Javascript
浅谈Vue-cli 命令行工具分析
2017/11/22 Javascript
基于node打包可执行文件工具_Pkg使用心得分享
2018/01/24 Javascript
jQuery事件blur()方法的使用实例讲解
2019/03/30 jQuery
uni-app使用countdown插件实现倒计时
2020/11/01 Javascript
Python编程之多态用法实例详解
2015/05/19 Python
Python 文件操作的详解及实例
2017/09/18 Python
python训练数据时打乱训练数据与标签的两种方法小结
2018/11/08 Python
python做反被爬保护的方法
2019/07/01 Python
python增加图像对比度的方法
2019/07/12 Python
python GUI库图形界面开发之PyQt5表格控件QTableView详细使用方法与实例
2020/03/01 Python
css3进行截取替代js的substring
2013/09/02 HTML / CSS
css3+伪元素实现鼠标移入时下划线向两边展开的效果
2017/04/25 HTML / CSS
初三政治教学反思
2014/01/30 职场文书
中层干部竞聘演讲稿
2014/05/15 职场文书
党员领导干部承诺书
2014/05/28 职场文书
2014年财务工作总结与计划
2014/12/08 职场文书
2014年人民调解工作总结
2014/12/08 职场文书
2015年十一国庆节演讲稿
2015/03/20 职场文书
古诗之感恩老师
2019/10/24 职场文书
Java获取字符串编码格式实现思路
2022/09/23 Java/Android