صورة تتحرك من أسفل الى أعلى الشاشة و بالعكس

صورة تتحرك من أسفل الى أعلى الشاشة و بالعكس

طريقة التركيب

1- ضع هذا الكود في الرأس HEAD

<div id="point1" style="position:absolute;visibility:visible;">
<img src="http://www.elahmad.com//images/banare.gif" width="468" height="60" border="0">
</div>

<script language="JavaScript">
<!-- Begin
/* Visit http://www.elahmad.com/ for more code*/

var xPos = 20;
var step = 1;
var delay = 30;
var yPos = 0;
var height = 0;
var offset = 0;
var yon = 0;
var name = navigator.appName;
if (name == "Microsoft Internet Explorer") {
yPos = document.body.clientHeight;
point1.style.top = yPos;
}
else {
yPos = window.innerHeight;
document.point1.pageY = yPos;
document.point1.visibility = "hidden";
}
function changePos() {
if (yon == 0) {
yPos = yPos - step;
}
else {
yPos = yPos + step;
}
if (name == "Microsoft Internet Explorer") {
height = document.body.clientHeight;
offset = point1.offsetHeight;
}
else {
height = window.innerHeight;
offset = document.point1.clip.height;
}  
if (yPos < 0) {
yon = 1;
yPos = 0;
}
if (yPos >= (height - offset)) {
yon = 0;
yPos = (height - offset);
}
if (name == "Microsoft Internet Explorer") {
point1.style.left = xPos;
point1.style.top = yPos + document.body.scrollTop;
}
else {
document.point1.pageX = xPos;
document.point1.pageY = yPos + window.pageYOffset;
   }
}
function start()
{
if (name != "Microsoft Internet Explorer") {
document.point1.visibility = "visible";
}
loopfunc();
}
function loopfunc()
{
changePos();
setTimeout('loopfunc()',delay);
}
//  End -->
</script>

2- أضف هذا الكود ضمن الوسم BODY لتصبح هكذا

صورة-تتحرك-من-أسفل-الى-أعلى-الشاشة-و-بالعكس-java-script

موقع الاحمد جافا سكريبت