صورة تظهر و تختفي حسب المدة و المكان الذي تحدده

صورة تظهر و تختفي حسب المدة و المكان الذي تحدده
سوف تختفي الصورة بعد 20 ثانية
حدث الصفحة لتراها مرة أخرى

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

انسخ و ضع الكود بعد BODY و الشرح موجود في الكود

/////////

/*//  www.elahmad.com  */

/////////

// اتبع هذه الخطوات

// 1) حدد المسافة بين الصورة و حدود الشاشة , 500 تعني العرض و 320 الطول

if (document.images)

var staticlogo=new Image(500,320);

// 2) ضع عنوان الصورة

staticlogo.src="http://www.elahmad.com/flags/flags.php";

// 3) ضع العنوان الذي تريده عند الضغط على الصورة

var logolink="http://www.elahmad.com";

// 4) غير وصف الصورة الذي يظهر عند ترك الماوس عليها

var alttext="موقع الاحمد";

// 5) set below to either "1" or "0" ("1" fades the logo into view) Note: IE 4 specific

var fadeintoview=1;

/* 6) المدة المحددة لاختفاء الصورة بالثواني

var visibleduration=20;

/////////////////////////// لا تغير شي هون الا اذا كنت عارف شو تساوي/////////////////////////

function regenerate(){

window.location.reload();

}

function regenerate2(){

if (document.layers)

setTimeout("window.onresize=regenerate",400);

}

var fadeset='';

if (fadeintoview)

fadeset="filter:alpha(opacity=0)";

if (document.all)

document.write('<span id="logo" style="'+fadeset+';position:absolute;top:100;width:'+staticlogo.width+';height:'+staticlogo.height+'"></span>');

function bringintoview(){

if (logo.filters.alpha.opacity<=95)

logo.filters.alpha.opacity+=5;

else{

clearInterval(viewit);

if (visibleduration!=0);

setTimeout("logo.style.visibility='hidden'",visibleduration*1000);

}

function createlogo(){

staticimage=new Layer(100);

staticimage.left=-300;

staticimage.top=120;

staticimage.document.write('<a href="http://www.elahmad.com/java/'+logolink+'"><img src="http://www.elahmad.com/java/'+staticlogo.src+'" border=0 alt="'+alttext+'"></a>');

staticimage.document.close();

staticimage.visibility="show";

regenerate2();

staticitns();

}

if (document.layers)

window.onload=createlogo;

if (document.all){

w=document.body.clientWidth-logo.style.pixelWidth-5;

h=document.body.clientHeight-logo.style.pixelHeight-5;

logo.style.left=w;

logo.style.top=h;

}

function logoit(){

var w2=document.body.scrollLeft+w;

var h2=document.body.scrollTop+h;

logo.style.left=w2;

logo.style.top=h2;

}

function logoit2(){

staticimage.left=pageXOffset+window.innerWidth-staticimage.document.width-15;

staticimage.top=pageYOffset+window.innerHeight-staticimage.document.height;

}

function insertimage(){

logo.innerHTML='<a href="http://www.elahmad.com/java/'+logolink+'"><img src="http://www.elahmad.com/java/'+staticlogo.src+'" border=0 alt="'+alttext+'"></a>';

if (fadeintoview)

viewit=setInterval("bringintoview()",100);

else{

if (visibleduration!=0)

setTimeout("logo.style.visibility='hidden'",visibleduration*1000);

}

if (document.all){

window.onscroll=logoit;

window.onresize=new Function("window.location.reload()");

window.onload=insertimage;

}

function staticitns(){

setInterval("logoit2()",90);

if (visibleduration!=0)

setTimeout("staticimage.visibility='hide'",visibleduration*1000);

}

</script></div>

أغلق هذه الصفحة