zblog小火箭返回顶部jquery代码,通用小火箭返回顶部jquery代码

发布时间：2024-03-18 13:33:02 来源：互联网

.

懂得感恩，是收获幸福的源泉。懂得感恩，你会发现原来自己周围的一切都是那样的美好。

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

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

你觉得呢?

先发下通用代码

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

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

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

我使用的是HTML5+CSS3主题

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

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

<header>
<h2><a rel="nofollow noopener noreferrer" href="<#ZC_BLOG_HOST#>"><#ZC_BLOG_NAME#></a> <sup><#ZC_BLOG_SUB_NAME#></sup></h2>
<nav>
<ul><#CACHE_INCLUDE_NAVBAR#></ul>
</nav>
<link rel="stylesheet" rel="nofollow noopener noreferrer" href="<#ZC_BLOG_HOST#>zb_users/theme/<#ZC_BLOG_THEME#>/style/top.css" type="text/css"/>
<a id="returnTop" rel="nofollow noopener noreferrer" href="javascript：;">回到顶部</a> 
<script src="<#ZC_BLOG_HOST#>zb_users/theme/<#ZC_BLOG_THEME#>/SCRIPT/jquery.js" type="text/javascript"></script> 
<script src="<#ZC_BLOG_HOST#>zb_users/theme/<#ZC_BLOG_THEME#>/SCRIPT/top.js" type="text/javascript"></script>
</header>

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

<link rel="stylesheet" rel="nofollow noopener noreferrer" href="<#ZC_BLOG_HOST#>zb_users/theme/<#ZC_BLOG_THEME#>/style/top.css" type="text/css"/>
<a id="returnTop" rel="nofollow noopener noreferrer" href="javascript：;">回到顶部</a> 
<script src="<#ZC_BLOG_HOST#>zb_users/theme/<#ZC_BLOG_THEME#>/SCRIPT/jquery.js" type="text/javascript"></script> 
<script src="<#ZC_BLOG_HOST#>zb_users/theme/<#ZC_BLOG_THEME#>/SCRIPT/top.js" type="text/javascript"></script>

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

最后附上代码

zblog小火箭返回顶部.7z

本文zblog小火箭返回顶部jquery代码,通用小火箭返回顶部jquery代码到此结束。驾驭命运的舵是奋斗。不抱有一丝幻想，不放下一点机会，不停止一日努力。小编再次感谢大家对我们的支持！

以下您可能有感兴趣的文章:

标签： zblog jquery