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

2018年3月1日 2条评论

简单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>

下面是文件打包：

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