jQuery插件实现文字无缝向上滚动效果代码【jquery】

web前端|js教程

jQuery,插件,文字无缝滚动

web前端-js教程

生鲜 商城 源码,vscode 类名提示,ubuntu执行jar,tomcat 7怎么装,sqlite数百万条数据,如何对抖音的数据进行信息爬虫,php redis场景,平潭有效的seo介绍,淘宝网 动态网站 静态网站,模板下载网站源码 模板下载网站织梦模板lzw

此插件旨在实现目前较为流行的无缝向上滚动特效，当鼠标移动到文字上时，向上滚动会停止，当鼠标离开时，向上滚动继续。整体代码如下：

理财网站源码免费下载,ubuntu怎么挂接硬盘,如何更改tomcat的内存,添加google爬虫,开箱即用php开发框架,seo服务seo服务商17lzw

*{margin:0;padding:0;font-size:12px;}li{list-style:none;}.box{margin:20px;width:320px;height:195px;border:1px solid #ddd;padding:10px;overflow:hidden;}.box ul li{line-height:25px;}

01这是一个无缝向上滚动的特效，是我第一次写这样的插件 02这是一个无缝向上滚动的特效，是我第一次写这样的插件 这是一个无缝向上滚动的特效，是我第一次写这样的插件 这是一个无缝向上滚动的特效，是我第一次写这样的插件 这是一个无缝向上滚动的特效，是我第一次写这样的插件 这是一个无缝向上滚动的特效，是我第一次写这样的插件 这是一个无缝向上滚动的特效，是我第一次写这样的插件 这是一个无缝向上滚动的特效，是我第一次写这样的插件 这是一个无缝向上滚动的特效，是我第一次写这样的插件

/** scrollTop 0.1* Dependence jquery-1.7.1.js*/;(function($){ $.fn.scrollTop = function(options){ var defaults = { speed:30 } var opts = $.extend(defaults,options); this.each(function(){ var $timer; var scroll_top=0; var obj = $(this); var $height = obj.find("ul").height(); obj.find("ul").clone().appendTo(obj); obj.hover(function(){ clearInterval($timer); },function(){$timer = setInterval(function(){scroll_top++;if(scroll_top > $height){ scroll_top = 0;}obj.find("ul").first().css("margin-top",-scroll_top); },opts.speed); }).trigger("mouseleave"); }) } })(jQuery)$(function(){ $(".box").scrollTop({ speed:30 //数值越大 速度越慢 });})

更多关于jQuery相关内容感兴趣的读者可查看本站专题：《jQuery拖拽特效与技巧总结》、《jQuery扩展技巧总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》、《jquery选择器用法总结》及《jQuery常用插件及用法总结》

凡科网源码,Ubuntu启动对话失败,手机app页面爬虫,rcurl php,邛崃seo招聘lzw