基于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去除右边逗号的简单方法
Jul 03 Javascript
jquery 淡入淡出效果的简单实现
Feb 07 Javascript
Jquery 点击按钮自动高亮实现原理及代码
Apr 25 Javascript
javascript时间函数大全
Jun 30 Javascript
Html5的placeholder属性(IE兼容)实现代码
Aug 30 Javascript
JavaScript比较两个对象是否相等的方法
Feb 06 Javascript
TinyMCE提交AjaxForm获取不到数据的解决方法
Mar 05 Javascript
javascript DOM的详解及实例代码
Mar 06 Javascript
js图片加载效果实例代码(延迟加载+瀑布流加载)
May 12 Javascript
fetch 使用及如何接收JS传值
Nov 11 Javascript
微信小程序实现换肤功能
Mar 14 Javascript
jQuery实现可编辑的表格
Dec 11 jQuery
基于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 zip文件解压类代码
2009/12/02 PHP
配置php.ini实现PHP文件上传功能
2014/11/27 PHP
PHP 双链表(SplDoublyLinkedList)简介和使用实例
2015/05/12 PHP
PHP http请求超时问题解决方案
2020/11/13 PHP
JQuery 表格操作(交替显示、拖动表格行、选择行等)
2009/07/29 Javascript
juqery 学习之六 CSS--css、位置、宽高
2011/02/11 Javascript
js函数调用的方式
2014/05/06 Javascript
jquery操作checked属性以及disabled属性的多种方法
2014/06/20 Javascript
javascript实现下班倒计时效果的方法(可桌面通知)
2015/07/10 Javascript
浅谈javascript函数式编程
2015/09/06 Javascript
jQuery  ready方法实现原理详解
2016/10/19 Javascript
Jquery根据浏览器窗口改变调整大小的方法
2017/02/07 Javascript
canvas实现探照灯效果
2017/02/07 Javascript
详解本地Node.js服务器作为api服务器的解决办法
2017/02/28 Javascript
EL表达式截取字符串的函数说明
2017/09/22 Javascript
Python简单的制作图片验证码实例
2017/05/31 Python
开源软件包和环境管理系统Anaconda的安装使用
2017/09/04 Python
Python基于多线程实现抓取数据存入数据库的方法
2018/06/22 Python
Apache,wsgi,django 程序部署配置方法详解
2019/07/01 Python
Python基础之函数基本用法与进阶详解
2020/01/02 Python
ffmpeg+Python实现B站MP4格式音频与视频的合并示例代码
2020/10/21 Python
详解使用scrapy进行模拟登陆三种方式
2021/02/21 Python
移动端Html5中百度地图的点击事件
2019/01/31 HTML / CSS
美国特价机票专家:Airfarewatchdog
2018/01/24 全球购物
实习期自我鉴定
2013/10/11 职场文书
电焊工工作岗位职责
2014/02/06 职场文书
幼儿园新年寄语
2014/04/03 职场文书
2014年内勤工作总结
2014/11/24 职场文书
2015年创先争优活动总结
2015/03/27 职场文书
工会经费申请报告
2015/05/15 职场文书
茶花女读书笔记
2015/06/29 职场文书
go语言基础 seek光标位置os包的使用
2021/05/09 Golang
python基础之爬虫入门
2021/05/10 Python
MySQL Innodb索引机制详细介绍
2021/11/23 MySQL
HTML基本元素标签介绍
2022/02/28 HTML / CSS
vue3 自定义图片放大器效果的示例代码
2022/07/23 Vue.js