jQuery实现的图片分组切换焦点图插件_jquery_脚本之家

复制代码 代码如下:

这是一款基于jQuery的图片切换焦点图插件,这款jQuery焦点图插件的特点是图片可以分组切换,也就是说一次可以切换多张图片,相比其他焦点图插件,它能节省更多的空间,可以向用户展示更多的图片,非常实用。

上一组下一组

  • 图片 1HTML5资源教程
  • 图片 2HTML5资源教程
  • 图片 3HTML5资源教程
  • 图片 4HTML5资源教程
  • 图片 5HTML5资源教程
  • 图片 6HTML5资源教程
  • 图片 7HTML5资源教程
  • 图片 8HTML5资源教程
  • 图片 9HTML5资源教程
  • 图片 10HTML5资源教程
  • 图片 11HTML5资源教程
  • 图片 12HTML5资源教程
  • 图片 13HTML5资源教程
  • 图片 14HTML5资源教程
  • 图片 15HTML5资源教程
  • 图片 16HTML5资源教程
  • 图片 17HTML5资源教程
  • 图片 18HTML5资源教程
  • 图片 19HTML5资源教程
  • 图片 20HTML5资源教程

复制代码 代码如下: $ { var $number =
Math.ceil.length / 4); //获取滚动几屏个数 var margin = 10;
//设置图片间距 var $w = $ + margin; // 一屏图片的宽度 var $width = $w *
$number * 2; //设置ul宽度 var pre = $; var next = $; if { pre.hide; }
$.width; var num = 0; function autoscroll() { num++; if { return false }
if { num = 0; } var distance = -2 * $w * num; $.animate; } var
scrollChange = setInterval; //鼠标悬停,暂停滚动 $(“.scroll
ul,.pre,.next”).mouseover { $ clearInterval; // 鼠标移走,滚动继续
$(‘.scroll ul,.pre,.next’).mouseout { scrollChange = setInterval;
//下一组 next.click { num++; if { num = 0 } var leftdis = -2 * $w *
num; $.animate; }); //上一组 pre.click { num–; if { num = $number – 1 }
var rightdis = -2 * $w * num; $.animate; }); });

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图