Heim > Web-Frontend > js-Tutorial > Hauptteil

Klicken Sie in jQuery auf die Popup-Ebene mit Miniaturansichten, um ein großes Bild anzuzeigen_jquery

WBOY
Freigeben: 2016-05-16 16:14:10
Original
939 Leute haben es durchsucht

Im geschäftigen Januar 2015 bleibt keine Zeit mehr, das ASP.NET MVC-Programm zu erlernen. Nach einem halben Monat Urlaub hoffe ich, in meine Heimatstadt zurückzukehren Eine Welt ohne Computer und Internet. In diesen Tagen kann ich mehr Zeit mit meinen älteren Eltern verbringen.

Heute werde ich etwas über jQuery lernen und es auf Bilder anwenden. Der Benutzer klickt auf das Bild, um das Bild zu vergrößern.

Erstellen Sie einen Controller FebY15Controller:

Als nächstes erstellen Sie den Ansichtsindex:

1 markieren, Bildstil hinzufügen:

Markieren Sie 2, fügen Sie HTM-Code, Originalbildanzeige und Platzhalter-Div-Tag zum Vergrößern des Bildes hinzu:

Markierung 3: Verweis auf die jQuery-Klassenbibliothek.

Markieren Sie 4, schreiben Sie ein jQuery-Programm:

Das Folgende ist eine dynamische Demonstration:

In diesem Artikel erfahren Sie mehr über das Klickereignis von jQuery. Verwenden Sie die Klasse tag.style, um das Objekt (img.thumb) abzurufen. Verwenden Sie $(this), um das Objekt selbst zu codieren. .attr("scr") ruft den Bildquelle-Bildpfad ab. Ein weiteres Beispiel ist das dynamische Ereignis .animate().

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage