jquery文字上下滚动的实现方法


Posted in Javascript onMarch 22, 2013
//上下滚动
var textRoll=function(){
$('#notice p:last').css({'height':'0px','opacity': '0'}).insertBefore('#notice p:first').animate({'height':'35px','opacity': '1'}, 'slow', function() { $(this).removeAttr('style');});
                               }
$(function(){
//触发上下文字滚动事件
var roll=setInterval('textRoll()',4000);
$("#notice p").hover(function() {
                                clearInterval(roll);
                             }, function() {
                                 roll = setInterval('textRoll()', 4000)
                            });
            });
Javascript 相关文章推荐
jQuery入门问答 整理的几个常见的初学者问题
Feb 22 Javascript
javascript XMLHttpRequest对象全面剖析
Apr 24 Javascript
在jquery boxy中添加百度地图坐标拾取注意流程
Apr 03 Javascript
jQuery.deferred对象使用详解
Mar 18 Javascript
JavaScript中有关一个数组中最大值和最小值及它们的下表的输出的解决办法
Jul 01 Javascript
JS中去掉array中重复元素的方法
May 26 Javascript
关于JavaScript中forEach和each用法浅析
Jul 27 Javascript
利用JavaScript实现栈的数据结构示例代码
Aug 02 Javascript
vue下拉列表功能实例代码
Apr 08 Javascript
提升node.js中使用redis的性能遇到的问题及解决方法
Oct 30 Javascript
微信小程序如何访问公众号文章
Jul 08 Javascript
关于IDEA中的.VUE文件报错 Export declarations are not supported by current JavaScript version
Oct 17 Javascript
JS模块与命名空间的介绍
Mar 22 #Javascript
JS在textarea光标处插入文本的小例子
Mar 22 #Javascript
JavaScript 验证码的实例代码(附效果图)
Mar 22 #Javascript
jquery实现图片等比例缩放以及max-width在ie中不兼容解决
Mar 21 #Javascript
jQuery+css+html实现页面遮罩弹出框
Mar 21 #Javascript
jquery实现固定顶部导航效果(仿蘑菇街)
Mar 21 #Javascript
jquery实现网站超链接和图片提示效果
Mar 21 #Javascript
You might like
jQuery+PHP实现的掷色子抽奖游戏实例
2015/01/04 PHP
thinkphp项目如何自定义微信分享描述内容
2017/02/20 PHP
浅谈laravel框架与thinkPHP框架的区别
2019/10/23 PHP
如何在centos8自定义目录安装php7.3
2019/11/28 PHP
JavaScript 轻松搞定快捷留言功能 只需一行代码
2010/04/01 Javascript
jquery 回车事件实现代码
2011/08/23 Javascript
jQuery获取Select选择的Text和Value(详细汇总)
2013/01/25 Javascript
js获取本机的外网/广域网ip地址完整源码
2013/08/12 Javascript
深入理解Javascript作用域与变量提升
2013/12/09 Javascript
js强制把网址设为默认首页
2015/09/29 Javascript
jQuery插件jquery-barcode实现条码打印的方法
2015/11/25 Javascript
js+html5实现canvas绘制网页时钟的方法
2016/05/21 Javascript
javascript基础知识
2016/06/07 Javascript
JS+html5 canvas实现的简单绘制折线图效果示例
2017/03/13 Javascript
jQuery使用正则验证15/18身份证的方法示例
2017/04/27 jQuery
详解angularjs中如何实现控制器和指令之间交互
2017/05/31 Javascript
webpack源码之loader机制详解
2018/04/06 Javascript
Vue中使用方法、计算属性或观察者的方法实例详解
2018/10/31 Javascript
Node.js+ELK日志规范的实现
2019/05/23 Javascript
Vue项目中Api的组织和返回数据处理的操作
2019/11/04 Javascript
Javascript实现打鼓效果
2021/01/29 Javascript
wxPython 入门教程
2008/10/07 Python
python实现无证书加密解密实例
2014/10/27 Python
python 打印出所有的对象/模块的属性(实例代码)
2016/09/11 Python
pytorch 在网络中添加可训练参数,修改预训练权重文件的方法
2019/08/17 Python
python如果快速判断数字奇数偶数
2019/11/13 Python
Python使用Turtle库绘制一棵西兰花
2019/11/23 Python
Python3 全自动更新已安装的模块实现
2020/01/06 Python
Django --Xadmin 判断登录者身份实例
2020/07/03 Python
推荐值得学习的12款python-web开发框架
2020/08/10 Python
通过Django Admin+HttpRunner1.5.6实现简易接口测试平台
2020/11/11 Python
利物浦足球俱乐部官方网上商店:Liverpool FC Official Store
2018/01/13 全球购物
巴西Bo.Bô官方在线商店:经营奢侈品时尚业务
2020/03/16 全球购物
股份合作协议书
2014/04/12 职场文书
如何撰写促销方案?
2019/07/05 职场文书
浅谈sql_@SelectProvider及使用注意说明
2021/08/04 Java/Android