jquery 文本上下无缝滚动,鼠标放上去就停止 小例子


Posted in Javascript onJune 05, 2013
<script src="../js/jquery-1.4.2.min.js" type="text/javascript"></script>
<script type="text/javascript">       
        function AutoScroll(obj) {
            $(obj).find("ul:first").animate({
                marginTop: "-25px"
            }, 500, function () {
                $(this).css({ marginTop: "0px" }).find("li:first").appendTo(this);
            });
        }
        $(document).ready(function () {
            var myar = setInterval('AutoScroll("#con2_qhd_3")', 1000);
            //当鼠标放上去的时候,滚动停止,鼠标离开的时候滚动开始
            $("#con2_qhd_3").hover(function () { clearInterval(myar); }, function () { myar = setInterval('AutoScroll("#con2_qhd_3")', 1000) });
        });
</script>
<div id="con2_qhd_3">
        <ul>
             <li><a href="#">欢迎111111111111</a></li>
            <li><a href="#">欢迎22222222222</a></li>
            <li><a href="#">欢迎333333333333</a></li>
            <li><a href="#">欢迎4444444444444</a></li>
            <li><a href="#">欢迎5555555555</a></li>
           <li><a href="#">欢迎66666666666666</a></li>
        </ul>
    </div>
Javascript 相关文章推荐
用js实现下载远程文件并保存在本地的脚本
May 06 Javascript
JS 文件本身编码转换 图文教程
Oct 12 Javascript
将form表单中的元素转换成对象的方法适用表单提交
May 02 Javascript
JavaScript实现DIV层拖动及动态增加新层的方法
May 12 Javascript
浅谈javascript中的DOM方法
Jul 16 Javascript
JS自定义函数对web前端上传的文件进行类型大小判断
Oct 19 Javascript
详解Angular2组件之间如何通信
Jun 22 Javascript
Angular4实现图片上传预览路径不安全的问题解决
Dec 25 Javascript
JavaScript复制内容到剪贴板的两种常用方法
Feb 27 Javascript
mpvue中配置vuex并持久化到本地Storage图文教程解析
Mar 15 Javascript
详解小程序之简单登录注册表单验证
May 13 Javascript
前端路由&amp;webpack基础配置详解
Jun 10 Javascript
jquery实现控制表格行高亮实例
Jun 05 #Javascript
javascript:;与javascript:void(0)使用介绍
Jun 05 #Javascript
jquery插件开发注意事项小结
Jun 04 #Javascript
jquery的ajaxSubmit()异步上传图片并保存表单数据演示代码
Jun 04 #Javascript
js调用AJAX时Get和post的乱码解决方法
Jun 04 #Javascript
jQuery调用AJAX时Get和post公用的乱码解决方法实例说明
Jun 04 #Javascript
左侧是表头的JS表格控件(自写,网上没有的)
Jun 04 #Javascript
You might like
php中判断字符串是否全是中文或含有中文的实现代码
2011/09/16 PHP
PHP提示Cannot modify header information - headers already sent by解决方法
2014/09/22 PHP
编写可维护面向对象的JavaScript代码[翻译]
2011/02/12 Javascript
javascript学习笔记(五)正则表达式
2011/04/08 Javascript
JS 各种网页尺寸判断实例方法
2013/04/18 Javascript
javascript版的in_array函数(判断数组中是否存在特定值)
2014/05/09 Javascript
js实现图片缓慢放大缩小效果
2016/08/02 Javascript
浅谈JS之iframe中的窗口
2016/09/13 Javascript
AngularJS学习笔记(三)数据双向绑定的简单实例
2016/11/08 Javascript
JavaScript生成图形验证码
2020/08/24 Javascript
vue源码学习之Object.defineProperty对象属性监听
2018/05/30 Javascript
vue.js实现的经典计算器/科学计算器功能示例
2018/07/11 Javascript
微信小程序地图(map)组件点击(tap)获取经纬度的方法
2019/01/10 Javascript
浅谈vue异步数据影响页面渲染
2019/10/29 Javascript
vue实现pdf文档在线预览功能
2019/11/26 Javascript
js实现移动端吸顶效果
2020/01/08 Javascript
js代码实现轮播图
2020/05/04 Javascript
[49:20]VG vs TNC Supermajor小组赛B组败者组决赛 BO3 第二场 6.2
2018/06/03 DOTA
[57:47]Fnatic vs Winstrike 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
教你用Python脚本快速为iOS10生成图标和截屏
2016/09/22 Python
详解python里使用正则表达式的全匹配功能
2017/10/19 Python
django 发送手机验证码的示例代码
2018/04/25 Python
使用Django连接Mysql数据库步骤
2019/01/15 Python
在Python中将函数作为另一个函数的参数传入并调用的方法
2019/01/22 Python
Python内存映射文件读写方式
2020/04/24 Python
Python3自动生成MySQL数据字典的markdown文本的实现
2020/05/07 Python
了解一下python内建模块collections
2020/09/07 Python
函数指针的定义是什么
2016/08/14 面试题
门卫岗位职责
2013/11/15 职场文书
后勤部长岗位职责
2013/12/14 职场文书
遵纪守法演讲稿
2014/05/23 职场文书
党支部群众路线整改措施思想汇报
2014/10/10 职场文书
《工作是最好的修行》读后感3篇
2019/12/13 职场文书
如何利用 CSS Overview 面板重构优化你的网站
2021/10/24 HTML / CSS
python lambda 表达式形式分析
2022/04/03 Python