Pełna wersja: [mootools] Środkowanie tła.
Mam diva 320x320 którego tłem jest obrazek 1000x1000. Chcę żeby po kliknięciu przesunęło mi tło o 50px w prawo i 100px w gorę, płynnie. Czym to zrobić? Może zamiast MT użyć jQuery?
to tylko przyklad ale pokazuje jak animowac pozycje tła
Kod
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<script type="text/javascript" src="mootools.js">
</script>
</head>
<body>
<div id="myDiv" style="border: 1px solid red; width: 320px; height: 320px; background: url('bg.jpg') 0px 0px no-repeat">asd</div>
<script type="text/javascript">
$('myDiv').addEvent('click',function(){
this.tween('background-position', '50px 100px');
});
</script>
</body>
</html>
<html>
<head>
<script type="text/javascript" src="mootools.js">
</script>
</head>
<body>
<div id="myDiv" style="border: 1px solid red; width: 320px; height: 320px; background: url('bg.jpg') 0px 0px no-repeat">asd</div>
<script type="text/javascript">
$('myDiv').addEvent('click',function(){
this.tween('background-position', '50px 100px');
});
</script>
</body>
</html>
DZiała, dokładnie o to mi chodziło, jeszcze małe pytanie bo nie mogę się odnaleźc w dokumentacji. Jak pobrać np. background-position ? np. top chcę zwiększyć co kliknięcie o 50px.
Kod
<script type="text/javascript">
$('myDiv').addEvent('click',function(){
alert(this.getStyle('background-position'));
});
</script>
$('myDiv').addEvent('click',function(){
alert(this.getStyle('background-position'));
});
</script>
Świetnie, tylko jak rozbić to na dwa człony by dostać dwie liczby osobne, w php użyłbym explode, a tutaj czym się posłużyć?
metoda split()
Kod
<script type="text/javascript">
var tablica = "ala ma kota".split(' ');
</script>
var tablica = "ala ma kota".split(' ');
</script>
I już chyba na długi czas ostatnie pytanie, czemu nie działa mi:
Chcę pobrać współrzędne myszki w punkcie w któym kliknąłem względem myDiv.
Kod
$('myDiv').addEvent('click',function(){
alert(client.x);
});
alert(client.x);
});
Chcę pobrać współrzędne myszki w punkcie w któym kliknąłem względem myDiv.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.