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 相关文章推荐
JavaScript Event学习第十章 一些可替换的事件对
Feb 10 Javascript
Javascript下判断是否为闰年的Datetime包
Oct 26 Javascript
js 代码优化点滴记录
Feb 19 Javascript
使用Jquery实现点击文字后变成文本框且可修改
Sep 21 Javascript
JavaScript为事件句柄绑定监听函数实例详解
Dec 15 Javascript
javascript实现方法调用与方法触发小结
Mar 26 Javascript
解析JavaScript实现DDoS攻击原理与保护措施
Dec 26 Javascript
微信小程序 本地图片按照屏幕尺寸处理
Aug 04 Javascript
一个因@click.stop引发的bug的解决
Jan 08 Javascript
vue-cli 目录结构详细讲解总结
Jan 15 Javascript
微信小程序 bindtap 传参的实例代码
Feb 21 Javascript
详解 javascript对象创建模式
Oct 30 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使用str_shuffle()函数生成随机字符串的方法分析
2017/02/17 PHP
php使用json_decode后数字对象转换成了科学计数法的解决方法
2017/02/20 PHP
PHP实现一个限制实例化次数的类示例
2019/09/16 PHP
php 使用html5 XHR2实现上传文件与进度显示功能示例
2020/03/03 PHP
JavaScript 变量基础知识
2009/11/07 Javascript
Tab页界面 用jQuery及Ajax技术实现(php后台)
2011/10/12 Javascript
Javascript引用指针使用介绍
2012/11/07 Javascript
不使用jquery实现js打字效果示例分享
2014/01/19 Javascript
单击和双击事件的冲突处理示例代码
2014/04/03 Javascript
浅谈JavaScript函数节流
2014/12/09 Javascript
JavaScript获取一个范围内日期的方法
2015/04/24 Javascript
jQuery实现有动画淡出效果的二级折叠菜单代码
2015/10/17 Javascript
jquery获取文档高度和窗口高度汇总
2016/01/25 Javascript
AngualrJS中的Directive制作一个菜单
2016/01/26 Javascript
JavaScript驾驭网页-DOM
2016/03/24 Javascript
vue.js的手脚架vue-cli项目搭建的步骤
2017/08/30 Javascript
Vue 实现展开折叠效果的示例代码
2018/08/27 Javascript
vue-cli项目配置多环境的详细操作过程
2018/10/30 Javascript
webpack3里使用uglifyjs压缩js时打包报错的解决
2018/12/13 Javascript
element-ui table行点击获取行索引(index)并利用索引更换行顺序
2020/02/27 Javascript
[51:26]DOTA2上海特级锦标赛主赛事日 - 2 胜者组第一轮#3Secret VS OG第二局
2016/03/03 DOTA
Python提取Linux内核源代码的目录结构实现方法
2016/06/24 Python
win10系统中安装scrapy-1.1
2016/07/03 Python
Python文本相似性计算之编辑距离详解
2016/11/28 Python
Python实现修改IE注册表功能示例
2018/05/10 Python
Python框架Flask的基本数据库操作方法分析
2018/07/13 Python
Python如何把多个PDF文件合并代码实例
2020/02/13 Python
Python自省及反射原理实例详解
2020/07/06 Python
css3实现3D文本悬停改变效果的示例代码
2019/01/16 HTML / CSS
HTML5实现一个能够移动的小坦克示例代码
2013/09/02 HTML / CSS
Clarks英国官方网站:全球领军鞋履品牌
2016/11/26 全球购物
七年级地理教学反思
2014/01/26 职场文书
幼儿园英语教学反思
2014/01/30 职场文书
应届生找工作求职信
2014/06/24 职场文书
竞选班干部演讲稿100字
2014/08/20 职场文书
pandas DataFrame.shift()函数的具体使用
2021/05/24 Python