09-05-2012, 03:06
(Ten post był ostatnio modyfikowany: 09-05-2012, 03:29 przez harvester2001.)
Eee coś nie chce zadziałać teraz to jeszcze bardziej się rozjechało.
W head mam wpisane to:
HTML:
<div id="FB"></div>
<div id="wysuwane">
<div id="wewnatrz"></div>
</div>
CSS :
#wysuwane{
background: url(../zdjecia/fe2.png) no-repeat scroll 0 0 transparent;
padding: 20px;
width: 230px;
height: 295px;
position: fixed;
margin-top: -160px; /*połowa wysokości panelu w górę */
left: 0px;
top: 50%;
cursor: pointer;
}
#wewnatrz{
float:left;
width: 230px;
display:block;
margin-left:0px;
cursor: pointer;
}
.zamknij
{
background-position: 0px 0px -242px 0px;
}
#FB{
visibility:hidden;
width:0px;
height:0px;
}
Wtedy box się wysuwa ale się nie chowa ale..
jak zastosuję ten kod który mi napisałeś to box nie jest schowany tylko od razu jest wysunięty i nie reaguje na "kliknięcie" w żaden sposób.
;(
W head mam wpisane to:
Kod:
<script type="text/javascript">
$(function(){
$("#wysuwane").css("left","-210px");
$("#wysuwane").click(
function () {
$("#wysuwane").animate({left: "0px"}, 1000 );
$(this).addClass("zamknij");
},
function () {
$("#wysuwane").click({left: "-210px"}, 1000 );
$(this).removeClass("zamknij");
}
);
});
</script>HTML:
<div id="FB"></div>
<div id="wysuwane">
<div id="wewnatrz"></div>
</div>
CSS :
#wysuwane{
background: url(../zdjecia/fe2.png) no-repeat scroll 0 0 transparent;
padding: 20px;
width: 230px;
height: 295px;
position: fixed;
margin-top: -160px; /*połowa wysokości panelu w górę */
left: 0px;
top: 50%;
cursor: pointer;
}
#wewnatrz{
float:left;
width: 230px;
display:block;
margin-left:0px;
cursor: pointer;
}
.zamknij
{
background-position: 0px 0px -242px 0px;
}
#FB{
visibility:hidden;
width:0px;
height:0px;
}
Wtedy box się wysuwa ale się nie chowa ale..
jak zastosuję ten kod który mi napisałeś to box nie jest schowany tylko od razu jest wysunięty i nie reaguje na "kliknięcie" w żaden sposób.
;(
