网页制作特效插件

  1. 图片滚动效果插件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
    });
    注:详细说明可看官方帮助信息
  2. 回到页面顶部导航插件
    此插件使用很简单,只需要导入该js文件,注意前提是在jquery环境下使用,也就是说需要先引入jquery核心文件
    js地址http://115.com/file/ck9eai8c
    使用方法:
    <script>
            scrolltotop.offset(100,165);//相对于right,bottom
            scrolltotop.init();//初始化
    </script>

你可能感兴趣的:(网页制作特效插件)