jqModal网站:http://dev.iceburg.net/jquery/jqModal/

整理的几个例子:

<html xmlns="http://www.w3.org/1999/xhtml" > 
<head runat="server"> 
    <title>http://dev.iceburg.net/jquery/jqModal/</title> 
 <link href="jqModal.css" mce_href="jqModal.css" rel="stylesheet" type="text/css" /> 
    <mce:script src="jquery.js" mce_src="jquery.js" type="text/javascript"></mce:script> 
    <mce:script src="jqModal.js" mce_src="jqModal.js" type="text/javascript"></mce:script> 
    <mce:script src="jqDnR.js" mce_src="jqDnR.js" type="text/javascript"></mce:script> 
    <mce:script type="text/javascript" language="javascript"><!--  
   
    $().ready(function() {  
        $('#divCreate').jqm({trigger: '#create'});   
        // $('#divCreate').jqm({modal: true, trigger: '#create'}); //加上modal:true,可以使背  
景不可点击            
       /*-------------------------------------*/  
       $('#divDialog').jqm();  
       /*-------------------------------------*/  
       $('#ex2').jqm({ajax: 'Test.aspx', trigger: 'a.ex2trigger'});  
       /*-------------------------------------*/  
       $('#ex3a').jqm({  
    modal:true,  
    trigger: '#ex3aTrigger',  
    overlay: 50, /* 0-100 (int) : 0 is off/transparent, 100 is opaque */  
    overlayClass: 'whiteOverlay'})  
    .jqDrag('.jqDrag'); /* 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'); });  
    });  
      
// --></mce:script> 
</head> 
<body> 
    <form /> 
</div>  
</form> 
</body> 
</html> 


 

相关文章:

  • 2022-12-23
  • 2021-04-02
  • 2021-12-17
  • 2021-07-13
  • 2021-10-24
  • 2021-12-24
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2022-03-05
  • 2021-09-29
  • 2021-04-20
  • 2021-07-19
  • 2021-10-07
相关资源
相似解决方案