0
A
回答
0
也許下面將做你在找什麼。
<script type='text/javascript' src='//code.jquery.com/jquery-1.9.1.js'></script>
<style type="text/css">
.lnkstyle {
-moz-box-shadow:inset 0px 5px 14px -7px #276873;
-webkit-box-shadow:inset 0px 5px 14px -7px #276873;
box-shadow:inset 0px 5px 14px -7px #276873;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #599bb3), color-stop(1, #408c99));
background:-moz-linear-gradient(top, #599bb3 5%, #408c99 100%);
background:-webkit-linear-gradient(top, #599bb3 5%, #408c99 100%);
background:-o-linear-gradient(top, #599bb3 5%, #408c99 100%);
background:-ms-linear-gradient(top, #599bb3 5%, #408c99 100%);
background:linear-gradient(to bottom, #599bb3 5%, #408c99 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#599bb3', endColorstr='#408c99',GradientType=0);
background-color:#599bb3;
-moz-border-radius:22px;
-webkit-border-radius:22px;
border-radius:22px;
display:inline-block;
color:#ffffff;
font-family:Trebuchet MS;
font-size:12px;
font-weight:bold;
padding:12px 11px;
text-decoration:none;
text-shadow:0px 0px 0px #3d768a;
}
.lnkstyle:hover {
cursor:pointer;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #408c99), color-stop(1, #599bb3));
background:-moz-linear-gradient(top, #408c99 5%, #599bb3 100%);
background:-webkit-linear-gradient(top, #408c99 5%, #599bb3 100%);
background:-o-linear-gradient(top, #408c99 5%, #599bb3 100%);
background:-ms-linear-gradient(top, #408c99 5%, #599bb3 100%);
background:linear-gradient(to bottom, #408c99 5%, #599bb3 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#408c99', endColorstr='#599bb3',GradientType=0);
background-color:#408c99;
}
.lnkstyle:active {
position:relative;
top:1px;
}
.cpncode {
-moz-box-shadow: 0px 10px 14px -7px #3e7327;
-webkit-box-shadow: 0px 10px 14px -7px #3e7327;
box-shadow: 0px 10px 14px -7px #3e7327;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77b55a), color-stop(1, #72b352));
background:-moz-linear-gradient(top, #77b55a 5%, #72b352 100%);
background:-webkit-linear-gradient(top, #77b55a 5%, #72b352 100%);
background:-o-linear-gradient(top, #77b55a 5%, #72b352 100%);
background:-ms-linear-gradient(top, #77b55a 5%, #72b352 100%);
background:linear-gradient(to bottom, #77b55a 5%, #72b352 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77b55a', endColorstr='#72b352',GradientType=0);
background-color:#77b55a;
-moz-border-radius:18px;
-webkit-border-radius:18px;
border-radius:18px;
border:1px solid #4b8f29;
display:inline-block;
color:#ffffff;
font-family:arial;
font-size:13px;
font-weight:bold;
padding:6px 12px;
text-decoration:none;
text-shadow:0px 1px 0px #5b8a3c;
}
.cpncode:hover {
cursor:pointer;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #72b352), color-stop(1, #77b55a));
background:-moz-linear-gradient(top, #72b352 5%, #77b55a 100%);
background:-webkit-linear-gradient(top, #72b352 5%, #77b55a 100%);
background:-o-linear-gradient(top, #72b352 5%, #77b55a 100%);
background:-ms-linear-gradient(top, #72b352 5%, #77b55a 100%);
background:linear-gradient(to bottom, #72b352 5%, #77b55a 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#72b352', endColorstr='#77b55a',GradientType=0);
background-color:#72b352;
}
.cpncode:active {
position:relative;
top:1px;
}
</style>
<div id="fb-root"></div>
<script type="text/javascript">
$(document).ready(function() {
window.fbAsyncInit = function() {
FB.init({
appId : 'YOUR_APP_ID',
status : false,
xfbml : false,
logging : false
});
$('#ShareForcouponcode').on('click',function(e) {
e.preventDefault();
FB.ui(
{
method: 'feed',
name: 'Title',
link: 'https://www.facebook.com/'
},
function(response) {
if (response && response.post_id) {
// the download link will be activated
$('#ShareForcouponcode').fadeOut();
$('#couponcode').fadeIn();
} else {
// do nothing or ask the user to share it
}
}
);
});
};
});
// Load the SDK
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<div>
<a id="ShareForcouponcode" class="lnkstyle">Share this to get discount code</a>
</div>
<div id="couponcode" style="display:none;">
Your discount code here.
</div>
相關問題
- 1. 如何通過優惠券代碼獲得優惠券折扣金額?
- 2. 優惠券代碼
- 3. 露天份額錯誤
- 4. 如何申請優惠金額在QuoteItem
- 5. Magento在優惠券代碼上使用的記錄金額
- 6. 如何使用優惠碼添加金額到購物車
- 7. 生成優惠券代碼
- 8. 優惠券代碼統計
- 9. Woocommerce優惠券代碼
- 10. 創建優惠券代碼
- 11. 如何刮優惠券網站的優惠券代碼(優惠券代碼亮起點擊按鈕)
- 12. 整合優惠券的身份驗證
- 13. 附加優惠金額後場適用於購物車頁面的優惠券代碼
- 14. Fb的UI份額URL參數
- 15. 優惠塊
- 16. 如何從露天份額訪問露天瀏覽器
- 17. 如何使優惠券代碼結賬
- 18. magento優惠券代碼無效
- 19. Magento攔截優惠券代碼邏輯?
- 20. 應用WooCommerce優惠券代碼結帳
- 21. 優惠券代碼驗證funcanality
- 22. Magento的優惠券代碼的功能
- 23. 優惠券代碼存儲在哪裏?
- 24. 設置優惠券代碼金額爲購物車總價的50%
- 25. 日利率優惠
- 26. 閱讀優惠Avis
- 27. Magento優惠券getDiscountAmount()?
- 28. Woocommerce銷售總額從具體的優惠券值
- 29. 使用OAuth密碼憑證授予優惠令牌訪問身份驗證
- 30. 只有WebRTC發送優惠
這違反了平臺政策 - 您不允許獎勵用戶進行分享,因爲它會造成垃圾郵件。 – CBroe