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 相关文章推荐
40款非常棒的jQuery 插件和制作教程(系列一)
Oct 26 Javascript
jQuery的slideToggle方法实例
May 07 Javascript
ff下JQuery无法监听input的keyup事件的解决方法
Dec 12 Javascript
JS 在指定数组中随机取出N个不重复的数据
Jun 10 Javascript
js实现从中间开始往上下展开网页窗口的方法
Mar 02 Javascript
jQuery+AJAX实现无刷新下拉加载更多
Jul 03 Javascript
JS实现队列与堆栈的方法
Apr 21 Javascript
Node.js开启Https的实践详解
Oct 25 Javascript
jQuery实现的页面详情展开收起功能示例
Jun 11 jQuery
js实现导航跟随效果
Nov 17 Javascript
详解ES6新增字符串扩张方法includes()、startsWith()、endsWith()
May 12 Javascript
vue离开当前页面触发的函数代码
Sep 01 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
随时给自己贴的图片加文字的php代码
2007/03/08 PHP
DW中链接mysql数据库时,建立字符集中文出现乱码的解决方法
2010/03/27 PHP
PHP 杂谈《重构-改善既有代码的设计》之五 简化函数调用
2012/05/07 PHP
编译php 5.2.14+fpm+memcached(具体操作详解)
2013/06/18 PHP
PHP stream_context_create()函数的使用示例
2015/05/12 PHP
php类的定义与继承用法实例
2015/07/07 PHP
PHP+Ajax实现的无刷新分页功能详解【附demo源码下载】
2017/07/03 PHP
优化网页之快速的呈现我们的网页
2007/06/29 Javascript
js实现单一html页面两套css切换代码
2013/04/11 Javascript
jQuery中:eq()选择器用法实例
2014/12/29 Javascript
JQuery选择器、过滤器大整理
2015/05/26 Javascript
jquery.mousewheel实现整屏翻屏效果
2015/08/30 Javascript
基于JavaScript实现Json数据根据某个字段进行排序
2015/11/24 Javascript
基于Jquery插件实现跨域异步上传文件功能
2016/04/26 Javascript
分享javascript、jquery实用代码段
2016/10/20 Javascript
仿淘宝JSsearch搜索下拉深度用法
2018/01/15 Javascript
基于Axios 常用的请求方法别名(详解)
2018/03/13 Javascript
vue-cli项目中使用公用的提示弹层tips或加载loading组件实例详解
2018/05/28 Javascript
jQuery实现经典的网页3D轮播图封装功能【附源码下载】
2019/02/15 jQuery
原生js实现二级联动菜单
2019/11/27 Javascript
python字典多键值及重复键值的使用方法(详解)
2016/10/31 Python
使用Python实现博客上进行自动翻页
2017/08/23 Python
python生成二维码的实例详解
2017/10/29 Python
Python2.7环境Flask框架安装简明教程【已测试】
2018/07/13 Python
opencv实现图片模糊和锐化操作
2018/11/19 Python
Python的UTC时间转换讲解
2019/02/26 Python
python爬虫简单的添加代理进行访问的实现代码
2019/04/04 Python
Python破解BiliBili滑块验证码的思路详解(完美避开人机识别)
2020/02/17 Python
Pytorch框架实现mnist手写库识别(与tensorflow对比)
2020/07/20 Python
html5 迷宫游戏(碰撞检测)实例一
2013/07/25 HTML / CSS
《猫》教学反思
2014/02/26 职场文书
保护环境倡议书300字
2014/05/19 职场文书
群众对十八届四中全会的期盼
2014/10/17 职场文书
2014财务年终工作总结
2014/12/08 职场文书
django注册用邮箱发送验证码的实现
2021/04/18 Python
vue实现滑动解锁功能
2022/03/03 Vue.js