<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="####">分享到朋友圈</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>
by: SONG 发表于:2015-06-23 17:55:49 顶(4) | 踩(5) 回复
<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="####">分享到朋友圈</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> |
中级程序员
by: 拉轰依旧 发表于:2015-03-31 16:48:30 顶(5) | 踩(4) 回复
具体要怎么应用到微信里呢,楼主如果看到的话,望回复啊
回复评论