Artikel ini menjelaskan metode JS untuk mencapai efek mengambang gambar. Bagikan untuk referensi Anda. Analisis spesifiknya adalah sebagai berikut:
Deskripsi: Ketika Anda membuka halaman web, Anda akan melihat gambar yang terus -menerus mengambang, klik untuk terhubung ke halaman lain; Ini akan memiliki efek utama!
Salin kode sebagai berikut: <Html>
<head>
<meta http-equiv = "konten tipe" content = "text/html; charset = utf-8">
<title> tes </iteme>
<type style = "text/css">
#All {width: 100%; Tinggi: 3000px;}
</tyle>
</head>
<body>
<Div id = "all">
<div id = "img" style = "Posisi: absolute; z-index: 99;">
<a href = "#" target = "_ blank"> <img src = "gambar/opvti.jpg" style = "kursor: pointer;" style = "kursor: pointer;" /> </a>
<bahasa skrip = "javascript">
<!-Mulailah
var xpos = document.body.clientwidth - 20;
var ypos = document.body.clientHeight / 2;
var step = 1;
var delay = 10;
var tinggi = 0;
var hoffset = 0;
var woffset = 0;
var yon = 0;
var xon = 0;
var jeda = true;
interval var;
img.style.top = ypos;
function changePos () {
width = document.body.clientwidth;
tinggi = document.body.clientHeight;
Hoffset = img.offsetHeight;
Woffset = img.offsetWidth;
img.style.left = xpos + document.body.scrollleft;
img.style.top = ypos + document.body.scrolltop;
if (yon) {
ypos = ypos + langkah;
} kalau tidak {
ypos = ypos - langkah;
}
if (ypos <0) {
yon = 1;
ypos = 0;
}
if (ypos> = (tinggi - hoffset)) {
yon = 0;
ypos = (tinggi - hoffset);
}
if (xon) {
XPOS = XPOS + Langkah;
} kalau tidak {
XPOS = XPOS - Langkah;
}
if (xpos <0) {
xon = 1;
xpos = 0;
}
if (xpos> = (lebar - woffset)) {
xon = 0;
xpos = (lebar - woffset);
}
}
fungsi start () {
img.visibility = "visible";
interval = setInterval ('changePos ()', tunda);
}
function pause_resume () {
if (jeda) {
ClearInterval (Interval);
jeda = false;
} kalau tidak {
interval = setInterval ('changePos ()', tunda);
jeda = true;
}
}
awal();
// end ->
</script>
</div>
</div>
</body>
</html>
Saya harap artikel ini akan membantu pemrograman JavaScript semua orang.