![](\"images\/wall_s9.jpg\")
<\/div>\n <\/li>\n ![](\"images\/wall_s7.jpg\")
<\/div>\n <\/li>\n<\/ul>\n<\/body>\n<\/html><\/pre>\n<\/div>\n
Web-Frontend
js-Tutorial
jQuery realisiert den gleitenden Erweiterungs- und Ausblendeffekt der Steuerung von Bildern, indem die Maus über link_jquery bewegt wird
jQuery realisiert den gleitenden Erweiterungs- und Ausblendeffekt der Steuerung von Bildern, indem die Maus über link_jquery bewegt wird
May 16, 2016 pm 03:34 PM
Das Beispiel in diesem Artikel beschreibt die jQuery-Implementierung, bei der die Maus über einen Link bewegt wird, um die gleitenden Erweiterungs- und Ausblendungseffekte des Bildes zu steuern. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:
Hier ist eine Demonstration, wie jQuery die Maus über einen Link bewegt, den Bildeffekt durch Schieben erweitert/ausblendet, die Maus auf die ?vorherige Seite“ und die ?n?chste Seite“ setzt und das entsprechende Bild sofort ein wenig erscheint B. eine Vorschau im Voraus, sodass Benutzer die n?chste Seite oder den allgemeinen Inhalt der n?chsten Seite kennen, was die Benutzererfahrung erheblich verbessert.
Der Screenshot des Laufeffekts sieht wie folgt aus:
Die Online-Demo-Adresse lautet wie folgt:
http://demo.jb51.net/js/2015/jquery-mouse-over-link-pic-show-codes/
Der spezifische 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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>鼠標(biāo)移動鏈接上，滑動展開/隱藏圖片效果</title>
<script language="javascript" src="jquery1.3.2.js"></script>
<script type="text/javascript" language="javascript">
$(function(){
$(".list>li:has(div)").hover(function(){
$(this).children('a').addClass('red').end().find('div').slideDown("fast");},
function(){
$(this).children('a').removeClass('red').end().find('div').slideUp("fast");
});
});
</script>
<style>
*{margin:0;padding:0}
body{background:#F8F3ED}
li{list-style:none}
.list{height:40px;background:#fff;padding-left:100px;}
.list li{float:left;position:relative;}
.list li a{float:left;width:100px;height:40px;line-height:40px; text-align:center;color:#B7B7B7;text-decoration:none; font-family:"微軟雅黑";}
.list li a:hover{background:#99C228;color:#FFF;}
.list .box{position:absolute;top:40px;left:0;display:none;width:240px;height:170px;background:#99C228;color:#FFF;}
.list .box img{width:220px;height:150px;margin:10px;}
.list li a:hover,.red{background:#99C228!important;color:#FFF!important;}
</style>
</head>
<body>
<ul class="list">
<li><a href="javascript:;">上一頁</a>
<div class="box"><img src="images/wall_s9.jpg" /></div>
</li>
<li><a href="javascript:;">下一頁</a>
<div class="box"><img src="images/wall_s7.jpg" /></div>
</li>
</ul>
</body>
</html>
Ich hoffe, dass dieser Artikel allen in der jQuery-Programmierung hilfreich sein wird.
Hei?e KI -Werkzeuge
Undress AI Tool
Ausziehbilder kostenlos
Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos
AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.
Clothoff.io
KI-Kleiderentferner
Video Face Swap
Tauschen Sie Gesichter in jedem Video mühelos mit unserem v?llig kostenlosen KI-Gesichtstausch-Tool aus!
Hei?er Artikel
Hei?e Werkzeuge
Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor
SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen
Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung
Dreamweaver CS6
Visuelle Webentwicklungstools
SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)
Wie lade ich Links herunter, die mit 115:// beginnen? Methodeneinführung herunterladen
Mar 14, 2024 am 11:58 AM
In letzter Zeit haben viele Benutzer den Editor gefragt, wie man Links herunterl?dt, die mit 115:// beginnen? Wenn Sie Links herunterladen m?chten, die mit 115:// beginnen, müssen Sie den 115-Browser verwenden. Nachdem Sie den 115-Browser heruntergeladen haben, schauen wir uns das unten vom Herausgeber zusammengestellte Download-Tutorial an. Einführung zum Herunterladen von Links, die mit 115:// beginnen. 1. Melden Sie sich bei 115.com an, laden Sie den 115-Browser herunter und installieren Sie ihn. 2. Geben Sie Folgendes ein: chrome://extensions/ in die Adressleiste des 115-Browsers, rufen Sie das Extension Center auf, suchen Sie nach Tampermonkey und installieren Sie das entsprechende Plug-in. 3. Geben Sie in die Adressleiste des Browsers 115 ein: Grease Monkey Script: https://greasyfork.org/en/
Wie kann das Problem des automatischen Speicherns von Bildern beim Ver?ffentlichen auf Xiaohongshu gel?st werden? Wo ist das beim Posten automatisch gespeicherte Bild?
Mar 22, 2024 am 08:06 AM
Durch die kontinuierliche Entwicklung der sozialen Medien ist Xiaohongshu zu einer Plattform für immer mehr junge Menschen geworden, auf der sie ihr Leben teilen und sch?ne Dinge entdecken k?nnen. Viele Benutzer haben beim Posten von Bildern Probleme mit der automatischen Speicherung. Wie kann man dieses Problem l?sen? 1. Wie kann das Problem des automatischen Speicherns von Bildern beim Ver?ffentlichen auf Xiaohongshu gel?st werden? 1. Cache leeren Zuerst k?nnen wir versuchen, die Cache-Daten von Xiaohongshu zu l?schen. Die Schritte sind wie folgt: (1) ?ffnen Sie Xiaohongshu und klicken Sie auf die Schaltfl?che ?Mein“ in der unteren rechten Ecke. (2) Suchen Sie auf der pers?nlichen Center-Seite nach ?Einstellungen“ und klicken Sie darauf. (3) Scrollen Sie nach unten und suchen Sie nach ?; Option ?Cache l?schen“. Klicken Sie auf ?OK“. Nachdem Sie den Cache geleert haben, geben Sie Xiaohongshu erneut ein und versuchen Sie, Bilder zu posten, um zu sehen, ob das Problem mit dem automatischen Speichern behoben ist. 2. Aktualisieren Sie die Xiaohongshu-Version, um sicherzustellen, dass Ihr Xiaohongshu
Wie poste ich Bilder in TikTok-Kommentaren? Wo ist der Zugang zu den Bildern im Kommentarbereich?
Mar 21, 2024 pm 09:12 PM
Mit der Beliebtheit von Douyin-Kurzvideos sind die Benutzerinteraktionen im Kommentarbereich bunter geworden. Einige Benutzer m?chten Bilder in Kommentaren teilen, um ihre Meinung oder Gefühle besser auszudrücken. Wie postet man also Bilder in TikTok-Kommentaren? Dieser Artikel beantwortet diese Frage ausführlich und gibt Ihnen einige entsprechende Tipps und Vorsichtsma?nahmen. 1. Wie poste ich Bilder in Douyin-Kommentaren? 1. ?ffnen Sie Douyin: Zuerst müssen Sie die Douyin-App ?ffnen und sich bei Ihrem Konto anmelden. 2. Suchen Sie den Kommentarbereich: Suchen Sie beim Durchsuchen oder Posten eines kurzen Videos die Stelle, an der Sie einen Kommentar abgeben m?chten, und klicken Sie auf die Schaltfl?che ?Kommentieren“. 3. Geben Sie Ihren Kommentarinhalt ein: Geben Sie Ihren Kommentarinhalt in den Kommentarbereich ein. 4. W?hlen Sie, ob Sie ein Bild senden m?chten: In der Benutzeroberfl?che zur Eingabe von Kommentarinhalten sehen Sie eine Schaltfl?che ?Bild“ oder eine Schaltfl?che ?+“. Klicken Sie darauf
So lassen Sie PPT-Bilder einzeln erscheinen
Mar 25, 2024 pm 04:00 PM
In PowerPoint ist es eine g?ngige Technik, Bilder einzeln anzuzeigen, was durch das Festlegen von Animationseffekten erreicht werden kann. In dieser Anleitung werden die Schritte zur Implementierung dieser Technik detailliert beschrieben, einschlie?lich der grundlegenden Einrichtung, des Einfügens von Bildern, des Hinzufügens von Animationen sowie des Anpassens der Reihenfolge und des Timings der Animationen. Darüber hinaus stehen erweiterte Einstellungen und Anpassungen zur Verfügung, z. B. die Verwendung von Triggern, das Anpassen von Animationsgeschwindigkeit und -reihenfolge sowie die Vorschau von Animationseffekten. Durch Befolgen dieser Schritte und Tipps k?nnen Benutzer ganz einfach Bilder so einrichten, dass sie in PowerPoint nacheinander angezeigt werden, wodurch die visuelle Wirkung der Pr?sentation verbessert und die Aufmerksamkeit des Publikums erregt wird.
Wie erhalte ich den Link zum WeChat-Videokonto? Wie füge ich Produktlinks zu WeChat-Videokonten hinzu?
Mar 22, 2024 pm 09:36 PM
Als Teil des WeChat-?kosystems haben sich WeChat-Videokonten nach und nach zu einem wichtigen Werbeinstrument für Content-Ersteller und H?ndler entwickelt. Der Erhalt von Links zu Videokonten auf dieser Plattform ist für das Teilen und Verbreiten von Inhalten von entscheidender Bedeutung. Im Folgenden wird detailliert beschrieben, wie Sie den Link zum WeChat-Videokonto erhalten und wie Sie Produktlinks zum Videokonto hinzufügen, um den Verbreitungseffekt des Inhalts zu verbessern. 1. Wie erhalte ich den Link zum WeChat-Videokonto? Nachdem Sie ein Video auf Ihrem WeChat-Videokonto gepostet haben, erstellt das System automatisch einen Videolink. Autoren k?nnen den Link nach der Ver?ffentlichung kopieren, um die Weitergabe und Verbreitung zu erleichtern. Nachdem Sie sich bei Ihrem WeChat-Videokonto angemeldet haben, k?nnen Sie die Startseite Ihres Videokontos durchsuchen. Auf der Startseite ist jedem Video ein entsprechender Link beigefügt, sodass Sie es direkt kopieren oder teilen k?nnen. 3. Videokonto suchen: Geben Sie den Namen des Videokontos in das WeChat-Suchfeld ein
6 M?glichkeiten, Bilder auf dem iPhone sch?rfer zu machen
Mar 04, 2024 pm 06:25 PM
Die neuesten iPhones von Apple halten Erinnerungen mit gestochen scharfen Details, S?ttigung und Helligkeit fest. Manchmal kann es jedoch zu Problemen kommen, die dazu führen k?nnen, dass das Bild weniger klar aussieht. W?hrend der Autofokus bei iPhone-Kameras gro?e Fortschritte gemacht hat und es Ihnen erm?glicht, schnell Fotos aufzunehmen, kann die Kamera in bestimmten Situationen versehentlich auf das falsche Motiv fokussieren, wodurch das Foto in unerwünschten Bereichen unscharf wird. Wenn Ihre Fotos auf Ihrem iPhone unscharf wirken oder es ihnen insgesamt an Sch?rfe mangelt, soll Ihnen der folgende Beitrag dabei helfen, sie sch?rfer zu machen. So machen Sie Bilder auf dem iPhone klarer [6 Methoden] Sie k?nnen versuchen, Ihre Fotos mit der nativen Foto-App zu bereinigen. Wenn Sie mehr Funktionen und Optionen wünschen
So konvertieren Sie PDF-Dokumente mit Foxit PDF Reader in JPG-Bilder. - So konvertieren Sie PDF-Dokumente mit Foxit PDF Reader in JPG-Bilder
Mar 04, 2024 pm 05:49 PM
Verwenden Sie auch die Foxit PDF Reader-Software? Wissen Sie, wie Foxit PDF Reader PDF-Dokumente in JPG-Bilder konvertiert? Für diejenigen, die sich für die Konvertierungsmethode interessieren jpg-Bilder, kommen Sie bitte vorbei und schauen Sie sich unten um. Starten Sie zun?chst Foxit PDF Reader, suchen Sie dann in der oberen Symbolleiste nach ?Funktionen“ und w?hlen Sie dann die Funktion ?PDF an andere“ aus. ?ffnen Sie als N?chstes eine Webseite namens ?Foxit PDF Online Conversion“. Klicken Sie auf die Schaltfl?che ?Anmelden“ oben rechts auf der Seite, um sich anzumelden, und aktivieren Sie dann die Funktion ?PDF zu Bild“. Klicken Sie dann auf die Schaltfl?che ?Hochladen“ und fügen Sie die PDF-Datei hinzu, die Sie in ein Bild konvertieren m?chten. Klicken Sie nach dem Hinzufügen auf ?Konvertierung starten“.
Was soll ich tun, wenn die Bilder auf der Webseite nicht geladen werden k?nnen? 6 L?sungen
Mar 15, 2024 am 10:30 AM
Einige Internetnutzer stellten fest, dass die Bilder auf der Webseite beim ?ffnen der Browser-Webseite l?ngere Zeit nicht geladen werden konnten. Was ist passiert? Ich habe überprüft, ob das Netzwerk normal ist. Was ist also das Problem? Der folgende Editor stellt Ihnen sechs L?sungen für das Problem vor, dass Webseitenbilder nicht geladen werden k?nnen. Webseitenbilder k?nnen nicht geladen werden: 1. Internetgeschwindigkeitsproblem Die Webseite kann keine Bilder anzeigen. Dies kann daran liegen, dass die Internetgeschwindigkeit des Computers relativ langsam ist und mehr Software auf dem Computer ge?ffnet ist. Und die Bilder, auf die wir zugreifen, sind relativ gro? M?glicherweise liegt eine Zeitüberschreitung beim Laden vor. Daher kann die Software, die mehr Netzwerkgeschwindigkeit verbraucht, nicht angezeigt werden. 2. Wenn auf der Webseite keine Bilder angezeigt werden k?nnen, liegt das m?glicherweise daran, dass die von uns besuchten Webseiten gleichzeitig besucht wurden.
