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 相关文章推荐
可以支持多中格式的JS键盘
May 02 Javascript
HTML颜色选择器实现代码
Nov 23 Javascript
js实现飞入星星特效代码
Oct 17 Javascript
使用javascript实现简单的选项卡切换
Jan 09 Javascript
使用Raygun来自动追踪AngularJS中的异常
Jun 23 Javascript
javascript实现列表滚动的方法
Jul 30 Javascript
JavaScript、jQuery与Ajax的关系
Jan 24 Javascript
详解webpack-dev-server使用方法
Sep 14 Javascript
基于JavaScript canvas绘制贝塞尔曲线
Dec 25 Javascript
详解从vue-loader源码分析CSS Scoped的实现
Sep 23 Javascript
详解小程序如何改变onLoad的执行时机
Nov 01 Javascript
小程序富文本提取图片可放大缩小
May 26 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
使用gd库实现php服务端图片裁剪和生成缩略图功能分享
2013/12/25 PHP
PHP session会话操作技巧小结
2016/09/27 PHP
老生常谈php 正则中的i,m,s,x,e分别表示什么
2017/03/02 PHP
PHP构造二叉树算法示例
2017/06/21 PHP
通过PHP设置BugFree获取邮箱通知
2019/04/25 PHP
数据结构之利用PHP实现二分搜索树
2020/10/25 PHP
ext form 表单提交数据的方法小结
2008/08/08 Javascript
一个关于javascript匿名函数的问题分析
2012/03/30 Javascript
js setTimeout opener的用法示例详解
2013/10/23 Javascript
深入理解Javascript作用域与变量提升
2013/12/09 Javascript
常用的几段javascript代码分享
2014/03/25 Javascript
javascript:void(0)的问题使用探讨
2014/04/10 Javascript
jquery获取tagName再进行判断
2014/05/29 Javascript
使用jQuery判断浏览器滚动条位置的方法
2016/05/30 Javascript
基于Bootstrap的后台管理面板 Bootstrap Metro Dashboard
2016/06/17 Javascript
JQuery组件基于Bootstrap的DropDownList(完整版)
2016/07/05 Javascript
Angular多选、全选、批量选择操作实例代码
2017/03/10 Javascript
JavaScript基于activexobject连接远程数据库SQL Server 2014的方法
2017/07/12 Javascript
layer弹出层父子页面事件相互调用方法
2018/08/17 Javascript
angularjs获取到My97DatePicker选中的值方法
2018/10/02 Javascript
vue 内置过滤器的使用总结(附加自定义过滤器)
2018/12/11 Javascript
python实现三维拟合的方法
2018/12/29 Python
pyqt5 QProgressBar清空进度条的实例
2019/06/21 Python
python 发送json数据操作实例分析
2019/10/15 Python
Pytorch实验常用代码段汇总
2020/11/19 Python
python 制作简单的音乐播放器
2020/11/25 Python
Python基于template实现字符串替换
2020/11/27 Python
请写出 float x 与"零值"比较的 if 语句
2016/01/04 面试题
最热门的自我评价
2013/12/30 职场文书
学雷锋的心得体会
2014/09/04 职场文书
小学毕业感言200字
2015/07/30 职场文书
数据库连接池
2021/04/06 MySQL
jdbc使用PreparedStatement批量插入数据的方法
2021/04/27 MySQL
pytorch MSELoss计算平均的实现方法
2021/05/12 Python
Django Paginator分页器的使用示例
2021/06/23 Python
Win10本地连接不见了怎么恢复? win10系统电脑本地连接不见了解决方法
2023/01/09 数码科技