Hogy lehet megcsinálni [JS]?
<html>
<head>
<style>
body {
background-color:#606060;
}
.map {
position:absolute;
top: 0px; <!-- 70 px -->
left: 0px; <!-- 200 px -->
width:800px;
height:500px;
}
#fa {
position:absolute;
left:0px;
top:0px;
}
</style>
</head>
<body onload="myFunction()">
<img class="map" src="images/map.png">
<img id="fa" src="images/fa.png">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
<script>
function myFunction() {
var x = random(550);
var y = random(350);
$("#fa").css({top:y, left:x });
}
function random(n) {
return Math.floor(Math.random()*n)+1;
}
myFunction();
</script>
</body>
</html>
válasza:5x meghívod a myFunction(); fg-t
pl for ciklussal
válasza:és ezt, hogy működjön, akkor kell meghívni mikor már be van töltődve az oldal.
Tehát tedd bele ebbe: window.onload = function(){ myfunction(); asd(); ... }
és így a body-ra sem kell az onload attribútum
válasza:ja egy kicsit elnéztem a kódod..
1. a függvényedben hozod létre a képet is (és szúrod is be)
vagy 2. több képet teszel ki (végig kell menni rajtuk)
vagy 3. klónozod.
jQuery megkönnyíti a dolgod.
Id helyett a classt javasolnám.
válasza:
Kapcsolódó kérdések:
Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!