- 图片滚动效果插件superslide
官方下载地址:http://dtop.powereasy.net/SuperSlide/
使用方法:首先引入jquery.pack.js,jQuery.blockUI.js,jquery.SuperSlide.js三个js插件,
其次实例化superslide,也包括两个部分(定义标签和实例化组件)
定义标签:
<div id="slidetop">
<div id="hd">
<ul></ul>
</div>
<div id="bd">
<ul>
<li></li>
<li></li>
</ul>
</div>
</div>
注:slidetop为插件容器,容器内包括两个部分(id为hd的触发元素,和id为bd的内容显示元素,说简单点就是序号显示和内容显示)
实例化组件:
jQuery('#slidetop').slide({
titCell:'.hd ul',
mainCell:'.bd ul',
effect:'left',
vis:1,
scroll:1,
autoPlay:true,
autoPage:true
});
注:详细说明可看官方帮助信息
- 回到页面顶部导航插件
此插件使用很简单,只需要导入该js文件,注意前提是在jquery环境下使用,也就是说需要先引入jquery核心文件
js地址http://115.com/file/ck9eai8c
使用方法:
<script>
scrolltotop.offset(100,165);//相对于right,bottom
scrolltotop.init();//初始化
</script>
转载于:https://my.oschina.net/u/198742/blog/91231