jquery文本上下无缝滚动,鼠标放上去就停止小例子
<scriptsrc="../js/jquery-1.4.2.min.js"type="text/javascript"></script>
<scripttype="text/javascript">
functionAutoScroll(obj){
$(obj).find("ul:first").animate({
marginTop:"-25px"
},500,function(){
$(this).css({marginTop:"0px"}).find("li:first").appendTo(this);
});
}
$(document).ready(function(){
varmyar=setInterval("AutoScroll("#con2_qhd_3")",1000);
//当鼠标放上去的时候,滚动停止,鼠标离开的时候滚动开始
$("#con2_qhd_3").hover(function(){clearInterval(myar);},function(){myar=setInterval("AutoScroll("#con2_qhd_3")",1000)});
});
</script>
<divid="con2_qhd_3">
<ul>
<li><ahref="#">欢迎111111111111</a></li>
<li><ahref="#">欢迎22222222222</a></li>
<li><ahref="#">欢迎333333333333</a></li>
<li><ahref="#">欢迎4444444444444</a></li>
<li><ahref="#">欢迎5555555555</a></li>
<li><ahref="#">欢迎66666666666666</a></li>
</ul>
</div>
相关文章
- jquery ajax步骤,jquery ajax(ajax请求的五个步骤jQuery)
- jquery关于checkbox选中和不选中的问题
- jquery选择器用法_jQuery属性选择器
- 通过jQuery预加载图片的方法详解编程语言
- jQuery Google Charts—-一个封装google chart api的jquery插件详解编程语言
- jQuery表单插件jquery.form.js详解编程语言
- jquery如何动态添加、删除class样式方法详解编程语言
- JQuery初体验(建议学习jquery)
- JQuery风格的HTML文本转义
- jQuery技巧大放送学习jquery的朋友可以看下
- Jquery实战_读书笔记1—选择jQuery
- JQuery插件模板制作jquery插件的朋友可以参考下
- Jquery从头学起第四讲jquery入门教程
- Jquery知识点三jquery表单对象操作
- jQuery获取文本节点之text()/val()/html()方法区别
- jquery查找select,并触发事件的实现代码
- jQuery遍历-关于closest()的方法介绍以及与parents()的方法区别分析
- JQuery中关于jquery.js与jquery.min.js的比较探讨
- 基于jquery的禁用右键、文本选择功能、复制按键的实现代码
- jquery提取元素里的纯文本不包含span等里的内容
- jQuery取得select选择的文本与值的示例
- jquery复选框全选/取消示例
- JQuery文本改变触发事件如聚焦事件、失焦事件
- jquery选择checked在ie8普通模式下的问题
- jquery禁用右键单击功能屏蔽F5刷新
- jquery.ajax之beforeSend方法使用介绍
- 使用jQuery的attr方法来修改onclick值
- jQuery取得设置清空select选择的文本与值
- 使用jQuery和Bootstrap实现多层、自适应模态窗口