程序员人生 网站导航

jquery实现一个简单的弹出框

栏目:MySql时间:2014-10-04 08:00:01

自己改写一些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>
×

登录 是一种态度


底部部分文字显示哦
 
最终效果图:

 


 

------分隔线----------------------------
------分隔线----------------------------

最新技术推荐