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

Rendering:

HTML-Link:

Code kopieren Der Code lautet wie folgt:

Register>>
css:

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:

<script> > <BR>$('a. model').click(function(){ <BR><div class="codetitle"> <span>2. Verwenden Sie die folgende Funktion, um die Variablen im aktuellen Projekt als Wert des rel-Attributs zu speichern <a style="CURSOR: pointer" data="3231" class="copybut" id="copybut3231" onclick="doCopy('code3231')"><U> Code kopieren</script>

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

});