29.07.2013, 18:37
wersja skryptu MyBB: Zwykła strona w html i css
adres forum: www.kopcioo.ugu.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu): Mam wykonany slider. Ale on działa w ten sposób że jak najadę na obrazek to automatycznie się wysuwa, a chcę zrobić tak aby wysuwał się tylko jak kliknę
adres forum: www.kopcioo.ugu.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu): Mam wykonany slider. Ale on działa w ten sposób że jak najadę na obrazek to automatycznie się wysuwa, a chcę zrobić tak aby wysuwał się tylko jak kliknę
Kod:
<style type="text/css">
#tab {
width: 200px;
height: 300px;
position: fixed;
top: 100px;
background-color: #fff;
border: 5px solid #3B5997;
left: -210px;
}
#tab:after{
content: url('http://www.no-limit.pl/przycisk.png');
position: absolute;
right: -32px;
top: -5px;
cursor: pointer;
}
#tab:hover {
left: 0;
}
</style>
<script type="text/javascript">
$(function () {
var tab = $('#tab'), ow = tab.outerWidth();
tab.css('left', -ow).hover(function () {
$(this).stop().animate({left: 0}, 500);
}, function () {
$(this).stop().animate({left: -ow}, 500);
});
});
</script>
<div id="tab">Tutaj dowolna treść</div>