提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  工具

当前栏目

微信分享图标制作

微信 分享 制作 图标
2023-09-11 14:19:35 时间

效果：

代码：

 

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

           

<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>

　　

 

相关文章