• 全国400电话网上服务平台
    强大号码库资源任选,方便,快捷,快速开通。
    咨询热线:400-1100-266  

    zblog小火箭返回顶部jquery代码,通用小火箭返回顶
    POST TIME:2018-02-04 22:53

    昨天在浏览自己的博客的时候发现,非常长的博客,没有返回顶部的确影响很大,决定自己做个

    拿网上看到最多的也很不多的小火箭返回顶部jquery代码,来改造下,就可以用到我的zblog中了,效果还不错

    你觉得呢?

    先发下通用代码

    通用小火箭返回顶部jquery代码.7z

    想用到其他站上的,就拿这个自己稍微修改下就可以了

    很简单的,看看我修改成zblog的,估计你就知道怎么弄下就可以给自己的网站用上漂亮的小火箭返回顶部了

    我使用的是HTML5+CSS3主题

    在ftp中找到zb_users/THEME/HTML5CSS3/TEMPLATE

    里面的html文件都是模板文件,我是修改的header.html文件

    <header>
    <h2><ahref="<#ZC_BLOG_HOST#>"><#ZC_BLOG_NAME#></a><sup><#ZC_BLOG_SUB_NAME#></sup></h2>
    <nav>
    <ul><#CACHE_INCLUDE_NAVBAR#></ul>
    </nav>
    <linkrel="stylesheet"href="<#ZC_BLOG_HOST#>zb_users/theme/<#ZC_BLOG_THEME#>/style/top.css"type="text/css"/>
    <aid="returnTop"href="javascript:;">回到顶部</a>
    <scriptsrc="<#ZC_BLOG_HOST#>zb_users/theme/<#ZC_BLOG_THEME#>/SCRIPT/jquery.js"type="text/javascript"></script>
    <scriptsrc="<#ZC_BLOG_HOST#>zb_users/theme/<#ZC_BLOG_THEME#>/SCRIPT/top.js"type="text/javascript"></script>
    </header>

    变化是在</header>前面加上下面的代码

    <linkrel="stylesheet"href="<#ZC_BLOG_HOST#>zb_users/theme/<#ZC_BLOG_THEME#>/style/top.css"type="text/css"/>
    <aid="returnTop"href="javascript:;">回到顶部</a>
    <scriptsrc="<#ZC_BLOG_HOST#>zb_users/theme/<#ZC_BLOG_THEME#>/SCRIPT/jquery.js"type="text/javascript"></script>
    <scriptsrc="<#ZC_BLOG_HOST#>zb_users/theme/<#ZC_BLOG_THEME#>/SCRIPT/top.js"type="text/javascript"></script>

    其他文件修改的话道理一样,调用的文件位置正确就可以了

    最后附上代码

    zblog小火箭返回顶部.7z

    
    关于我们 | 付款方式 | 建站知识 | 增值服务 | 网站模板
    Copyright © 2003-2016
    时间:9:00-21:00 (节假日不休)
    版权所有:巨人网络(扬州)科技有限公司
    总部地址:江苏省信息产业基地11号楼四层
    《增值电信业务经营许可证》 苏B2-20120278
    X

    截屏,微信识别二维码

    微信号:veteran88

    (点击微信号复制,添加好友)

     打开微信

    微信号已复制,请打开微信添加咨询详情!