网站微信二维码侧边栏漂浮框

作者: 鲁智深 分类: php 发布时间: 2013-05-01 03:11

前几天介绍过一篇实现漂浮框的方法(网站添加微信漂浮二维码),但效果不好,下面就来分享第二篇实现微信二维码侧边栏漂浮框,代码源自懒人图库。

1、所需要的文件:jquery.js,js.js,lrtk.css,images,index.html

下载:百度网盘

2.上传图片和js文件到主题文件中;

3.复制CSS文件lrtk.css中的代码到主题的style.css的底部,并修改其中的背景图片路径../images/icon.png为images/icon.png;

4.打开文件header.php,并在标签上使用以下代码调用js文件;

1
2
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/jquery.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/js.js"></script> 

5.在footer.php文件插入div

1
2
3
<div id="code"></div>
 <div id="code_img"></div>
 <a id="gotop" href="javascript:void(0)"></a>

6.效果图:

微信二维码

赶紧试试吧!

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!

2条评论

发表评论

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