Die schicke Navigation von jQuery hat einen Schattenhintergrund und ein hervorgehobenes modales window

Die schicke Navigation von jQuery hat einen Schattenhintergrund und ein hervorgehobenes modales window_jquery

WBOY

Freigeben： 2016-05-16 16:52:24

Original

1248 Leute haben es durchsucht

Rendering:
Die schicke Navigation von jQuery hat einen Schattenhintergrund und ein hervorgehobenes modales window_jquery
HTML-Link:

Code kopieren Der Code lautet wie folgt:

img{ border:0px;}

#registerwindow{ width:600px; :400px; top :50px; back:none; border:5px;z-index:999;} :100%; Hintergrund:#000; Anzeige:absolut; oben:0px;} 

1: Modales Fenster erstellen und aufrufen

Code kopieren

Der Code lautet wie folgt:

h1 align="center"> ;Register

Passwort:< ;br>

 
1. Erstellen Sie eine jQuery-Anweisung und wählen Sie die Ablaufverfolgungsmarkierung mit einem Mustertyp aus 

Kopieren Sie den Code 

 Der Code lautet wie folgt:

 Der Code lautet wie folgt:

var modelID = $(this).attr ('rel');

3. Legen Sie den Effekt des modalen Fensters fest und fügen Sie den Bildlink hinzu, um das Fenster zu schließen

Kopieren Sie die Code Der Code lautet wie folgt:

$('#' modelID).fadeIn(2000).prepend(''
$('); .Die schicke Navigation von jQuery hat einen Schattenhintergrund und ein hervorgehobenes modales window_jquery_button').css({'margin-left':'535px','margin-top ':'0px'});

Zwei: Erstellen Sie einen Schattenhintergrund

Code kopieren

Der Code lautet wie folgt:

$('#modelshade').css('opacity', '0.8').fadeIn(2000);

Drei: Schließen Sie das modale Fenster

Code kopieren Der Code lautet wie folgt:

 
$('a.Die schicke Navigation von jQuery hat einen Schattenhintergrund und ein hervorgehobenes modales window_jquery,#modelshade').click( function(){ 
var thismodelID= $('a.Die schicke Navigation von jQuery hat einen Schattenhintergrund und ein hervorgehobenes modales window_jquery').parent ().attr('id'); 

$('#modelshade,#' thismodelID).fadeOut(function(){
$('a.Die schicke Navigation von jQuery hat einen Schattenhintergrund und ein hervorgehobenes modales window_jquery,#modelshade').remove();
});

return false; }); Deaktivieren Sie die Klickfunktion. Wenn die Verbindung fehlschlägt, hält diese Methode die Verbindung aufrecht und versucht, eine andere Seite zu laden Browser

Kopieren Sie den Code

 Der Code lautet wie folgt: 
 
gibt false zurück

});