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 相关文章推荐
javascript 正则表达式相关应介绍
Nov 27 Javascript
jquery使用append(content)方法注意事项分享
Jan 06 Javascript
使用微信内置浏览器点击下拉框出现页面乱跳转现象(iphone),该怎么办
Jan 04 Javascript
超链接怎么正确调用javascript函数
May 23 Javascript
AngularJS全局scope与Isolate scope通信用法示例
Nov 22 Javascript
jstree的简单实例
Dec 01 Javascript
深入理解javascript中concat方法
Dec 12 Javascript
jQuery判断邮箱格式对错实例代码讲解
Apr 12 jQuery
vuejs简单验证码功能完整示例
Jan 08 Javascript
详解express使用vue-router的history踩坑
Jun 05 Javascript
浅谈vue项目,访问路径#号的问题
Aug 14 Javascript
jenkins自动构建发布vue项目的方法步骤
Jan 04 Vue.js
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中的Cannot modify header information 问题
2013/08/12 PHP
PHP实现WebService的简单示例和实现步骤
2015/03/27 PHP
JS.GetAllChild(element,deep,condition)使用介绍
2013/09/21 Javascript
jQuery写fadeTo示例代码
2014/02/21 Javascript
jquery动态更换设置背景图的方法
2014/03/25 Javascript
超漂亮的Bootstrap 富文本编辑器summernote
2016/04/05 Javascript
JS传值出现中文参数乱码的解决方法
2016/06/30 Javascript
Javascript6中字符串的四个新用法分享
2016/09/11 Javascript
chrome下判断点击input上标签还是其余标签的实现方法
2016/09/18 Javascript
js 判断附件后缀的简单实现方法
2016/10/11 Javascript
手机移动端实现 jquery和HTML5 Canvas的幸运大奖盘特效
2016/12/06 Javascript
简单实现Bootstrap标签页
2020/08/09 Javascript
利用Js+Css实现折纸动态导航效果实例源码
2017/01/25 Javascript
JavaScript中最常见的三个面试题解析
2017/03/04 Javascript
Bootstrap面板(Panels)的简单实现代码
2017/03/17 Javascript
JavaScript无缝滚动效果的实例代码
2017/03/27 Javascript
让你彻底掌握es6 Promise的八段代码
2017/07/26 Javascript
SelectPage v2.4 发布新增纯下拉列表和关闭分页功能
2017/09/07 Javascript
详解vue-cli项目中怎么使用mock数据
2018/05/29 Javascript
vue相关配置文件详解及多环境配置详细步骤
2020/05/19 Javascript
JS常用跨域方法实现原理解析
2020/12/09 Javascript
深入理解Python 代码优化详解
2014/10/27 Python
Python实现获取某天是某个月中的第几周
2015/02/11 Python
Django自定义模板过滤器和标签的实现方法
2019/08/21 Python
通过实例了解Python str()和repr()的区别
2020/01/17 Python
使用CSS3来匹配横屏竖屏的简单方法
2015/08/04 HTML / CSS
html5记忆翻牌游戏实现思路及代码
2013/07/25 HTML / CSS
HTML5+CSS3实现拖放(Drag and Drop)示例
2014/07/07 HTML / CSS
艺术应用与设计个人的自我评价
2013/11/23 职场文书
大学军训感言600字
2014/02/25 职场文书
暖通工程师岗位职责
2014/06/12 职场文书
小学生运动会报道稿
2014/09/12 职场文书
离婚被告答辩状
2015/05/22 职场文书
开学第一天的感想
2015/08/10 职场文书
Python WSGI 规范简介
2021/04/11 Python
Vscode中SSH插件如何远程连接Linux
2022/05/02 Servers