jQuery+jqmodal弹出窗口实现代码分明

div.jqmdBC button, div.jqmdBC input[type=”submit”] {
margin: 8px 10px 4px 10px;
color: #777;
background-color: #fff;
cursor: pointer;
}
div.jqmDialog input:focus, div.jqmDialog input.iefocus { background-color: #eaffc3; }

3、在网页里面建立弹出窗口的div，注意class=”jqmDialog”（就是css里面隐藏的那个）
4、在这个div里面把需要显示的东东整好~~过程略：）
5、建立jquerywin.js并引用，注意放到jqmodal引用的后面，原因同上~~，代码如下：

$().ready(function() {
$(‘#ex3a’).jqm({
trigger: ‘#ex3aTrigger’,
overlay: 30, /* 0-100 (int) : 0 is off/transparent, 100 is opaque */
overlayClass: ‘whiteOverlay’});
/* make dialog draggable, assign handle to title */
// Close Button Highlighting. IE doesn’t support :hover. Surprise?
$(‘input.jqmdX’)
.hover(
function(){ $(this).addClass(‘jqmdXFocus’); },
function(){ $(this).removeClass(‘jqmdXFocus’); })
.focus(
function(){ this.hideFocus=true; $(this).addClass(‘jqmdXFocus’); })
.blur(
function(){ $(this).removeClass(‘jqmdXFocus’); });
});

6、注意，里面设置了一个trigger，可以出发弹出窗口，也可以不用trigger，直接使用js出发，方法如下：

<script type=”text/javascript” language=javascript>
function showjqm(){
if(document.all.txtTIME_KUAIJI.value!=””){
document.all.txtTIME_KUAIJI0.style.color=”#317895″;
document.all.txtTIME_KUAIJI0.innerHTML=document.all.txtTIME_KUAIJI.value;}
else{
document.all.txtTIME_KUAIJI0.style.color=”Red”;
}
if(document.all.txtTIME_BIRTH.value!=””){
document.all.txtTIME_BIRTH0.style.color=”#317895″;
document.all.txtTIME_BIRTH0.innerHTML=document.all.txtTIME_BIRTH.value;}
else{
document.all.txtTIME_BIRTH0.style.color=”Red”;
}
if( Page_ClientValidate())
$(‘#ex3a’).jqmShow();
}
</script>

7、在上面的js里面，其实和弹出窗口直接相关的只有一句$(‘#ex3a’).jqmShow(); 其他的都是验证的信息
8、上面的一段js里面，比较重要的还有这句if( Page_ClientValidate()) ，可以在弹出窗口之前直行页面中所有验证控件的验证工作。