基于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的一种模块模式
Sep 08 Javascript
ExtJS 入门
Oct 29 Javascript
JS修改css样式style浅谈
May 06 Javascript
js中定义一个变量并判断其是否为空的方法
May 13 Javascript
中文输入法不触发onkeyup事件的解决办法
Jul 09 Javascript
iscroll碰到Select无法选择下拉刷新的解决办法
May 21 Javascript
Javascript随机标签云代码实例
Jun 21 Javascript
Vue.js 插件开发详解
Mar 29 Javascript
对angularJs中ng-style动态改变样式的实例讲解
Sep 30 Javascript
JS实现简单的抽奖转盘效果示例
Feb 16 Javascript
原生JS实现图片懒加载之页面性能优化
Apr 26 Javascript
layui table复选框禁止某几条勾选的实例
Sep 20 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 分页类(模仿google)-面试题目解答
2009/09/13 PHP
如何用PHP实现插入排序?
2013/04/10 PHP
thinkPHP实现签到功能的方法
2017/03/15 PHP
Laravel 框架路由原理与路由访问实例分析
2020/04/14 PHP
JAVASCRIPT实现的WEB页面跳转以及页面间传值方法
2010/05/13 Javascript
学习javascript,实现插入排序实现代码
2011/07/31 Javascript
文本框(input)获取焦点(onfocus)时样式改变的示例代码
2014/01/10 Javascript
jQuery前端分页示例分享
2015/02/10 Javascript
JQuery调用绑定click事件的3种写法
2015/03/28 Javascript
利用JavaScript判断浏览器类型及版本
2016/08/23 Javascript
基于Phantomjs生成PDF的实现方法
2016/11/07 Javascript
如何在 JavaScript 中更好地利用数组
2018/09/27 Javascript
vue 双向数据绑定的实现学习之监听器的实现方法
2018/11/30 Javascript
JavaScript面向对象核心知识与概念归纳整理
2020/05/09 Javascript
js实现页面导航层级指示效果
2020/08/25 Javascript
[02:25]专访DOTA2负责人Erik 国际邀请赛暂不会离开西雅
2014/07/21 DOTA
python list 合并连接字符串的方法
2013/03/09 Python
Python爬取京东的商品分类与链接
2016/08/26 Python
浅谈python正则的常用方法 覆盖范围70%以上
2018/03/14 Python
Python文件打开方式实例详解【a、a+、r+、w+区别】
2019/03/30 Python
python的pytest框架之命令行参数详解(下)
2019/06/27 Python
python如何爬取网页中的文字
2020/07/28 Python
python如何运行js语句
2020/09/09 Python
教师试用期自我鉴定
2014/02/12 职场文书
《秋姑娘的信》教学反思
2014/02/28 职场文书
就业推荐表自我鉴定
2014/03/21 职场文书
中学生期中自我鉴定
2014/04/20 职场文书
村干部群众路线教育活动对照检查材料
2014/10/01 职场文书
校友回访母校寄语
2015/02/26 职场文书
资料员岗位职责范本
2015/04/13 职场文书
文案策划岗位个人自我评价(范文)
2019/08/08 职场文书
python实现的web监控系统
2021/04/27 Python
Go语言 go程释放操作(退出/销毁)
2021/04/30 Golang
Python还能这么玩之用Python做个小游戏的外挂
2021/06/04 Python
Python+Selenium实现读取网易邮箱验证码
2022/03/13 Python
Redis实现订单过期删除的方法步骤
2022/06/05 Redis