jquery實現一個簡單的彈出框
來源：程序員人生 發布時間：2014-10-04 08:00:01 閱讀次數：9125次
自己改寫一些jquery的部分代碼，自己總結出來一個比較好用的jquery彈出框，留著以后工作時候再用。喜歡就拿走吧！
代碼：
<script src="./jquery-1.11.1.min.js"></script><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js">
<script>
jQuery(document).ready(function($) {
$('.login').click(function(){ //jquery的點擊事件
$('.body-color').fadeIn(100);//全局變得黑的效果，具體的div就是theme-popover-mask這個
$('.hide-body').slideDown(200);//將隱藏的窗口div顯示出來
})
$('.close-window .close').click(function(){
$('.body-color').fadeOut(100);//
$('.hide-body').slideUp(200);//將顯示的窗口隱藏起來
})
})
</script>
最終效果圖：
生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈
