网站添加微信漂浮二维码

作者: 鲁智深 分类: wordpress 发布时间: 2013-04-20 22:23

现在微信非常火,各大小网站都放上了微信二维码,方便用户扫描订阅,下面就来讲讲怎么添加一个侧边栏微信二维码漂浮框。这里用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:图片,样式大小自己定义)

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

相关文章

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

12条评论
  • 灰常记忆

    2014 年 8 月 29 日 07:55

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

    1. 爱映“疯”

      2014 年 8 月 29 日 09:35

      //侧边栏滚动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;} });代码给你了

      1. 灰常记忆

        2014 年 8 月 29 日 09:37

        怎么用啊~

        1. 爱映“疯”

          2014 年 8 月 29 日 09:41

          这个我有时间写个文章把!

          1. 灰常记忆

            2014 年 8 月 29 日 09:42

            你告诉我添加到哪里

          2. 爱映“疯”

            2014 年 8 月 29 日 09:45

            js里面

          3. 爱映“疯”

            2014 年 8 月 31 日 23:38

            按照教程做就可以了http://www.yujzw.com/wlyx/cebianlanhuadon.html

          4. 灰常记忆

            2014 年 9 月 1 日 11:31

            谢谢 ~ 我看下

    2. 爱映“疯”

      2014 年 8 月 29 日 09:35

      //侧边栏滚动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;} });代码给你了

    3. 灰常记忆

      2014 年 8 月 29 日 09:37

      怎么用啊~

  • test

    2014 年 3 月 14 日 17:09

    用不了

    1. 艾映锋

      2014 年 3 月 17 日 19:41

      怎么用不了

发表评论

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