基于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 相关文章推荐
滚动条变色 隐藏滚动条与双击网页自动滚屏显示代码
Dec 28 Javascript
jquery scrollTop方法根据滚动像素显示隐藏顶部导航条
May 27 Javascript
js实现屏蔽默认快捷键调用自定义事件示例
Jun 18 Javascript
jquery使用append(content)方法注意事项分享
Jan 06 Javascript
jQuery实现左右切换焦点图
Apr 03 Javascript
JS+DIV实现鼠标划过切换层效果的方法
May 25 Javascript
javascript中checkbox使用方法实例演示
Nov 19 Javascript
微信小程序 自定义Toast实例代码
Jun 12 Javascript
Vue结合后台导入导出Excel问题详解
Feb 19 Javascript
Vue 数组和对象更新,但是页面没有刷新的解决方式
Nov 09 Javascript
javascript 高级语法之继承的基本使用方法示例
Nov 11 Javascript
如何优化vue打包文件过大
Apr 13 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
PHPMYADMIN导入数据最大为2M的解决方法
2012/04/23 PHP
json的键名为数字时的调用方式(示例代码)
2013/11/15 PHP
Mac OS下配置PHP+MySql环境
2015/02/25 PHP
PHP 实现的将图片转换为TXT
2015/10/21 PHP
tp5框架使用cookie加密算法实现登录功能示例
2020/02/10 PHP
div失去焦点事件实现思路
2014/04/22 Javascript
第五章之BootStrap 栅格系统
2016/04/25 Javascript
JS当前页面登录注册框,固定DIV,底层阴影的实例代码
2016/09/29 Javascript
利用python分析access日志的方法
2016/10/26 Javascript
基于Vue2实现的仿手机QQ单页面应用功能(接入聊天机器人 )
2017/03/30 Javascript
nodejs处理图片的中间件node-images详解
2017/05/08 NodeJs
浅谈Angular 的变化检测的方法
2018/03/01 Javascript
nodejs取得当前执行路径的方法
2018/05/13 NodeJs
JavaScript实现点击出现图片并统计点击次数功能示例
2018/07/23 Javascript
es6 filter() 数组过滤方法总结
2019/04/03 Javascript
[01:03]DOTA2新的征程 你的脚印值得踏上
2014/08/13 DOTA
从零学python系列之浅谈pickle模块封装和拆封数据对象的方法
2014/05/23 Python
python递归查询菜单并转换成json实例
2017/03/27 Python
Python3如何解决字符编码问题详解
2017/04/23 Python
解决python3中自定义wsgi函数,make_server函数报错的问题
2017/11/21 Python
python中利用zfill方法自动给数字前面补0
2018/04/10 Python
浅谈python日志的配置文件路径问题
2018/04/28 Python
JetBrains PyCharm(Community版本)的下载、安装和初步使用图文教程详解
2020/03/19 Python
Django+Celery实现动态配置定时任务的方法示例
2020/05/26 Python
HTML5之SVG 2D入门3—文本与图像及渲染文本介绍
2013/01/30 HTML / CSS
应届大专毕业生个人自荐信
2013/09/22 职场文书
硕士研究生自我鉴定
2013/11/08 职场文书
计算机求职自荐信范文
2014/04/19 职场文书
赔偿协议书
2015/01/27 职场文书
2015中秋节晚会主持词
2015/07/01 职场文书
幼儿园元旦主持词
2015/07/06 职场文书
2016预备党员培训心得体会
2016/01/08 职场文书
自荐信大全
2019/03/21 职场文书
您对思维方式了解多少?
2019/12/09 职场文书
SQL中的连接查询详解
2022/06/21 SQL Server
如何基于python实现单目三维重建详解
2022/06/25 Python