Potřebujete udělat plynulý hover divu, který má nastavenou průhlednost? Zde je návod.
jQuery kód
Následující kód zkopírujte do template.php (pro uživatele SunLight CMS.
<span style="color: #000000">
<script type="text/javascript">
<br>$(function() {
<br>$('#nejaky-div').css('opacity', 0.5);
<br>$('#nejaky-div')
<br>.hover(function() {
<br>$(this).stop().animate({ opacity: 1.0 }, 100);
<br>},
<br>function() {
<br>$(this).stop().animate({ opacity: 0.5}, 100);
<br>});
<br>});
<br></script></span>
- #nejaky-div je název divu (můžete použít i třídu)
- 0.5 je průhlednost divu (0.5 = 50%, 1.0 = 100% průhlednost)
- 100 je rychlost přechodu v ms
Smety
Jan Valentík
Komentáře
Nebyly přidány žádné komentáře.