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
网站导致浏览器崩溃的原因总结(多款浏览器) 推荐
Apr 15 Javascript
jquery的map与get方法详解
Nov 04 Javascript
JS中window.open全屏命令解析及使用示例
Dec 11 Javascript
Javascript前端UI框架Kit使用指南之kitjs的对话框组件
Nov 28 Javascript
JavaScript添加随滚动条滚动窗体的方法
Feb 23 Javascript
Node.js实用代码段之获取Buffer对象字节长度
Mar 17 Javascript
浅谈js和css内联外联注意事项
Jun 30 Javascript
JQuery动态添加Select的Option元素实现方法
Aug 29 Javascript
基于javascript的异步编程实例详解
Apr 10 Javascript
基于Vue实现拖拽效果
Apr 27 Javascript
原生JavaScript实现弹幕组件的示例代码
Oct 12 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 冒泡排序 交换排序法
2011/05/10 PHP
CodeIgniter删除和设置Cookie的方法
2015/04/07 PHP
PHP cURL初始化和执行方法入门级代码
2015/05/28 PHP
多个Laravel项目如何共用migrations详解
2018/09/25 PHP
laravel-admin的图片删除实例
2019/09/30 PHP
jquery 学习之二 属性(类)
2010/11/25 Javascript
jquery ui dialog ie8出现滚动条的解决方法
2010/12/06 Javascript
jQuery 幻灯片插件(带缩略图功能)
2011/01/24 Javascript
js中的for如何实现foreach中的遍历
2014/05/31 Javascript
node.js WEB开发中图片验证码的实现方法
2014/06/03 Javascript
JavaScript中数据结构与算法(一):栈
2015/06/19 Javascript
js点击按钮实现带遮罩层的弹出视频效果
2015/12/19 Javascript
weex slider实现滑动底部导航功能
2017/08/28 Javascript
web前端页面生成exe可执行文件的方法
2018/02/08 Javascript
关于Vue的路由权限管理的示例代码
2018/03/06 Javascript
推荐一个基于Node.js的表单验证库
2019/02/15 Javascript
JavaScript数值类型知识汇总
2019/11/17 Javascript
vue插件--仿微信小程序showModel实现模态提示窗功能
2020/08/19 Javascript
js 压缩图片的示例(只缩小体积,不更改图片尺寸)
2020/10/21 Javascript
python登录pop3邮件服务器接收邮件的方法
2015/04/30 Python
python批量实现Word文件转换为PDF文件
2018/03/15 Python
Tesserocr库的正确安装方式
2018/10/19 Python
Python读取系统文件夹内所有文件并统计数量的方法
2018/10/23 Python
Python qqbot 实现qq机器人的示例代码
2019/07/11 Python
在pandas中遍历DataFrame行的实现方法
2019/10/23 Python
python pygame实现球球大作战
2019/11/25 Python
python利用proxybroker构建爬虫免费IP代理池的实现
2021/02/21 Python
CSS3 media queries + jQuery实现响应式导航
2016/09/30 HTML / CSS
使用CSS3滤镜的filter:blur属性制作毛玻璃模糊效果的方法
2016/07/08 HTML / CSS
基于HTML5 Canvas的3D动态Chart图表的示例
2017/11/02 HTML / CSS
办理护照介绍信
2014/01/16 职场文书
致百米运动员广播稿
2014/01/29 职场文书
销售队伍口号
2014/06/11 职场文书
2014年终工作总结范本
2014/12/15 职场文书
社区服务活动报告
2015/02/05 职场文书
傲慢与偏见电影观后感
2015/06/10 职场文书