网页制作特效插件
2012-11-23 00:00
309 查看
图片滚动效果插件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>
官方下载地址: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>
相关文章推荐
- jQuery SuperSlide插件制作72个种常用的网页特效
- jquery 神一样的插件制作 10几种常用网页特效 只有4.5K大小
- 网页制作中九种用途特效按钮的代码
- 制作网页特效的基本步骤
- JS-制作网页特效——选项卡效果(水平,点击)
- Qt加载网页(加载浏览器插件)和制作托盘后台运行(南信大财务报账看号)
- 分享一个网站通用 JQUERY + js 插件 适用于各种网页特效,哥强烈推荐,作者很强大
- jQuery快速高效制作网页交互特效第五章课后4
- jQuery快速高效制作网页交互特效
- jQuery快速高效制作网页交互特效第五章课后5
- jquery制作图标导航插件鼠标悬停放大显示特效代码
- jquery聚光灯插件制作jquery图片特效鼠标滑过图片当前图片高亮
- FLASH2004时间轴特效的应用-实例教学-Flash-网页制作
- 网页特效制作汇总
- 网页制作JavaScript特效两例
- 利用Javascript制作网页特效(图像特效)
- 14款经典网页图片和文字特效的jQuery插件-前端开发必备
- 网页制作中表单相关特效整理
- 常用javascript网页制作特效代码
- 使用Jquery快速高效制作网页交互特效