Der Skalierungseffekt von jQuery-Fotos hat keinen Einfluss auf das Layout anderer Elemente_jquery

Ich habe diesen Spezialeffekt schon einmal im Internet gesehen, aber leider hatte ich damals die URL nicht gespeichert und wusste daher nicht, wie dieser Spezialeffekt erzielt wurde. Ich habe heute bewusst im Internet gesucht und tatsächlich gefunden.

Ich habe mir auch viel Mühe gegeben und versucht zu schreiben:

Aber es war nur eine einfache Vergrößerung des Bildes, und es hatte auch Auswirkungen auf die Anordnung der Elemente um das Bild herum (weil die Vergrößerung des Bild nimmt mehr Platz ein).

Später stellte ich fest, dass der Zweck durch den flexiblen und geschickten Einsatz der Überlauf- und Positionsattribute erreicht werden kann. Tatsächlich denke ich, dass Überlauf und Position (übrigens oben, unten, links, rechts) in CSS (CSS3) einfach eine unlösbare Kombination für Webseiten-Spezialeffekte sind. Natürlich ist js (jquery) der Boss.

Nachdem so viel Unsinn geredet wurde, müssen alle immer noch verwirrt sein: Was ist das für ein Spezialeffekt? Leider sind meine sprachlichen Ausdrucksfähigkeiten immer noch sehr durchschnittlich. Zur Veranschaulichung mache ich unten einen Screenshot:

Dies ist das erste Erscheinungsbild der Webseite, wenn sie geöffnet wird:

Wenn die Maus über 6 schwebt. Wenn Sie auf eines der Bilder klicken, werden die von mir erwähnten Spezialeffekte angezeigt (hier habe ich die Maus als Beispiel auf das dritte Bild gesetzt):

Sie werden finden dass das Bild verkleinert ist und wenn Sie die Maus platzieren Wenn Sie das Bild öffnen, fühlt es sich an, als wäre es wieder vergrößert (zurückgesetzt in den Ausgangszustand), ohne dass das Phänomen des Bildüberlaufs auftritt und das Layout anderer nicht beeinträchtigt wird Bilder und Elemente.

Der Code ist unten aufgeführt:

Kopieren Sie den CodeDer Code lautet wie folgt:

< ;!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">