JQuery文字列表向上滚动的代码
2018-10-12 14:02
441 查看
jQuery实现代码如下:
<script type="text/javascript">
$(function(){
$("#newly").hover(function(){
clearInterval(scrtime);
},function(){
scrtime=setInterval(function(){
$ul=$("#newly ul");
liheight=$ul.find("li:first").height();
$ul.animate({marginTop:"-10px"},1000,function(){
$ul.find("li:first").appendTo("#newly ul");
$ul.find("li:first").hide();
$ul.css("margin-top","0px");
$ul.find("li:first").show();
});
},4200);
}).trigger("mouseleave");
});
</script>
您可能感兴趣的文章:
相关文章推荐
- JQuery文字列表向上滚动的代码
- JQuery文字列表向上滚动的代码
- jquery插件之文字间歇自动向上滚动效果代码
- jQuery插件实现文字无缝向上滚动效果代码
- jquery单行文字向上滚动效果的实现代码
- jQuery插件实现文字无缝向上滚动效果代码
- 文字列表无缝向上滚动JavaScript代码
- jquery插件之文字间歇自动向上滚动效果代码
- 文字列表无缝向上滚动代码
- jquery单行文字向上滚动效果的实现代码
- jQuery文字逐行向上滚动代码
- JS 文字向上滚动代码
- 向上滚动的文字跑马灯,基于JQUERY,淡入淡出
- Jquery结合div+css实现文字间断停顿向上滚动效果
- 简短几句jquery代码的实现一个图片向上滚动切换。
- 文字或者图片向上滚动代码
- [JS]连续向上滚动文字代码
- jquery实现文字由下到上循环滚动的实例代码
- jquery实现多行文字图片滚动效果示例代码