当前位置:首页 > 瞎折腾 > 正文内容

一个简洁大气的JS返顶代码,适用于所有程序需要的自取

Mr5年前 (2019-01-12)瞎折腾1756

闲来无事,由于原本主题自带的返回顶部看起来不是很高大上,于是就折腾了一个比较简洁的返顶效果,见本站返顶

返顶图标.jpg

修改三部曲

1、头部文件<head></head>标签之间插入如下代码,文件名一般header.php

<script type="text/javascript" src="js/jquery.1.4.2-min.js"></script>

2、底部文件</body>标签之前添加如下代码,文件名footer.php

<div class="headeline"></div> <script type="text/javascript" src="js/scrolltopcontrol.js"></script></p>

3、将底部下载文件下载,上传到网站根目录即可,图片和返顶图标位置修改文件:scrolltopcontrol名的JS文件内如下代码 第8、9行

controlHTML:'<img src="images/topback.png" style="width:50px; height:48px; border:0;" />', //返回顶部按钮 controlattrs:{offsetx:25,offsety:50},//返回按钮固定位置

修改完成后去后台更新一下网站缓存,前台刷新看看效果如何!

top大小:100KB  推荐微信打开
已经过安全软件检测无毒,请您放心下载。

扫描二维码推送至手机访问。

版权声明:本文由微客生活发布,如需转载请注明出处。

本文链接:http://www.weklife.cn/91.html

标签: 返顶代码

相关文章

给你的zblogPHP添加一个面包屑导航

由于ZBLOG一些主题是比较简洁的所以也没有面包屑导航,但是对于用户体验和seo角度来说,面包屑导航还是很有必要的,那么本文就给出比较简单的代码如下当前位置:&nbsp;<a href='{$host}...

在自己网站添加通用的三种熊掌号bar展现改造方式

在自己网站添加通用的三种熊掌号bar展现改造方式

目前大部分使用移动搜索的朋友会发现,很多网站都在不同的网页位置加入了熊掌号的关注的按钮,那么如何实现在网页插入熊掌号关注按钮本文给出常用的三种熊掌号banner展现方式,  但是前提是要有熊掌号才行,没有的站长朋友自行去百度申请熊...

zblog主题自带默认的404页面太low更换成腾讯公益404立马大气了

zblog主题自带默认的404页面太low更换成腾讯公益404立马大气了

相比博客系统默认的404页面真的也是没有什么好说的,不管是wordpress还是zblog自带的404页面不想其他网站404页面可以在空间商后台设置404,但是博客系统的404页面基本都是php文件,修改太麻烦,也没法301索性就把404换...

简单的简单操作让win系统PC端也有微信多开的方法

简单的简单操作让win系统PC端也有微信多开的方法

这几天由于好几个微信都需要回复信息,用手机一个个点开回复也显得麻烦,于是乎就找了找PC端微信多开的方法,功夫不负有心人还是成功搞定了,方法如下:1、右键桌面微信属性2、复制上图目标路径地址3、桌面新建txt文本粘贴复制微信地址"C...

Zblog升级php版本数据库错误提示“Class "Database__pdo_mysqli" not found”解决方案

Zblog升级php版本数据库错误提示“Class "Database__pdo_mysqli" not found”解决方案

ZBLOG升级php版本的时候出现:Class "Database__pdo_mysqli" not found 错误提示,修改办法:我用的阿里云的升级时候提示了以下信息:首先需要程序版本能够支持php版本,所以最好事先...

手机视频或照片隔空投送到台式(win系统)电脑的新方法

手机视频或照片隔空投送到台式(win系统)电脑的新方法

最开始得时候想要把手机上的内容传送到电脑都是通过数据线的方式,但是现在很多人也会用QQ或者微信的文件传输模式去传输到电脑,但是这个方法会被QQ或微信压缩文件,如果是图片还好不是很严重,但是如果是视频的话就会被严重压缩,毕竟不是图片可以选择源...

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。