常熟人家blog头像

网站添加微信漂浮二维码

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

现在微信非常火,各大小网站都放上了微信二维码,方便用户扫描订阅,下面就来讲讲怎么添加一个侧边栏微信二维码漂浮框。这里用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代码问题请留言即可...!

12 则回应给 “网站添加微信漂浮二维码”

  1. 灰常记忆 说道:

    博主,右边 侧栏的WORDPRESS 基础教学那个广告代码 可以分享吗?

    • 爱映“疯” 说道:

      //侧边栏滚动jQuery(document).ready(function($) {if(!isie6()){var rollStart=$(‘#rollstart’),rollSet=$(‘#tuijian,.weixin’);rollStart.before(”);var offset=rollStart.offset(),objWindow=$(window),rollBox=rollStart.prev();if(objWindow.width()>960){objWindow.scroll(function(){if(objWindow.scrollTop()>offset.top){if(rollBox.html(null)){rollSet.clone().prependTo(‘.hcms_rollbox’)}rollBox.show().stop().animate({top:0,paddingTop:0},400)}else{rollBox.hide().stop().animate({top:0},400)}})}}function isie6() {if ($.browser.msie) {if ($.browser.version == “6.0″) return true;}return false;} });代码给你了

    • 爱映“疯” 说道:

      //侧边栏滚动jQuery(document).ready(function($) {if(!isie6()){var rollStart=$(\’#rollstart\’),rollSet=$(\’#tuijian,.weixin\’);rollStart.before(\’\’);var offset=rollStart.offset(),objWindow=$(window),rollBox=rollStart.prev();if(objWindow.width()>960){objWindow.scroll(function(){if(objWindow.scrollTop()>offset.top){if(rollBox.html(null)){rollSet.clone().prependTo(\’.hcms_rollbox\’)}rollBox.show().stop().animate({top:0,paddingTop:0},400)}else{rollBox.hide().stop().animate({top:0},400)}})}}function isie6() {if ($.browser.msie) {if ($.browser.version == “6.0″) return true;}return false;} });代码给你了

    • 灰常记忆 说道:

      怎么用啊~

  2. test 说道:

    用不了

发表评论

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