网站福利小公仔源码分享

本文预计阅读时间 7 分钟
今天七墨在一个教学网站看到了一个小公仔,说白了这个小公仔就是个动态图片,但是它会不定时的出现,也就是随机时间出现,感觉很有意思,就给拿下了。七墨给大家分享下,很适合网站卖东西博眼球。话不多说,下面直接上代码。

图片:

网站福利小公仔源码分享

网站福利小公仔源码分享

教程:

将以下代码放到footer.php</body>上面即可:

  1. <script src="http://libs.baidu.com/jquery/1.7.2/jquery.min.js"></script>
  2. <style>
  3.  .qqanimate{display:block;position:fixed;left:10px;bottom:13px;z-index:9999999;}
  4.  </style>
  5.  <div class="indexpingbi" style="display:none;z-index:999999;width:100%;height:100%;position:fixed;top:0px;left:0px;background:#000;filter: alpha(opacity=70);-moz-opacity: 0.7;-khtml-opacity: 0.7;opacity: 0.7;"></div>
  6.  <div class="indextanchu" style="cursor:pointer;display:none;position: fixed;left:80px;bottom: 20px;width:560px;height:250px;z-index:9999999;background:url(http://cdn.qimok.cn/wp-content/uploads/2017/07/ui-v5-guide.png)no-repeat;"></div>
  7.  <a href="http://qimok.cn" target="_blank" class="qqanimate">
  8.  <img src="http://cdn.qimok.cn/wp-content/uploads/2017/07/qq.gif" width="172px" height="120px" />
  9.  </a>
  10.  <script>
  11.                 if(getCookie("m_qq1")!='true'){
  12.  $(".indexpingbi").css("display","block");
  13.  $(".indextanchu").css("display","block");
  14.  }
  15.                 $(".indextanchu").live('click',function(e) {
  16.                     $(".indexpingbi").css("display","none");
  17.  $(".indextanchu").css("display","none");
  18.  setCookie1("m_qq1","true","d365");
  19.                 });
  20. function getCookie(name) { var dc = document.cookie; var prefix = name + "="var begin = dc.indexOf("; " + prefix); if(begin == -1) { begin = dc.indexOf(prefix); if(begin != 0) return null } else { begin += 2 } var end = document.cookie.indexOf(";", begin); if(end == -1) { end = dc.length } return unescape(dc.substring(begin + prefix.length, end)) };
  21. function setCookie1(name, value, time) { var strsec = getsec(time); var exp = new Date(); exp.setTime(exp.getTime() + strsec * 1); document.cookie = name + "=" + escape(value) + "; path=/;expires=" + exp.toGMTString(); }  function getsec(str) { var str1 = str.substring(1, str.length) * 1; var str2 = str.substring(0, 1); if(str2 == "s") { return str1 * 1000; } else if(str2 == "h") { return str1 * 60 * 60 * 1000; } else if(str2 == "d") { return str1 * 24 * 60 * 60 * 1000; } }  Array.prototype.ArrDelVal = function(val) { for(var i = 0; i < this.length; i++) { if(this[i] == val) { this.splice(i, 1); break; } } }
  22.      </script>

注意:修改上面三个链接,稍微有点经验的人就能把上面两个图片拿下来,然后换成你自己的链接(红色标注),另外,把上面的网址(橘色标注)换成你自己的。

weinxin
七墨微信
请留下您宝贵的意见,或者每天来本站的文章页面签到,七墨将不胜感激~~
  • 网站福利小公仔源码分享已关闭评论
  • 695
  • A+
所属分类:资源共享
七墨
700多份网站主题源码
Adobe软件最新全家桶(win、mac)