常熟人家blog头像

网站添加微信漂浮二维码

时间:13-04-20 栏目:wordpress 楼主:鲁智深 评论:12 点击: 8,377 次

现在微信非常火,各大小网站都放上了微信二维码,方便用户扫描订阅,下面就来讲讲怎么添加一个侧边栏微信二维码漂浮框。这里用wordpress演示!

怎么添加微信漂浮二维码

首先下载以下的js文件,放入js文件夹中:

ToolTip.js

在底部加入调用js文件:

<DIV style="DISPLAY: none" id=goTopBtn>
<img border=0 src="<?php bloginfo('template_directory'); ?>/images/lanren_top.jpg">
</DIV><SCRIPT type=text/javascript>goTopEx();</SCRIPT>

加入css样式:

#goTopBtn {
    POSITION: fixed; TEXT-ALIGN: center;
LINE-HEIGHT: 30px;
WIDTH: 200px;
BOTTOM: 35px;
HEIGHT: 33px;
FONT-SIZE: 12px;
CURSOR: pointer;
RIGHT: 0px;
_position: absolute;
_right: auto
}

微信漂浮代码

在imaes放入图片命名:lanren_top.jpg(ps:图片,样式大小自己定义)

其实以上的代码都是改版于“懒人图库返回顶部”代码,对技术比较感兴趣的朋友可以上网站学习一下。

相关文章

收藏本页

    声明:  如有关于wordpress代码问题请留言即可...!

------====== 本页公告 ======------
   建站程序也叫开源程序,建站程序都是免费的,现在国内比较流行的建站程序有个人博客(wordpress,zblog),门户(dedecms),商城(shopex),论坛(discuz!)本博就是用wordpress作为基础搭建起来的网站。