基于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 attachEvent传递参数的办法
Dec 14 Javascript
实用的Jquery选项卡TAB示例代码
Aug 28 Javascript
jQuery验证插件validation使用指南
Apr 21 Javascript
JQuery插件ajaxfileupload.js异步上传文件实例
May 19 Javascript
AngularJS Ajax详解及示例代码
Aug 17 Javascript
JavaScript实现跟随滚动缓冲运动广告框
Jul 15 Javascript
尝试自己动手用react来写一个分页组件(小结)
Feb 09 Javascript
vue组件之间通信方式实例总结【8种方式】
Feb 22 Javascript
Angular2使用SVG自定义图表(条形图、折线图)组件示例
May 10 Javascript
vue + axios get下载文件功能
Sep 25 Javascript
JavaScript 如何在浏览器中使用摄像头
Dec 02 Javascript
如何实现vue的tree组件
Dec 03 Vue.js
基于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
Zend Framework动作助手FlashMessenger用法详解
2016/03/05 PHP
php四种定界符详解
2017/02/16 PHP
laravel框架使用FormRequest进行表单验证,验证异常返回JSON操作示例
2020/02/18 PHP
Javascript操纵Cookie实现购物车程序
2007/02/15 Javascript
跟我学Nodejs(一)--- Node.js简介及安装开发环境
2014/05/20 NodeJs
javascript中键盘事件用法实例分析
2015/01/30 Javascript
jQuery实现hover合成事件的方法
2015/08/06 Javascript
js自定义回调函数
2015/12/13 Javascript
js实现贪吃蛇小游戏(容易理解)
2017/01/22 Javascript
Angular在一个页面中使用两个ng-app的方法
2017/02/20 Javascript
JavaScript中 DOM操作方法小结
2017/04/25 Javascript
JavaScript去掉数组重复项的方法分析【测试可用】
2018/07/19 Javascript
vue如何根据网站路由判断页面主题色详解
2018/11/02 Javascript
详解jQuery中的getAll()和cleanData()
2019/04/15 jQuery
ES6中异步对象Promise用法详解
2019/07/31 Javascript
浅析vue-cli3配置webpack-bundle-analyzer插件【推荐】
2019/10/23 Javascript
在vue中封装的弹窗组件使用队列模式实现方法
2020/07/23 Javascript
[02:34]肉山说——泡妞篇
2014/09/16 DOTA
Linux下使用python自动修改本机网关代码分享
2015/05/21 Python
全面了解Python环境配置及项目建立
2016/06/30 Python
浅谈numpy中linspace的用法 (等差数列创建函数)
2017/06/07 Python
浅谈python中的占位符
2017/11/09 Python
python表格存取的方法
2018/03/07 Python
python 计算平均平方误差(MSE)的实例
2019/06/29 Python
Anaconda的安装及其环境变量的配置详解
2020/04/22 Python
python判断是空的实例分享
2020/07/06 Python
Python脚本实现Zabbix多行日志监控过程解析
2020/08/26 Python
python中pdb模块实例用法
2021/01/15 Python
什么是静态路由?什么是动态路由?各自的特点是什么?
2015/09/16 面试题
简述进程的启动、终止的方式以及如何进行进程的查看
2013/07/12 面试题
高中生职业生涯规划书
2014/02/24 职场文书
初中生旷课检讨书范文
2014/10/06 职场文书
2015年党员个人剖析材料
2014/12/18 职场文书
2015年超市员工工作总结
2015/05/04 职场文书
装修公司管理制度
2015/08/05 职场文书
《飘》英文读后感五篇
2019/10/11 职场文书