Viewer

free counters

Sabtu, 19 November 2011

Membuat Daftar gambar bergerak


 Berikut ini cara membuat Gambar bergerak pada web kita.

untuk tulisan yang berwarna merah,

1. TN_psd0810.JPG diganti dengan gambar yang kita inginkan
2.  http://javascript.internet.com ini adalah alamat web kita


<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">

<!-- 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>




Semoga bermanfaat bagi kita semua terimakasih.

Tidak ada komentar:

Posting Komentar