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

本文实例为大家分享了jQuery实现弹出对话框的具体实现代码，供大家参考，具体内容如下

首先，这里的引用jquery-1.4.4.min.js和jquery .xytipwindow。量滴2 .8 .射流研究…这两个js，还有一个jquery .xytipwindow。2 .8 .半铸钢钢性铸铁(Cast Semi-Steel)话不多说，这里直接上代码，留着以后备用。

超文本标记语言头元http-equiv='内容-类型' Content=' text/html；charset=utf-8'/title无标题文档/title！-使用对画框需要的两个js-script类型=' text/JavaScript ' src=' http :/js/jquery-1。4 .4 .量滴js/'脚本脚本类型=' text/JavaScript ' src=' http :/js/jquery .xytipwindow。量滴2 .8 .js /脚本链接href='./css/jquery .xytipwindow。2 .8 .CSS ' rel='外部无跟随'类型=' text/CSS ' rel='样式表'/脚本类型='text/javascript' $(文档)。ready(function() { $('#change ')).单击(函数(){ $).xytipwindow({ _ _ _ _ title : '修改密码，_ _ _ boxID: ' change _ pwd '，___content:'id:pwd '，___width:'200 '，___height:'100 '，___showbg:true，_ _ _ drag : ' _ _ _ Boxstitle ' })；});$('#no ').click(function(){//alert(' ss '))；$ .xytipwindow。移除box()；});$('#ok ').click(function(){//alert(' ss '))；$ .xytipwindow。移除box()；//获取投入的值//$('.新pwd ').val()})；})/脚本/头体样式=' text-align : center填充-top :100 px；'按钮id='更改'修改密码/button div id=' pwd ' div class=' input ' input class=' new pwd ' value='请输入stylr=' color : gray ' onfocus=' JavaScript 3: if(this。值=='请输入)this.value=this。风格。color=' # 00CCCC'onb lur=' JavaScript : if(这个。value==' ')这个。值='请输入；这个。风格。颜色='灰色'；//div div class='button '输入id='ok '类型='按钮'值='确定/input id=' no ' type=' button ' value='取消//div/div style type=' text/CSS ' # pwd { display : none；} .按钮{边距-底部：10 px填充-top :10 px；} .newpwd { margin :10 pxborder :1 px薄；} /style /div /body /html效果图：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。