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 相关文章推荐
如何快速的呈现我们的网页的技巧整理
Jul 01 Javascript
jquery 获取标签名(tagName)示例代码
Jul 11 Javascript
jQuery队列操作方法实例
Jun 11 Javascript
Vue.js中兄弟组件之间互相传值实例
Jun 01 Javascript
js移动端事件基础及常用事件库详解
Aug 15 Javascript
对vue2.0中.vue文件页面跳转之.$router.push的用法详解
Aug 24 Javascript
Angular5中状态管理的实现
Sep 03 Javascript
vue3.0 CLI - 2.5 - 了解组件的三维
Sep 14 Javascript
解决vue语法会有延迟加载显现{{xxx}}的问题
Nov 14 Javascript
JavaScript使用百度ECharts插件绘制饼图操作示例
Nov 26 Javascript
Vue路由权限控制解析
Nov 09 Javascript
js实现纯前端压缩图片
Nov 16 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简单获取文件扩展名的方法
2015/03/24 PHP
PHP 双链表(SplDoublyLinkedList)简介和使用实例
2015/05/12 PHP
PHP缓冲区用法总结
2016/02/14 PHP
PHP迭代与递归实现无限级分类
2017/08/28 PHP
php操作mongodb封装类与用法实例
2018/09/01 PHP
PHP基于mcript扩展实现对称加密功能示例
2019/02/21 PHP
TP5框架使用QueryList采集框架爬小说操作示例
2020/03/26 PHP
Javascript学习笔记 delete运算符
2011/09/13 Javascript
Extjs 3.3切换tab隐藏相应工具栏出现空白解决
2013/04/02 Javascript
jquery的clone方法应用于textarea和select的bug修复
2014/06/26 Javascript
浅谈Javascript中的Function与Object
2015/01/26 Javascript
谈谈对vue响应式数据更新的误解
2017/08/01 Javascript
JS实现简单的浮动碰撞效果示例
2017/12/28 Javascript
Vue 实现拖动滑块验证功能(只有css+js没有后台验证步骤)
2018/08/24 Javascript
Node.js实现一个HTTP服务器的方法示例
2019/05/13 Javascript
vue 判断元素内容是否超过宽度的方式
2020/07/29 Javascript
js加减乘除精确运算方法实例代码
2021/01/17 Javascript
[59:32]Liquid vs Fnatic 2019国际邀请赛淘汰赛败者组BO1 8.20.mp4
2020/07/19 DOTA
python 多进程通信模块的简单实现
2014/02/20 Python
CentOS中使用virtualenv搭建python3环境
2015/06/08 Python
Python实现字典的遍历与排序功能示例
2017/12/23 Python
python多进程使用及线程池的使用方法代码详解
2018/10/24 Python
对python当中不在本路径的py文件的引用详解
2018/12/15 Python
python线程安全及多进程多线程实现方法详解
2019/09/27 Python
vue学习笔记之动态组件和v-once指令简单示例
2020/02/29 Python
2020新版本pycharm+anaconda+opencv+pyqt环境配置学习笔记,亲测可用
2020/03/24 Python
移动端HTML5 input常见问题(小结)
2020/09/28 HTML / CSS
平面设计师的工作职责
2013/11/21 职场文书
外国人聘用意向书
2014/04/01 职场文书
2014年五四青年节活动策划书
2014/04/22 职场文书
村委会换届选举方案
2014/05/03 职场文书
做一个有道德的人活动方案
2014/08/25 职场文书
求职推荐信范文
2015/03/27 职场文书
小学教学工作总结2015
2015/05/13 职场文书
Python pyecharts绘制条形图详解
2022/04/02 Python
进阶篇之linux环境下安装MySQL数据库
2022/04/09 MySQL