简单js实现文章页和首页不同返回顶部

  • 内容
  • 相关

返回顶部按钮

我以我的模版为例,首先上传css到模板下的css文件夹内,js传到模版下js文件夹内,images文件夹里面的图片传到模版下images文件夹内。

然后打开模版下index.php文件 ,在最下面  最下面添加以下代码:


<!--我是返回顶部代码--><link rel="stylesheet" type="text/css" href="<?php echo TEMPLATE_URL; ?>css/zzsc.css" />
<script type="text/javascript" src="<?php echo TEMPLATE_URL; ?>js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="<?php echo TEMPLATE_URL; ?>js/zzsc.js"></script><div class="bottom_tools">
  <div class="qr_tool">二维码</div>
  <a id="scrollUp" href="javascript:;" title="飞回顶部"></a>
  <img class="qr_img" src="<?php echo TEMPLATE_URL; ?>images/qr_img.png">
</div>

好了,接下来,在echo_log.php文件最下面添加以下代码:



<!--我是返回顶部代码--><link rel="stylesheet" type="text/css" href="<?php echo TEMPLATE_URL; ?>css/zzsc.css" />
<script type="text/javascript" src="<?php echo TEMPLATE_URL; ?>js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="<?php echo TEMPLATE_URL; ?>js/zzsc.js"></script><div class="bottom_tools">
  <div class="qr_tool">二维码</div><a id="feedback" href="#comment-post" title="吐槽一下">吐槽一下</a>
  <a id="scrollUp" href="javascript:;" title="飞回顶部"></a>
  <img class="qr_img" src="<?php echo TEMPLATE_URL; ?>images/qr_img.png">
</div>

下面是文件打包:



此处内容已隐藏,评论后刷新即可查看!


热度:915° 评分:8.7 发布时间: 2018年3月1日

本文标签:

版权声明:若无特殊注明,本文皆为《小洋vier》原创,转载请保留文章出处。

本文链接:简单js实现文章页和首页不同返回顶部 - https://www.wuiso.com/post-1000.html

发表评论

电子邮件地址不会被公开。 必填项已用*标注

评论

2条评论
  1. avatar

    邵先森博客 回复

    滴!签到成功!打卡时间:上午1:16:55,每日打卡生活更精彩~

    上海市 阿里云BGP数据中心

    1. avatar

      DXS 回复

      表情 写得好好哟,我要给你生猴子!

      浙江省杭州市 阿里云BGP数据中心