+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: Zablokowanie automatycznie wysuwającego się paska (/thread-zablokowanie-automatycznie-wysuwajacego-sie-paska)
Zablokowanie automatycznie wysuwającego się paska - tndek - 25-04-2012
Witam. Posiadam na stronie odtwarzacz radiowy ulokowany z lewej strony jako wysuwający się pasek. Oto jego kod:
Kod:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<style type="text/css" >
#wysuwane
{
background: url("http://page.pl/dddd") no-repeat scroll 0 0 transparent;
padding: 10px;
width: 560px;
height:402px;
position: fixed;
margin-top: -100px; /*połowa wysokości panelu w górę */
left: 0px;
top: 50%;
}
.zamknij
{
background-position: 0px 0px -510px 0px;
}
</style>
<script type="text/javascript">
$(function(){
$("#wysuwane").css("left","-520px");
$("#wysuwane").hover(
function () {
$("#wysuwane").animate({left: "0px"}, 400 );
$(this).addClass("zamknij");
},
function () {
$("#wysuwane").animate({left: "-520px"}, 400 );
$(this).removeClass("zamknij");
}
);
});
</script>
<div id="wysuwane">
<div id="wewnatrz" style="float:left; width:150px; margin-left:0px;">
<a href="http://strona.pl" target="_blank" rel="nofollow"><img src="http://strona.net"></a> <br>
<script type="text/javascript" src="http://strona.com.pl"></script><br>
<object type="application/x-shockwave-flash" data="http://strona.pl id="audioplayer" height="22" width="490">
<param name="movie" value="http://strona.pl">
<param name="FlashVars" value="playerID=1&soundFile=http://strona/;&titles= Radio Music-Network&buffer=0&rightbg=248ac5&lefticon=161616&righticon=161616&loader=248ac5&leftbg=248ac5&track=248ac5&bg=248ac5&rightbghover=248ac5&tracker=248ac5&autostart=yes&animation=no&playerID=panelradiowy.pl&initialvolume=60">
<param name="quality" value="high">
<param name="menu" value="false">
<param name="wmode" value="transparent">
</object>
</div>
</div>Zależy mi na tym, aby pasek wysuwał się tylko w przypadku najechania na niego myszką. Obecnie, wysuwa się od razu po wejściu na stronę i nieco irytuje muzyka włączająca się bez woli przeglądające. Co powinienem zmienić w tym kodzie?
RE: Zablokowanie automatycznie wysuwającego się paska - Kartofelek - 25-04-2012
Teoretycznie linijka którą masz w kodzie
$("#wysuwane").css("left","-520px");
powinna ci chować ten #wysuwane. Ale pamiętaj, że to się wykona dopiero po wczytaniu CAŁEJ strony.
Ustaw więc w CSS dla #wysuwane left:-520px zamiast left: 0px;
Jeżeli to nie zadziała to namieszałeś i trzeba pogrzebać w stronie. Wtedy daj doktorowi linka.