Jquery中文网 www.jquerycn.cn
Jquery中文网 >  jQuery  >  jquery 教程  >  正文 jquery 文字上下滚动的小例子

jquery 文字上下滚动的小例子

发布时间:2015-10-09   编辑:www.jquerycn.cn
jquery实现的文字上下滚动的代码,代码很简单,很不错的网页效果,有需要的朋友可以参考下。

jquery 文字上下滚动效果。

复制代码 代码示例:

//上下滚动
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写的点击上下滚动的小例子
基于jquery的滚动鼠标放大缩小图片效果
基于jQuery的可以控制左右滚动及自动滚动效果的代码
如何使用插件数字滚动插件numberAnimate.js?
jQuery滚动效果插件 Waypoints
jQuery Mousewheel
jQuery在iPhone/iPad的滚动效果处理 Overscroll
JS滚轮事件onmousewheel的用法

[关闭]