jQuery如何实现单击按钮遮罩弹出对话框效果

这篇文章将为大家详细讲解有关jQuery如何实现单击按钮遮罩弹出对话框效果,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

成都创新互联专注于金堂县企业网站建设,响应式网站设计,商城网站制作。金堂县网站建设公司,为金堂县等地区提供建站服务。全流程定制开发,专业设计,全程项目跟踪,成都创新互联专业和态度为您提供的服务

首先,这里的引用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() 
  }); 
   
   
  
  
 }) 
  
 
 
 
 
修改密码 
       
 
     #pwd{   display:none;   }      .button{   margin-bottom:10px;   padding-top:10px;   }   .newpwd{   margin:10px;   border:1px thin;   }       

效果图:

jQuery如何实现单击按钮遮罩弹出对话框效果

关于“jQuery如何实现单击按钮遮罩弹出对话框效果”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。


新闻标题:jQuery如何实现单击按钮遮罩弹出对话框效果
网站网址:http://scjbc.cn/article/gddsii.html

其他资讯