عرب كود - الصور و الإعلانات

ثلاثة بنرات تتبدل بشكل جميل

المدة الفاصلة بين كل صورة هي 5 ثوان بامكانك تغيرها

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

انسخ هذا الكود و ضعه في منطقة BODY و عدل للذي يناسبك

<table width="470" height="90" dir="ltr"><tr><td>
<script>
var slideurl=new Array()
var slidecomment=new Array()
var slidelink=new Array()
var slidetarget=new Array()
///////////////////////////////////////////////////////////////////////////
// EDIT-ZONE STARTS HERE  // BY : WWW.STAR28.COM
//////////////////////////////////////////////////////////////////////////
// Set the URLs of your slides (images) // مسار الصور
slideurl[0]="b1.png"
slideurl[1]="b2.png"
slideurl[2]="b3.png"
// Add a link for each slide //
// If you don't want to link a slide type "#" instead (see middle-sample below)
// روابط البنرات على الترتيب
slidelink[0]="http://www.star28.com"
slidelink[1]="http://www.ttt4.com"
slidelink[2]="http://vb.star28.net"
// Add a target for each link
// Allowed values are: "_blank", "_top", "_parent", "_self" or the name of a frame
slidetarget[0]="_blank"
slidetarget[1]="_blank"
slidetarget[2]="_blank"
// Add a comment for each slide // الوصف
slidecomment[0]="وصف البانر رقم  - 1 -"
slidecomment[1]="وصف البانر رقم  - 2 - "
slidecomment[2]="وصف البانر رقم  - 3 -"
// Set the font for the comments
var slidefont="TAHOMA" // نوع الخط
// Set the fontcolor for the comments
var slidefontcolor="black" // لون الخط
// Set the fontsize for the comments (HTML-values ranging form 1 - 6)
var slidefontsize=2 // حجم الخط
// Set the width of the pictures (pixels)
var slidewidth=468 // عرض الصورة بالبكسل
// Set the height of the pictures (pixels)
var slideheight=60 // طول الصورة بالبكسل
// Set the pause between the pictures (seconds)
var pause=5 // المدة الفاصلة بين كل صورة
///////////////////////////////////////////////////////////////////////////
// EDIT-ZONE ENDS HERE
//////////////////////////////////////////////////////////////////////////
var preloadedimages=new Array()
for (i=0;i<slideurl.length;i++){
preloadedimages[i]=new Image()
preloadedimages[i].src=slideurl[i]
}
var ns4=document.layers?1:0
var ns6=document.getElementById&&!document.all?1:0
var ie=document.all?1:0
var imgpreload=new Array()
for (i=0;i<=slideurl.length-1;i++) {
imgpreload[i]=new Image()
imgpreload[i].src=slideurl[i]
}
var pos_left=0
var pos_top=0
var speed=20
var step=10
var i_loop=0
var i_image1=0
var i_image2=1
var i_space=""
var all_space=""
var max_space=20
var content=""
var i_slide=0
pause*=1000
function stretchimage() {
if (i_loop<=slidewidth) {
if (ie) {
imgcontainer1.innerHTML="<a href='"+slidelink[i_image1]+"' target='"+slidetarget[i_image1]+"'><img width='"+i_loop+"' height='"+slideheight+"' src='"+slideurl[i_image1]+"' border='0'></a>"
document.all.imgcontainer2.style.posLeft=document.all.imgcontainer1.style.posLeft+i_loop
imgcontainer2.innerHTML="<a href='"+slidelink[i_image2]+"' target='"+slidetarget[i_image2]+"'><img width='"+(slidewidth-i_loop)+"' height='"+slideheight+"' src='"+slideurl[i_image2]+"' border='0'></a>"
}
if (ns6) {
document.getElementById('imgcontainer1').innerHTML="<a href='"+slidelink[i_image1]+"' target='"+slidetarget[i_image1]+"'><img width='"+i_loop+"' height='"+slideheight+"' src='"+slideurl[i_image1]+"' border='0'></a>"
document.getElementById('imgcontainer2').style.left=parseInt(document.getElementById('imgcontainer1').style.left)+i_loop
document.getElementById('imgcontainer2').innerHTML="<a href='"+slidelink[i_image2]+"' target='"+slidetarget[i_image2]+"'><img width='"+(slidewidth-i_loop)+"' height='"+slideheight+"' src='"+slideurl[i_image2]+"' border='0'></a>"
}
i_loop=i_loop+step
var timer=setTimeout("stretchimage()",speed)
}
else {
clearTimeout(timer)
var imgcontent="<a href='"+slidelink[i_image1]+"' target='"+slidetarget[i_image1]+"'><img width='"+i_loop+"' height='"+slideheight+"' src='"+slideurl[i_image1]+"' border='0'></a><br><center><font face='"+slidefont+"' size="+slidefontsize+" color='"+slidefontcolor+"'>"+slidecomment[i_image1]+"</font></center>"
if (ie) {
imgcontainer1.innerHTML=imgcontent
document.all.imgcontainer2.style.posLeft=document.all.imgcontainer1.style.posLeft+i_loop
imgcontainer2.innerHTML=""
}
if (ns6) {
document.getElementById('imgcontainer1').innerHTML=imgcontent
document.getElementById('imgcontainer2').style.left=parseInt(document.getElementById('imgcontainer1').style.left)+i_loop
document.getElementById('imgcontainer2').innerHTML=""
}
changeimage()
}
}
function changeimage() {
i_loop=0
i_image1++
if (i_image1>slideurl.length-1) {i_image1=0}
i_image2=i_image1-1
if (i_image2>slideurl.length-1) {i_image2=0}
if (i_image2<0) {i_image2=slideurl.length-1}
if (ie) {
document.all.imgcontainer2.style.posLeft=document.all.imgcontainer1.style.posLeft
}
if (ns6) {
document.getElementById('imgcontainer2').style.left=parseInt(document.getElementById('imgcontainer2').style.left)
}
var timer=setTimeout("stretchimage()",pause)
}
function simpleslideshow() {
i_slide++
if (i_slide>=slideurl.length) {i_slide=0}
document.slideimage.src=preloadedimages[i_slide].src
simpleslideshowcomment()
var fadetimer=setTimeout("simpleslideshow()",pause)
}
function simpleslideshowcomment() {
if (i_space>=0){
all_space=""
content=""
for (i=0;i<i_space;i++) {
all_space+=" "
}
for (i=0;i<slidecomment[i_slide].length;i++) {
var thisletter=slidecomment[i_slide].substring(i,i+1)
thisletter=thisletter+all_space
content+=thisletter
}
window.status=content
i_space--
var fadetimer=setTimeout("simpleslideshowcomment()",20)
}
else {
clearTimeout(fadetimer)
i_space=max_space
}
}
function simpleslideshowjump() {
if (slidetarget[i_slide]=="_self") {
document.location.href=slidelink[i_slide]
}
else if (slidetarget[i_slide]=="_blank") {
codepopup=window.open(slidelink[i_slide], "code", "status=yes,location=yes,toolbar=yes,menubar=yes,resizable=yes,scrollbars=yes,width=780,height=580,top=10,left=10");
}
else if (slidetarget[i_slide]=="_top") {
top.location.href=slidelink[i_slide]
}
else if (slidetarget[i_slide]=="_parent") {
parent.location.href=slidelink[i_slide]
}
else {
var jumpto=eval("parent."+slidetarget[i_slide])
jumpto.location.href=slidelink[i_slide]
}
}
if (ie || ns6) {
var slideh=slideheight+30
document.write("<div style="position:relative;width:"+slidewidth+"px;height:"+slideh+"px;overflow:hidden">")
document.write("<div id="imgcontainer1" style="position:absolute;width:"+slidewidth+"px;height:"+slideh+"px;top:0px;left:0px"><img src=""+slideurl[0]+""></div>")
document.write("<div id="imgcontainer2" style="position:absolute;width:"+slidewidth+"px;height:"+slideh+"px;top:0px;left:0px"><img src=""+slideurl[1]+""></div>")
document.write("</div>")
window.onload=stretchimage
}
else {
document.write("<a href="javascript:simpleslideshowjump()"><img name="slideimage" src=""+slideurl[0]+"" border=0></a>")
window.onload=simpleslideshow
}
</script>
</td></tr></table>

اعلان مثل رسالة الماسنجر يختفي بعد الوقت الذي تحدده

سوف تختفي الصورة بعد ثمانية ثوان

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

1- انسخ هذا الكود و ضعه في منطقة BODY

2- حمل هذا الملف الذي يحتوي على ملف يدعى staticlogo.js افتحه و عدل به للذي يناسبك

ستجد ايضا صورة الماسنجر عدل بها و ارفع الملفين الى مساحة موقعك

ثلاثة صور تظهر بالتناوب - يمكن زيادة عددها و التحكم بسرعة ظهورها

طريقة التركيب
1- انسخ هذا الكود و ضعه في منطقة HEAD

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

3- انسخ هذا الكود و ضعه في المكان الذي تريده في منطقة BODY و لا تنسى تعديل الروابط

صورة تظهر بالتدريج عند فتح الصفحة

طريقة التركيب
1- انسخ هذا الكود و ضعه في منطقة HEAD

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

3- انسخ هذا الكود و ضعه بعد body و غير للذي يناسبك

صورة يستطيع تحريكها الزائر الى اليمين و اليسار

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

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

<script language="JavaScript">
/* Visit http://www.star28.com/ for more code */

</script>
<div id="blockDiv" STYLE="position:absolute; left:180px; top:110px; width:260px; height:28px">
<img src="SSSS.gif"></div>

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

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

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

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

<div id="point1" style="position:absolute;visibility:visible;">
<img src="SSSS.gif" width="260" height="28" border="0">
</div>
<script language="JavaScript">

</script>

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

صورة معتمة تظهر بشكل و اضح عند و ضع مؤشر الماوس عليها

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

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

2- ضع الكود بعد BODY و غير للذي يناسبك

صورة تتحرك الى أعلى و أسفل الشاشة و تقف عند الضغط عليها

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

انسخ كاملاً و ضعه بعد الوسم BODY و عدل للذي يناسبك

<div id="img" style="position:absolute;">
<img src="SSSS.gif" onClick="pause_resume();" alt="دليل العرب الشامل">
</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
//* Visit http://www.star28.com/ for more code
var xPos = 20;
var yPos = document.body.clientHeight;
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;
img.style.top = yPos;
function changePos() {
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;
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() {
img.visibility = "visible";
interval = setInterval('changePos()', delay);
}
function pause_resume() {
if(pause) {
clearInterval(interval);
pause = false;
}
else {
interval = setInterval('changePos()',delay);
pause = true;
}
}
start();
</script>

صورة تهبط الى الشاشة مثل الكرة

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

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

2- أضف هذا الكود بعد الوسم BODY و عدل للذي يناسبك

<div align="center" id="staticBall" style="position:relative;visibility:visible">
<img src="2.gif" height="35" width="160" alt="كرة ثابتة">
</div>
<div id="ball" style="visibility:hidden; position:absolute; left:100; top:10; height:34; width:34">
<img src="2.gif" height="35" width="160" alt="كرة متحركة">
</div>
<script language="Javascript1.2">

</script>

شريط متحرك للصور بشكل أفقي

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

انسخ كاملاً و ضعه بعد الوسم BODY و عدل للذي يناسبك

<div align="center" dir="ltr"><script language="JavaScript1.2">

</script>
<ilayer width=&{sliderwidth}; height=&{sliderheight}; name="ns_slider01" visibility=hide>
<layer name="ns_slider02" onMouseover="slidespeed=0;" onMouseout="slidespeed=copyspeed"></layer>
</ilayer></div>

اختر أي صورة لتظهر

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

انسخ كاملاً و ضعه بعد الوسم BODY و عدل للذي يناسبك

<form name="dynamicselector">
<table border="0" width="250" cellspacing="0" cellpadding="0" height="60">
<tr>
<td width="35%" valign="top" align="left">
<select name="dynamicselector2" size="1" onChange="generateimage(this.options[this.selectedIndex].value)">
<option value="" selected>اختر الصورة</option>
<option value="036.gif">صورة رقم 1</option>
<option value="103.gif">صورة رقم 2</option>
<option value="105.gif">صورة رقم 3</option>
<option value="131.gif">صورة رقم 4</option>
<option value="216.gif">صورة رقم 5</option>
</select>
<script>
/*
Dynamic Image selector Script-
© Dynamic Drive (www.dynamicdrive.com)
For full source code, installation instructions,
100's more DHTML scripts, and Terms Of
Use, visit dynamicdrive.com
*/
function generateimage(which){
if (document.all){
dynamic3.innerHTML='<center>Loading image...</center>';
dynamic3.innerHTML='<img src="'+which+'">';
}
else if (document.layers){
document.dynamic1.document.dynamic2.document.write('<img src="'+which+'">');
document.dynamic1.document.dynamic2.document.close();
}
else
alert('You need NS 4 or IE 4 to view the images!');
}
</script>
</td>
<td width="65%" valign="top" align="left"><ilayer id="dynamic1" width="100%" height="178"><layer id="dynamic2" width="100%" height="178"><div id="dynamic3"></div></layer></ilayer></td>
</tr>
</table>
</form>

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

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

<div dir="ltr"><script>
///////////////////////////////////////////////////////////////////
/*Site Logo Script (Geocities Watermark)
© Dynamic Drive (www.dynamicdrive.com)
For full source code, installation instructions,
100's more DHTML scripts, and Terms Of Use
// تفضل بزيارة دليل العرب الشامل لمزيد من الأكواد    //////////////////
//  www.star28.com                                               */
///////////////////////////////////////////////////////////////////
// اتبع هذه الخطوات
// 1) حدد المسافة بين الصورة و حدود الشاشة , 500 تعني العرض و 320 الطول
if (document.images)
var staticlogo=new Image(500,320);
// 2) ضع عنوان الصورة
staticlogo.src="SSSS.gif";
// 3) ضع العنوان الذي تريده عند الضغط على الصورة
var logolink="http://www.star28.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="'+logolink+'"><img src="'+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="'+logolink+'"><img src="'+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>

صورة صغيرة تكبر بالنقرعليها
انقر على الصورة لتكبر

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

1- انسخ هذا الكود و ضعه في منطقة HEAD

2- انسخ و ضع الكود بعد BODY و عدل في الروابط

شريط متحرك للصور بشكل عمودي

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

انسخ كاملاً و ضعه بعد الوسم BODY و عدل للذي يناسبك
<script language="JavaScript1.2"> // Visit our site at http://www.star28.com/ for more code // Translated By www.star28.com/ ///////configure the below four variables to change the style of the slider/////// //set the scrollerwidth and scrollerheight to the width/height of the LARGEST image in your slideshow! var scrollerwidth=106 // عرض المربع الذي ستظهر فيه الصور var scrollerheight=106 // طول المربع الذي ستظهر فيه الصور var scrollerbgcolor='black' // لون خلفية المربع //3000 miliseconds=3 seconds var pausebetweenimages=3000 // الفارق الزمني بين كل صورة //configure the below variable to change the images used in the slideshow. If you wish the images to be clickable, simply wrap the images with the appropriate <a> tag // غير الروابط للذي يناسبك var slideimages=new Array() slideimages[0]='<a href="http://www.star28.com.com"><img src="http://www.star28.com/java/java6/t1.gif" border=0"></a>' slideimages[1]='<a href="http://www.star28.com.com"><img src="http://www.star28.com/java/java6/t2.gif" border=0"></a>' slideimages[2]='<a href="http://www.star28.com.com"><img src="http://www.star28.com/java/java6/t3.gif" border=0"></a>' slideimages[3]='<a href="http://www.star28.com.com"><img src="http://www.star28.com/java/java6/t4.gif" border=0"></a>' slideimages[4]='<a href="http://www.star28.com.com"><img src="http://www.star28.com/java/java6/t5.gif" border=0"></a>' //extend this list ///////Do not edit pass this line/////////////////////// /////// لا تغير شي هون إلا اذا كنت عارف شو تساوي/////////////////////// if (slideimages.length>1) i=2 else i=0 function move1(whichlayer){ tlayer=eval(whichlayer) if (tlayer.top>0&&tlayer.top<=5){ tlayer.top=0 setTimeout("move1(tlayer)",pausebetweenimages) setTimeout("move2(document.main.document.second)",pausebetweenimages) return } if (tlayer.top>=tlayer.document.height*-1){ tlayer.top-=5 setTimeout("move1(tlayer)",100) } else{ tlayer.top=scrollerheight tlayer.document.write(slideimages[i]) tlayer.document.close() if (i==slideimages.length-1) i=0 else i++ } } function move2(whichlayer){ tlayer2=eval(whichlayer) if (tlayer2.top>0&&tlayer2.top<=5){ tlayer2.top=0 setTimeout("move2(tlayer2)",pausebetweenimages) setTimeout("move1(document.main.document.first)",pausebetweenimages) return } if (tlayer2.top>=tlayer2.document.height*-1){ tlayer2.top-=5 setTimeout("move2(tlayer2)",100) } else{ tlayer2.top=scrollerheight tlayer2.document.write(slideimages[i]) tlayer2.document.close() if (i==slideimages.length-1) i=0 else i++ } } function move3(whichdiv){ tdiv=eval(whichdiv) if (tdiv.style.pixelTop>0&&tdiv.style.pixelTop<=5){ tdiv.style.pixelTop=0 setTimeout("move3(tdiv)",pausebetweenimages) setTimeout("move4(second2)",pausebetweenimages) return } if (tdiv.style.pixelTop>=tdiv.offsetHeight*-1){ tdiv.style.pixelTop-=5 setTimeout("move3(tdiv)",100) } else{ tdiv.style.pixelTop=scrollerheight tdiv.innerHTML=slideimages[i] if (i==slideimages.length-1) i=0 else i++ } } function move4(whichdiv){ tdiv2=eval(whichdiv) if (tdiv2.style.pixelTop>0&&tdiv2.style.pixelTop<=5){ tdiv2.style.pixelTop=0 setTimeout("move4(tdiv2)",pausebetweenimages) setTimeout("move3(first2)",pausebetweenimages) return } if (tdiv2.style.pixelTop>=tdiv2.offsetHeight*-1){ tdiv2.style.pixelTop-=5 setTimeout("move4(second2)",100) } else{ tdiv2.style.pixelTop=scrollerheight tdiv2.innerHTML=slideimages[i] if (i==slideimages.length-1) i=0 else i++ } } function startscroll(){ if (document.all){ move3(first2) second2.style.top=scrollerheight } else if (document.layers){ document.main.visibility='show' move1(document.main.document.first) document.main.document.second.top=scrollerheight+5 document.main.document.second.visibility='show' } } window.onload=startscroll </script> <ilayer id="main" width=&{scrollerwidth}; height=&{scrollerheight}; bgColor=&{scrollerbgcolor}; visibility=hide> <layer id="first" left=0 top=1 width=&{scrollerwidth}; > <script language="JavaScript1.2"> if (document.layers) document.write(slideimages[0]) </script> </layer> <layer id="second" left=0 top=0 width=&{scrollerwidth}; visibility=hide> <script language="JavaScript1.2"> if (document.layers) document.write(slideimages[1]) </script> </layer> </ilayer> <script language="JavaScript1.2"> if (document.all){ document.writeln('<span id="main2" style="position:relative;width:'+scrollerwidth+';height:'+scrollerheight+';overflow:hiden;background-color:'+scrollerbgcolor+'">') document.writeln('<div style="position:absolute;width:'+scrollerwidth+';height:'+scrollerheight+';clip:rect(0 '+scrollerwidth+' '+scrollerheight+' 0);left:0;top:0">') document.writeln('<div id="first2" style="position:absolute;width:'+scrollerwidth+';left:0;top:1;">') document.write(slideimages[0]) document.writeln('</div>') document.writeln('<div id="second2" style="position:absolute;width:'+scrollerwidth+';left:0;top:0">') document.write(slideimages[1]) document.writeln('</div>') document.writeln('</div>') document.writeln('</span>') } </script>

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

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

انسخ الكود و عدل الروابط , ضعه بعد الوسم BODY
<script> var x=0, y=20, dx=4, dy=4, interval=90; var win= window.open('javascript:"<HTML><HEAD><TITLE>إعلان</TITLE></HEAD><BODY><center><a href=http://www.star28.com target=_blank><img width=130 height=98 src=http://www.star28.com/java/java6/tiger12.gif></a></center></BODY></HTML>"', "","width=135,height=135,screenY=20"); win.moveTo(x,y); var intervalID=window.setInterval("bounce()",interval); var sw=screen.availWidth-210 var sh=screen.availHeight-100 function bounce(){ if (win.closed) { clearInterval(intervalID); return; } if ((x+dx > sw) || (x+dx < 0)) dx = -dx; if ((y+dy > sh) || (y+dy < 0)) dy = -dy; x += dx y += dy win.moveTo(x,y) } </script>

ثلاثة إعلانات تظهر بالتناوب - عند كل تحديث للصفحة
وهي تظهر بشكل عشوائي لا على التعيين

طريقة التركيب
انسخ هذا الكود و ضعه في منطقة BODY و عدل الروابط
<SCRIPT LANGUAGE="JavaScript"> /** Translated By http://soft.vip600.com/ ** Visit our site at http://www.star28.com/ for more code */  </SCRIPT>

إعلان يهبط الى منتصف الصفحة و يمكن إغلاقه من الزائر

طريقة التركيب
1- انسخ هذا الكود و ضعه في منطقة HEAD
<script language="JavaScript1.2"> /* ** Visit our site at http://www.star28.com/ for more code */ var ie=document.all var dom=document.getElementById var ns4=document.layers var bouncelimit=8 //(must be divisible by <img src="//theme.webme.com/smiles/cool.gif" border="0" width="15" height="15" alt="" /> var direction="up" function initbox(){ if (!dom&&!ie&&!ns4) return crossobj=(dom)?document.getElementById("dropin").style : ie? document.all.dropin : document.dropin scroll_top=(ie)? document.body.scrollTop : window.pageYOffset crossobj.top=scroll_top-250 crossobj.visibility=(dom||ie)? "visible" : "show" dropstart=setInterval("dropin()",50) } function dropin(){ scroll_top=(ie)? document.body.scrollTop : window.pageYOffset if (parseInt(crossobj.top)<100+scroll_top) crossobj.top=parseInt(crossobj.top)+40 else{ clearInterval(dropstart) bouncestart=setInterval("bouncein()",50) } } function bouncein(){ crossobj.top=parseInt(crossobj.top)-bouncelimit if (bouncelimit<0) bouncelimit+=8 bouncelimit=bouncelimit*-1 if (bouncelimit==0){ clearInterval(bouncestart) } } function dismissbox(){ if (window.bouncestart) clearInterval(bouncestart) crossobj.visibility="hidden" } window.onload=initbox </script>

2- انسخ هذا الكود و ضعه في المكان الذي تريده في منطقة BODY
<div id="dropin" style="position:absolute;visibility:hidden;left:260;top:100;width:385;height:118;background-color:#00FF00"> <div align="right"> <a href="#" onClick="dismissbox();return false"> <span lang="ar-sa"><font face="Tahoma" size="1"><i>[إغلاق النافذة]</i> </a></font></span></div> <center> <p><a href="http://www.star28.com" target="_blank"> <img alt="دليل العرب الشامل" src="http://www.star28.com/java/java6/b1.png" border="0" width="468" height="60"></a></p> </center>