原型商城 免费源码 淘宝优惠券 优秀课程 AxureShop 产品原型库 在线音乐 AxureShare 加密解密 PM导航 AXURE函数 短网址 5G

分享一个经典的TOP按钮

如题,技术很简单,不是我自己写的,网上爬的。

引入方法如下,最好是在foot:


<script type="text/javascript" src="http://hyqb.huiyujinrong.com/top/jquery-1.11.3.min.js"></script>

<script type="text/javascript" src="http://hyqb.huiyujinrong.com/top/hyqbtop.js";></script>
<script type="text/javascript">

 $(document).ready(function () { $.fn.yestop(); })

</script>

图片链接请自行修改:

 var settings = $.extend({
        yes_position: 'fixed',
        yes_width: '48px',
        yes_height: '48px',
        yes_image: '图片地址',
        yes_hoverImage: '',
        yes_length: '268',
        yes_time: 500,
        yes_bottom: '50px',
        yes_right: "10%",
        yes_top: "",
        yes_left: "",
        yes_title: "Go Top",
        yes_opacity: "0.8",
        yes_hoverOpacity:"1",
        yes_radius: "0%",
        yes_html: "",
        yes_hoverHtml: "",
        yes_fontSize:"12px",
        yes_lineHeight: "48px",
        yes_backColor: "transparent"
    }, options);

资源下载:
top.zip

相关文章

发表新评论