一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

jQuery实现单击按钮遮罩弹出对话框效果(2)

时间:2017-04-20 编辑:简简单单 来源:一聚教程网

首先,这里的引用jquery-1.4.4.min.js和jquery.XYTipsWindow.min.2.8.js这两个js,还有一个jquery.XYTipsWindow.2.8.css话不多说,这里直接上代码,留着以后备用。

 代码如下 复制代码

无标题文档

 

 

 $(document).ready(function() {

   

 $("#change").click(function(){

  

  $.XYTipsWindow({

   ___title:"修改密码",

   ___boxID:"change_pwd",

   ___content:"id:pwd",

   ___width:"200",

   ___height:"100",

   ___showbg:true,

   ___drag:"___boxTitle"

     

  });

 });

   

 $("#no").click(function(){

  //alert("ss");

  $.XYTipsWindow.removeBox();

  });

    

 $("#ok").click(function(){

  //alert("ss");

  $.XYTipsWindow.removeBox();

  //获取input的值

  //$(".newpwd").val()

  });

    

    

   

   

 })

 

  

  

修改密码

onblur="javascript:if(this.value == '') this.value='请输入';this.style.color='gray';"/>

 #pwd{

 display:none;

 }

   

 .button{

 margin-bottom:10px;

 padding-top:10px;

 }

 .newpwd{

 margin:10px;

 border:1px thin;

 }

效果图:

热门栏目