suchen

Heim >Web-Frontend >js-Tutorial >jquery-Popup-Maskierungsebeneneffekt [mit Beispielcode]_jquery

jquery-Popup-Maskierungsebeneneffekt [mit Beispielcode]_jquery

PHP中文网
PHP中文网Original
2016-05-16 15:03:141239Durchsuche

jquery-Popup-Maskierungsebeneneffekt [mit Beispielcode]_jquery

Ich habe eine Maskierungsebene gefunden, die von jemandem geschrieben wurde, um sie zu verbessern, und ich denke, der Effekt ist in Ordnung.

Rendering:

Code: 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
  
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
  <title>tipswindown</title> 
  <link href="css/tipswindown.css" rel="stylesheet" type="text/css" /> 
  <script src="js/jquery-1.8.js" type="text/javascript"></script> 
  <script src="js/tipswindown.js" type="text/javascript"></script> 
  <style type="text/css"> 
    #main{width:300px;margin:50px auto;font-family: Arial, Calibri;} 
    #main .btn {width:150px;height:30px;line-height:30px;font-size:14px; vertical-align:middle; 
    color: #333333; font-weight:bold; text-decoration:none; display:block; text-align:center;background: #CCC;} 
    #main .btn:hover{vertical-align:middle; color: #fff; font-weight:bold; text-decoration:none;display:block;
     text-align:center;background: #333;} 
  </style> 
  <script type="text/javascript"> 
    $(function () { 
      $("#DialogShow").click(function () { 
        tipsWindown("CnBlogs", "id:dialog", "450", "200", "true", "", "true", "id"); 
      }); 
    }) 
    function Ok() { 
      window.location.href = "http://www.cnblogs.com/"; 
    } 
    function Cancel() { 
      $("#windownbg").remove(); 
      $("#windown-box").fadeOut("1000", function () { $(this).remove(); }); 
    } 
  </script> 
</head> 
<body> 
<div id="main"> 
  <a href="javascript:void(0);" class="btn" id="DialogShow">DialogShow</a> 
</div> 
<div id="dialog" style="display:none";> 
  <div class="dialogtext"> 
    <p>Please click on the ok button to go the http://www.cnblogs.com/ website and you should just wait. </p> 
    <p>If you are accessing this page by mistake please click on the cancel link.</p> 
　　</div> 
  <div class="dislogbtn"> 
    <a href="javascript:void(0);" class="btn" id="Ok" onclick="Ok()">Ok</a> 
    <a href="javascript:void(0);" class="btn" id="Cancel" onclick="Cancel()">Cancel</a> 
  </div> 
</div>   
</body>

Das Obige ist der Inhalt des Jquery-Popup-Maskierungsebeneneffekts [mit Beispielcode]_jquery. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website (www.php.cn)!



Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Der Effekt der Verbreiterung, wenn die Maus an jQuery (mit Demo-Quellcode)_jquery vorbeifährtNächster Artikel：Der Effekt der Verbreiterung, wenn die Maus an jQuery (mit Demo-Quellcode)_jquery vorbeifährt

In Verbindung stehende Artikel

Mehr sehen