- 浏览: 185310 次
- 性别:
- 来自: 四川
文章分类
- 全部博客 (131)
- CMS内容管理系统 (3)
- 支付宝实习之旅 (1)
- javaSE (5)
- myEclipse (1)
- DWR (0)
- strut2 (6)
- spring (4)
- hibernate (6)
- jquery (26)
- extjs (0)
- oracle (1)
- flex (10)
- ajax (0)
- jsp (3)
- java (4)
- JavaScript (4)
- css+div (5)
- Java面试 (3)
- java设计模式 (2)
- Think in java 笔记 (2)
- dom4j (1)
- JDBC (1)
- 经典方法学习 (1)
- windows常用操作 (1)
- maven (1)
- 75道经典逻辑题及答案 (1)
- mysql (3)
- jqueryDemo(插件) (3)
- php (14)
- ubuntu (6)
- 记事本 (1)
- php缓存 (1)
- 编程思想 (5)
- wamp (1)
- android (2)
- xml (1)
最新评论
-
coosummer:
推荐使用http://buttoncssgenerator.c ...
CSS按钮(研究) -
javaCrazy!:
监听一个keyup事件
jquery 监听input输入值事件 -
丶月满灬西楼彡:
问个问题:假如用户在Input中输入了“12345”,但后来又 ...
jquery 监听input输入值事件
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>多行滚动jQuery循环新闻列表代码</title> <style type="text/css"> ul,li{margin:0;padding:0;float:left;} #scrollDiv{width:500px;height:100px;min-height:25px;line-height:25px;border:#ccc 1px solid;overflow:hidden} #scrollDiv li{height:25px;padding-left:10px;} </style> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script> <script type="text/javascript"> //滚动插件 (function($){ $.fn.extend({ Scroll:function(opt,callback){ //参数初始化 if(!opt) var opt={}; var _this=this.eq(0).find("ul:first"); var lineH=_this.find("li:first").height(), //获取行高 line=opt.line?parseInt(opt.line,10):parseInt(this.height()/lineH,10), //每次滚动的行数,默认为一屏,即父容器高度 speed=opt.speed?parseInt(opt.speed,10):500, //卷动速度,数值越大,速度越慢(毫秒) timer=opt.timer?parseInt(opt.timer,10):3000; //滚动的时间间隔(毫秒) if(line==0) line=1; var upHeight=0-line*lineH; //滚动函数 scrollUp=function(){ _this.animate({ marginTop:upHeight },speed,function(){ for(i=1;i<=line;i++){ _this.find("li:first").appendTo(_this); } _this.css({marginTop:0}); }); } //鼠标事件绑定 _this.hover(function(){ clearInterval(timerID); },function(){ timerID=setInterval("scrollUp()",timer); }).mouseout(); } }) })(jQuery); $(document).ready(function(){ $("#scrollDiv").Scroll({line:3,speed:1000,timer:1000}); }); </script> </head> <body> <p>多行滚动演示:</p> <div id="scrollDiv"> <ul> <li>这是公告标题的第1行</li> <li>这是公告标题的第2行</li> <li>这是公告标题的第3行</li> <li>这是公告标题的第4行</li> <li>这是公告标题的第5行</li> <li>这是公告标题的第6行</li> <li>这是公告标题的第7</li> <li>这是公告标题的第8</li> <li>这是公告标题的第9</li> <li>这是公告标题的第10</li> <li>这是公告标题的第11</li> <li>这是公告标题的第12行</li> <li>这是公告标题的13行</li> <li>这是公告标题的第14j</li> <li>这是公告标题的第15</li> <li>这是公告标题的16</li> <li>这是公告标题的17</li> <li>这是公告标题的第18</li> </ul> </div> </body> </html>
发表评论
-
jquery多函数执行
2014-01-07 15:33 9001、Array.prototype.slice.apply ... -
js关闭浏览器兼容性问题
2013-09-13 10:23 7271、ie,chrome下面代码都可以 window.ope ... -
jquery弹框插件(自定义easy-box)
2013-08-30 14:39 9671、插件代码easy-box.js $.ext ... -
50个jQuery代码段帮你成为更出色的JS开发者
2013-08-29 15:06 8690. 如何创建嵌套的过滤器: -
jquery验证插件进一步进行封装(easy-check)
2013-07-29 14:48 21661、easy-check.js,核心代码如下(要运行dem ... -
php echo jquery代码
2013-07-09 11:30 1460话不多少,直接贴上代码 echo "<sc ... -
用户图上传从本地加载图片,兼容ie6+,chrome,firefox
2012-11-24 17:26 784直接上代码 写道 <!DOCTYPE htm ... -
既可输入也可以选择的(input+select)兼容ie6+,chrome,firefox
2012-11-24 17:25 1165直接上代码 <html> <hea ... -
js或jquery导致ie6下,gif卡帧(不动)
2012-11-21 14:01 3064IE6下当JS触发GIF格式图片时,经常会出现GIF图片动几下 ... -
js解决IE遮罩层无法遮罩select
2012-11-07 15:23 8931、包含js (function(a){a.fn.bg ... -
div固定顶部或底部,IE下postion:fixed问题
2012-11-07 14:14 793像你所遇到的问题一样, IE6浏览器有太多的bug让制作 ... -
公告连续滚动js
2012-11-05 13:46 2107<!DOCTYPE html PUBLIC " ... -
jquery获取各种高度
2012-09-19 20:57 11511alert($(window).height()); ... -
ie6下js的onmouseover和onmouseout事件连续触发问题的解决方法
2012-09-17 11:23 851解决HTML内部元素的Mouse ... -
jquery设置select选中,获取select选中的值 和文本
2012-09-11 17:03 1748选中select选项,根据value var pid ... -
jquery图片剪切(插件)
2012-09-09 12:28 1802我用过的jquery图片剪切插件有jcrop, imgsel ... -
jquery图片左右滚动,代码很简洁
2012-09-03 17:46 697<!DOCTYPE html PUBLIC &qu ... -
jquery 监听input输入值事件
2012-08-22 17:24 18409<html> <head&g ... -
jquery 设置select选中
2012-08-02 10:01 774jquery代码 $(document).rea ... -
jquery ajax之函数里面ajax请求,不能返回return 值
2012-07-31 21:45 2695代码 代码如下: fu ...
相关推荐
Jquery实现数据左右移动Demo,供大家一起共同分享学习。
这是一个JQuery可扩展内容的Demo条
jquery自下而上循环滚动table
应用jquery 实现页面图片的无缝滚动效果,兼容火狐浏览器
小巧,使用方便: ... mousePause: true, //鼠标移动到内容上是否暂停滚动,默认为true。 height: 235, //滚动内容的高度。 direction: 'up' //滚动的方向,默认为up向上,down则为向下滚动。 });
JqueryAPI +easyUI+demo JqueryAPI +easyUI+demo JqueryAPI +easyUI+demo
jQuery图片左右滚动效果代码是一款带左右箭头,自动轮播的jQuery图片切换特效。
jQuery全屏页面滚动效果页面上下滚动效果代码jq插件
jquery实例 jquery demo jquery UI demo ,全部是例子 一看就会用
亲手自制自定义滚动条,兼容IE、火狐、谷歌、百度各大浏览器
jQuery单页全屏滚动插件,支持多种样式,总有一款适合你
JQuery实现动态滚动菜单效果 JQuery实现动态滚动菜单效果 JQuery实现动态滚动菜单效果
jquery图片滚动demo解压缩即可以用
Jquery 实现效果 多个demo Jquery 实现效果 多个demo
插件描述:jQuery全屏视差滚动效果. 参考示例:http://www.jq22.com/jquery-info5465
JqueryMobile1.4.2最新版Demo
jquery图片滚动特效,制作单排列表图片左右滚动,鼠标滑过图片放大展示,图片左右滚动,图片滚动到最后一张,按钮失去焦点的jQuery图片滚动。jQuery下载。
jquery mobile 简明 教程 demo 移动 开发 精通 入门 jquery mobile 开发 移动 开发 安卓 手机 开发
jQuery实现列表自动滚动循环滚动展示新闻,鼠标悬停时停止滚动并提示,离开后,继续滚动,实现的代码如下,需要的朋友可以看看
jquery 表格自动滚动 类似于新闻