码迷,mamicode.com
首页 > 微信 > 详细

微信分享图标制作

时间:2014-11-19 12:05:43      阅读:295      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   io   ar   color   os   sp   java   

效果:bubuko.com,布布扣

代码:

 

第一步:页面底部放两个浮动层,让指向图标不透明:

           

<div class="share" style="display:none;filter:alpha(Opacity=30);-moz-opacity:0.9;opacity: 0.5;width:100%;height:90%; background:#4F4348; box-shadow: 0 0 0px rgba(0,0,0,.6);position:absolute;z-index:9000"></div><div class="share" style="display:none;position:absolute; right:3px;top:-12px;z-index:1000020"><img src="http://vms.info.hc360.com/vms/images/fxzf.png" ></div>

第二步设置js:

<script type="text/javascript">function ShareInfo(){if($(".share").is(":hidden")){$(".share").show()}else{$(".share").hide();}}</script>

第三步:在页面底部引用

     

   <footer id="main_footer"> 
<a  onclick="ShareInfo()" href="#">我要分享</a>
    </footer>

  

 

微信分享图标制作

标签:style   blog   http   io   ar   color   os   sp   java   

原文地址:http://www.cnblogs.com/fogwang/p/4107598.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!