微信跳转提示示例 - A8源码实例

基本信息

源码名称：微信跳转提示示例

源码大小：1.13KB

文件格式：.html

开发语言：CSS

更新时间：2018-01-11

友情提示：（无需注册或充值，赞助后即可获取资源下载链接）

嘿，亲！知识可是无价之宝呢，但咱这精心整理的资料也耗费了不少心血呀。小小地破费一下，绝对物超所值哦！如有下载和支付问题，请联系我们QQ(微信同号)：813200300

本次赞助数额为： 2 元　

源码介绍

<html>  
<head>  
<meta charset="utf-8">  
</head>  
<style>  
#shareit {  
  -webkit-user-select: none;  
  display: none;  
  position: absolute;  
  width: 100%;  
  height: 100%;  
  background: rgba(0,0,0,0.85);  
  text-align: center;  
  top: 0;  
  left: 0;  
  z-index: 105;  
}  
#shareit img {  
  max-width: 100%;  
}  
.arrow {  
  position: absolute;  
  right: 10%;  
  top: 5%;  
}  
#share-text {  
  margin-top: 400px;  
}  
</style>  
</head>  
<body>  
<a id="share_btn" href="http://www.baidu.com">����������Ȧ</a>  
<div id="shareit">  
  <img class="arrow" src="http://dev.vxtong.com/cases/nuannan/imgs/share-it.png">  
  <a href="#" id="follow">  
    <img id="share-text" src="http://dev.vxtong.com/cases/nuannan/imgs/share-text.png">  
  </a>  
</div>  
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.min.js"></script>  
<script>  
  //����������΢������Ȧ����¼�  
  $("#share_btn").on("click", function() {  
      $("#shareit").show();  
  });  
     
     
  $("#shareit").on("click", function(){  
    $("#shareit").hide();   
  });  
</script>  
</body>  
</html>