编程 Javascript

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)
                            });
            });

jquery文字上下滚动的实现方法

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

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