jQuery 仿支付宝alipay新闻滚动切换特效(基于li)

  • 脚本大小:33KB
  • 脚本语言:简体中文
  • 脚本类型:国产软件
  • 脚本授权:免费软件
  • 脚本类别:jQuery
  • 应用平台:Windows平台
  • 更新时间:2010-06-09
  • 网友评分:
360通过 腾讯通过 金山通过

情介绍

jQuery 仿alipay新闻滚动切换特效,来自支付宝网站的特效,竖向的新闻效果,带淡入淡出功能,时间间隔可调,因为写的时候更注重功能的展现 ,因此没有怎么美化,显得有些粗糙。
核心代码:
<script type="text/javascript">
var t = n = count = 0;
function goScroll(id){
var t = n = 0, count = $(id + " .scroll_list li").size();
if(count>0){
$(id + " .scroll_list li").eq(0).show();
createScroll_switch(id,count);
$(id + " .scroll_switch li").eq(0).addClass("hover");
}

$(id + " .scroll_switch li").click(function(){
var i = $(id + " .scroll_switch li").index(this);
n = i;
if (i >= count + 1) return;
$(this).addClass("hover").siblings().removeClass("hover");
$(id + " .scroll_list li").eq(i).fadeIn(500).siblings().hide();

});
t = setInterval(function(){showAuto(id,count,n)}, 1000);
$(id).hover(
function(){clearInterval(t)},
function(){t = setInterval(function(){showAuto(id,count,n)}, 1000);}
);
}
function showAuto(id,count,n){
n = n >= (count - 1) ? 0 : ++n;
$(id + " .scroll_switch li").eq(n).trigger('click');
}
function createScroll_switch(id,count){
for (i=1;i<=count;i++){
$(id + " .scroll_switch").append("<li></li>");
}
}
</script>

载地址

下载错误?【投诉报错】

jQuery 仿支付宝alipay新闻滚动切换特效(基于li)

      气脚本

      关文章

      载声明

      ☉ 解压密码:www.jb51.net 就是本站主域名,希望大家看清楚,[ 分享码的获取方法 ]可以参考这篇文章
      ☉ 推荐使用 [ 迅雷 ] 下载,使用 [ WinRAR v5 ] 以上版本解压本站软件。
      ☉ 如果这个软件总是不能下载的请在评论中留言,我们会尽快修复,谢谢!
      ☉ 下载本站资源,如果服务器暂不能下载请过一段时间重试!或者多试试几个下载地址
      ☉ 如果遇到什么问题,请评论留言,我们定会解决问题,谢谢大家支持!
      ☉ 本站提供的一些商业软件是供学习研究之用,如用于商业用途,请购买正版。
      ☉ 本站提供的jQuery 仿支付宝alipay新闻滚动切换特效(基于li)资源来源互联网,版权归该下载资源的合法拥有者所有。