<html>
<head>
</head>
<body bgcolor="#000000">
<SCRIPT LANGUAGE="JavaScript">
document.write(screen.width + " x " + screen.height)
<!-- ONE STEP TO INSTALL BOUNCING IMAGE:
1. Copy the coding into the BODY of your HTML document -->
<!-- STEP ONE: Paste this code into the BODY of your HTML document -->
</script>
<BODY>
<div id="img" style="position:absolute;">
<img src="TN_psd0810.JPG" onMouseDown="pauseResume();" width="171" height="158">
</div>
<SCRIPT LANGUAGE="JavaScript">
<!-- Original: Justin Arruda (JArruda@mindspring.com) -->
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
var step = 1;
var delay = 30;
var height = 0;
var Hoffset = 0;
var Woffset = 0;
var yon = 0;
var xon = 0;
var pause = true;
var interval;
var name = navigator.appName;
if(name == "Microsoft Internet Explorer") name = true;
else name = false;
var xPos = 20;
if(name) var yPos = document.body.clientHeight;
else var yPos = window.innerHeight;
function changePos() {
if(name) {
width = document.body.clientWidth;
height = document.body.clientHeight;
Hoffset = img.offsetHeight;
Woffset = img.offsetWidth;
img.style.left = xPos + document.body.scrollLeft;
img.style.top = yPos + document.body.scrollTop;
}
else {
height = window.innerHeight;
width = window.innerWidth;
Hoffset = document.img.clip.height;
Woffset = document.img.clip.width;
document.img.pageY = yPos + window.pageYOffset;
document.img.pageX = xPos + window.pageXOffset;
}
if (yon) {
yPos = yPos + step;
}
else {
yPos = yPos - step;
}
if (yPos < 0) {
yon = 1;
yPos = 0;
}
if (yPos >= (height - Hoffset)) {
yon = 0;
yPos = (height - Hoffset);
}
if (xon) {
xPos = xPos + step;
}
else {
xPos = xPos - step;
}
if (xPos < 0) {
xon = 1;
xPos = 0;
}
if (xPos >= (width - Woffset)) {
xon = 0;
xPos = (width - Woffset);
}
}
function start() {
if(name) img.visibility = "visible";
else document.img.visibility = "visible";
interval = setInterval('changePos()',delay);
}
function pauseResume() {
if(pause) {
clearInterval(interval);
pause = false;
}
else {
interval = setInterval('changePos()',delay);
pause = true;
}
}
start();
// End -->
</script></body>
</html>
Sumber dari situs Ilmu Website dalam kategori javascript dengan judul Gambar Bergerak
Senin, 15 Desember 2008
gambar bergerak
Menampilkan status YM (yahoo Messanger) di website kita sangatlah penting, terutama bagi website-website yang bergerak dalam bidang bisnis, gunanya ya sebagai CS (Customer Support), kalau untuk website community ya.. bisa sebagai tempat ngobrol dsb.
Cara membuat status YM di website kita sangatlah mudah sekali kita tinggal lah menambahkan tag HTML berikut:
<a href="ymsgr:sendIM?b_scorpio_ilmuwebsite"><img src="http://opi.yahoo.com/online?u=b_scorpio_ilmuwebsite&m=g&t=1" border=0></a>
Dimana: "b_scorpio_ilmuwebsite" adalah ID Yahoo kamu, ID Yahoo dapat diperoleh jika anda mempunyai email di yahoo, jika tidak ... ya segera bikin saja email yahoo..
Ex: jika email yahoo kamu adi_ganteng@yahoo.com, maka ID YM kamu adalah: adi_ganteng
Gimana mudah bukan ?
Artikel ini sudah kami kirimkan pada email2 anda (tentunya jika anda sudah langganan).
Terimakasih :)
Sumber dari situs Ilmu Website dalam kategori html dengan judul Membuat Status YM
