编程 Javascript

基于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>

代码打包下载

基于jquery的滚动新闻列表

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

javascript中比较字符串是否相等的方法

Jul 23 Javascript

jquery实现图片按比例缩放示例

Jul 01 Javascript

jQuery制作效果超棒的手风琴折叠菜单

Apr 03 Javascript

把普通对象转换成json格式的对象的简单实例

Jul 04 Javascript

JS判断iframe是否加载完成的方法

Aug 03 Javascript

微信小程序下拉菜单简单实例

Apr 13 Javascript

Angular4自制一个市县二级联动组件示例

Nov 21 Javascript

jQuery实现文字超过1行、2行或规定的行数时自动加省略号的方法

Mar 28 jQuery

Vue模拟数据,实现路由进入商品详情页面的示例

Aug 31 Javascript

JavaScript JSON数据处理全集(小结)

Aug 15 Javascript

使用Vue.set()方法实现响应式修改数组数据步骤

Nov 09 Javascript

vue基于better-scroll仿京东分类列表

Jun 30 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

CodeIgniter图像处理类的深入解析

2013/06/17 PHP

ThinkPHP的MVC开发机制实例解析

2014/08/23 PHP

关于PHP虚拟主机概念及如何选择稳定的PHP虚拟主机

2018/11/20 PHP

js计算两个时间之间天数差的实例代码

2013/11/19 Javascript

JavaScript中的eval()函数使用介绍

2014/12/31 Javascript

在AngularJS中如何使用谷歌地图把当前位置显示出来

2016/01/25 Javascript

javascript中的3种继承实现方法

2016/01/27 Javascript

Bootstrap每天必学之工具提示（Tooltip）插件

2016/04/26 Javascript

JQuery学习总结【二】

2016/12/01 Javascript

微信小程序getPhoneNumber获取用户手机号

2017/09/29 Javascript

微信小程序实现折叠展开效果

2018/07/19 Javascript

JavaScript设计模式之缓存代理模式原理与简单用法示例

2018/08/07 Javascript

vue下history模式刷新后404错误解决方法

2018/08/18 Javascript

使用webpack编译es6代码的方法步骤

2019/04/28 Javascript

微信小程序实现原生步骤条

2019/07/25 Javascript

[04:16]DOTA2英雄梦之声_第09期_斧王

2014/06/21 DOTA

python生成器generator用法实例分析

2015/06/04 Python

windows环境下tensorflow安装过程详解

2018/03/30 Python

python:pandas合并csv文件的方法(图书数据集成)

2018/04/12 Python

对pandas进行数据预处理的实例讲解

2018/04/20 Python

python 列表推导式使用详解

2019/08/29 Python

基于python检查SSL证书到期情况代码实例

2020/04/04 Python

Tensorflow中的图（tf.Graph）和会话（tf.Session）的实现

2020/04/22 Python

PyQt5 文本输入框自动补全QLineEdit的实现示例

2020/05/13 Python

Django实现后台上传并显示图片功能

2020/05/29 Python

台湾7-ELEVEN线上购物中心：7-11

2021/01/21 全球购物

俄罗斯极限运动网上商店：Board Shop №1

2020/12/18 全球购物

本科生详细的自我评价

2013/09/19 职场文书

初中物理教学反思

2014/01/14 职场文书

大学生两会精神学习心得体会

2014/03/10 职场文书

婚庆公司计划书

2014/09/15 职场文书

班子四风对照检查材料思想汇报

2014/09/29 职场文书

信息技术国培研修日志

2015/11/13 职场文书

Go语言切片前或中间插入项与内置copy()函数详解

2021/04/27 Golang

解决mysql：ERROR 1045 (28000): Access denied for user 'root'@'localhost' (using password: NO/YES)

2021/06/26 MySQL

Django框架中模型的用法

2022/06/10 Python