導讀:織夢技術織夢技術昨天在瀏覽自己的博客的時候發現,非常長的博客,沒有返回頂部的確影響很大,決定自己做個拿網上看到最多的也很不多的小火箭返回頂部jquery代碼,來改造下,就可以用dede手機模板。

織夢模板安裝昨天在瀏覽自己的博客的時候發現,非常長的博客,沒有返回頂部的確影響很大,決定自己做個

拿網上看到最多的也很不多的小火箭返回頂部jquery代碼,來改造下,就可以用到我的zblog中了,效果還不錯

你覺得呢?

先發下通用代織夢的模板碼

通用小火箭返回頂部jquery代碼.7z

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

很簡單的,看看我修改成zblog的,估計你就知道怎么弄下就可以給自己的網站用上漂亮的小火箭返回頂部了

我使用的是HTML5+CSS3主題

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

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

<header> <h2><a href="<#ZC_BLOG_HOST#>"><#ZC_BLOG_NAME#></a> ^{<#ZC_BLOG_SUB_NAME#>}</h2> <nav> <ul><#CACHE_INCLUDE_NAVBAR#></ul> </nav> <link rel="stylesheet" href="<#ZC_BLOG_HOST#>zb_users/theme/<#ZC_BLOG_THEME#>/style/top.css" type="text/css"/> <a id="returnTop" 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" href="<#ZC_BLOG_HOST#>zb_users/theme/<#ZC_BLOG_THEME#>/style/top.css" type="text/css"/> <a id="returnTop" 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_HOSTdede網站模板#>zb_users/theme/<#ZC_BLOG_THEME#>/SCRIPT/top.js" type="text/javascript"></script>

其他文件修改的話道理一樣,調用的文件位置正確就可以了

最后附上代碼

zblog小火箭返回頂部.7z

關鍵詞標簽: 代碼 織夢 火箭