仿QQ商城点击左右滚动jquery焦点图特效

发布时间：2020-08-30 所属分类：图片代码

下载资源权限：免费资源，请在PC端打开下载
因手机端操作不方便，请在PC端打开下载！

这个仿QQ商城点击左右滚动jquery焦点图特效插件灰常给力，不过作者并没有给封装成点击左右滚动的jquery插件。我们在建设网站的时候一个页面如果多次调用这个jquery特效的时候，就麻烦了，使用的时候随手做了一下简单的jquery插件封装，分享给大家，希望能再你建设网站的时候给你带来方便。

修改的几个地方：1、隐藏了半透明背景条，2、把那个小常条滑块读出了1234这些数字。你不喜欢这样你可以修改样式和自己改动下jquery代码。

调用方法：很简单，$.focus("#focus001"); 会css的都明白 #focus001 这是ID 一些参数设置，可以修改js中的设置，源作者已经注释的很清楚了。

html结构如下：

<ul>

</ul>

</div>

调用js代码：

$(document).ready(function(){

$.focus("#focus001");

$.focus("#focus002");

});

</script>

压缩包中js/sl.js 是 jquery焦点图特效插件代码。

上一条：仿excel表格头部固定内容滚动展示代码 下一条:右下角反馈浮窗代码特效