色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

jquery透明窗口亞光自封袋

姚平華1年前7瀏覽0評論

Jquery透明窗口亞光自封袋是一種非常實用的網頁效果,可以讓窗口成功的透明,給我們帶來一個更加舒適的視覺感受。

實現透明窗口亞光自封袋需要使用Jquery技術,首先要先引入Jquery庫:

<script src="http://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>

接下來就是實現透明窗口亞光自封袋的代碼:

<script>
$(document).ready(function(){
//獲取窗口高、寬度
var winH = $(window).height();
var winW = $(window).width();
//設置背景透明背景層的高、寬度
$('#bg').css({'width':winW,'height':winH});
//獲取想要展示的彈框的高、寬度
var boxH = $('#box').height();
var boxW = $('#box').width();
//計算出展示彈框的左、上位置
var leftPos = (winW/2) - (boxW/2);
var topPos = (winH/2) - (boxH/2);
//設置彈框的位置
$('#box').css({'left':leftPos,'top':topPos});
//展示透明背景層及彈框
$('#bg').fadeIn();
$('#box').fadeIn();
//隱藏透明背景層、彈框
$(document).on('click', '.close', function(){
$('#bg').fadeOut();
$('#box').fadeOut();
});
});
</script>

代碼中id為“bg”的div是透明的背景層, 也就是透明窗口。id為“box”的div是彈框窗口,可以添加需要展示的內容。

通過以上代碼,我們即可成功實現透明窗口亞光自封袋效果,提升了網頁的交互性和美觀度。