Heim >Web-Frontend >js-Tutorial >Das jQuery-Plug-in jFade erkennt, dass das von der Maus übergebene Bild hervorgehoben und das andere abgedunkelt ist_jquery
Das jQuery-Plug-in jFade erkennt, dass das von der Maus übergebene Bild hervorgehoben und das andere abgedunkelt ist_jquery
- WBOYOriginal
- 2016-05-16 16:09:351734Durchsuche
Heute stellen wir Ihnen jFade vor, ein jQuery-Plugin, das die aktuelle Hervorhebung verdunkelt, wenn die Maus darüber fährt. Die Funktion, die dieses Plug-in implementieren kann, ist einfach und sehr praktisch, wenn die Maus über die Bildliste fährt In der Textliste wird die aktuelle Hervorhebung angezeigt, die Liste der anderen Bilder wird abgeblendet, um das Bild hervorzuheben, über das sich die Maus gerade befindet.
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
http://www.w3.org/1999/xhtml">
jFade
jFade ist ein einfaches JQuery-Plug-in, mit dem Sie Elemente auf Ihrer Website hervorheben können. Es sind nicht nur anpassbare Überblendungen möglich, sondern auch die einfache Steuerung der umgebenden Elemente hebt Ihre wichtigsten Inhalte hervor.
Portfolio-Galerie
(Angrenzende Objekte ausblenden)
To use default settings just add the function
<script type="text/javascript"> <br /><br>
$().ready(function() {<br /><br>
$('.jfade_image').jfade();<br /><br>
}); <br /><br>
</script>and add the class tag to each element:
<img src="images/card02.jpg" class="jfade_image"/><br /><br>
<img src="images/card04.jpg" class="jfade_image"/><br /><br>
<img src="images/card09.jpg" class="jfade_image"/><br /><br>
<img src="images/card13.jpg" class="jfade_image"/><br /><br>
<img src="images/card14.jpg" class="jfade_image"/><br /><br>
<img src="images/card15.jpg" class="jfade_image"/><br /><br>
<img src="images/card16.jpg" class="jfade_image"/><br /><br>
<img src="images/card17.jpg" class="jfade_image"/>Custom settings are easily set and explained in the help doc
Portfolio Gallery 2
(Fade objects in)
Call to Action Button
(give buttons some flair)
Text
(have subtle effects)