< 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) 回复
具体要怎么应用到微信里呢,楼主如果看到的话,望回复啊
回复评论