Autor | Zpráva | ||
---|---|---|---|
rollerblade Profil * |
#1 · Zasláno: 11. 4. 2012, 10:48:21 · Upravil/a: rollerblade
Dobrý den, všem:) Už delší dobu tu sedím a bádám:) Mám dvě šipky na cycle pluginu posunuté na banneru. A tyto šipky slouží k posunu na další banner.. prostě prohazují bannery s obrázky a s textem. Já chci, aby šipky byly vidět jen když na banner najedu myší. Moje domněnka: Na celý banner nastavím mouse událost, že když na něj najedu zobrazí se šipky, ale tady je problém:) nějak to nejde. Zde je zdrojový kód:
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <style type="text/css"> body{font-family: Arial, Helvetica, sans-serif;} #s7 { width: 950px; height: 237px; border: 1px solid #ddd; background-color: white; } #s7 div { width: 950px; height: 237px; color: black; text-align: left; font-size: 20px; overflow: hidden } td a {margin: 10px;padding-left: 10px; background-image: url("bullets.png");background-repeat:no-repeat;color: transparent; } .nav { margin: 0px auto;width: 50px; } #nav a { text-decoration: none; } #nav a.activeSlide { background-image: url("tecka.png");background-repeat:no-repeat;color: transparent;} #nav a:focus { outline: none; } .vlevo { margin-left: 2px; margin-top: 100px; position: absolute; z-index: 9999; } .vpravo { margin-top: 100px; position: absolute; margin-left: 920px; z-index: 9999; } </style> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script> <script type="text/javascript" src="http://malsup.github.com/chili-1.7.pack.js"></script> <script type="text/javascript" src="http://malsup.github.com/jquery.cycle.all.js"></script> <script type="text/javascript" src="http://malsup.github.com/jquery.easing.1.3.js"></script> <script type="text/javascript"> $.fn.cycle.defaults.timeout = 6000; $(function() { $('#s7').cycle({ fx: 'scrollRight', delay: -1000, next: '.vpravo', prev: '.vlevo', pager: '#nav' }) }); </script> </head> <body> <div id="main"> <table cellspacing="20"> <tr><td> <img class="vlevo" src="leva.png"> <img class="vpravo" src="prava.png"> <div id="s7"> <div> <img src="kontejner.png" width="452" height="237" style="float: left;" /> <h1 style="margin: 0;padding: 0;">Kontejnery světové kvality</h1> <p>Značka CARU je zárukou špičkových služeb v oblasti prodeje a pronájmu přepravních kontejnerů. </p> </div> <div> <img src="kontejner.png" width="452" height="237" style="float: left;" /> <h1>Objevte svět kontejnerů</h1> <p> Naše kontejnery jsou deponovány na 70 depech po celém světě. V ČR jsou k dispozici v Brandýse nad Labem, Brně, Mělníku, Praze.</p> </div> <div> <img src="kontejner.png" width="452" height="237" style="float: left;" /> <p> your slide transitions occur. Test them out and see what ones you like. Check out the many examples on this website and see which ones catch your eye. </p> </div> </div> <div id="nav" class="nav"> </div> </td></tr> </table> </div> </div> </body> </html> $('#s7').mouseenter(function() { $('.vlevo,.vpravo').css("display","block"); |
||
peta Profil |
<style> .a .sipka {display:none;} .a:hover .sipka {display:inline;} </style> <div class=a> <span class=sipka><img src=sipka1.gif>a</span> <span class=obsah><img src=banner.jpg>b</span> <span class=sipka><img src=sipka2.gif>c</span> </div> Nevim, zda to jde zapsat v jquery takto s carkou nebo kazde zvlast '.vlevo,.vpravo'. |
||
Časová prodleva: 12 let
|
0