شبكة أفا كيرلس - مكتبة الجافا سكربت - عرض القسم[الاعلانات ومؤثرات الصور]

يعمل تحديث لصورة معينه مع كل مرة تدخل فيها لصفحة معينه

تاريخ الإضافة :2006-11-16

<table border="0" cellpadding="0">
  <caption><strong></strong></caption>
  <tr>
    <td width="100%"><img src="هنا تضع عنوان الصورة" width="300" height="240" name="photoslider"></td>
  </tr>
  <tr>
    <td width="100%"><form method="POST" name="rotater">
      <div align="center"><center><p><script language="JavaScript1.1">
var photos=new Array()
var which=0

/*Change the below variables to reference your own images. You may have as many images in the slider as you wish*/
photos[0]="هنا تضع عنوان الصورة"
photos[1]="هنا تضع عنوان الصورة"
photos[2]="هنا تضع عنوان الصورة"
photos[3]="هنا تضع عنوان الصورة"
photos[4]="هنا تضع عنوان الصورة"


function backward(){
if (which>0){
window.status=''
which--
document.images.photoslider.src=photos[which]
}
}

function forward(){
if (which<photos.length-1){
which++
document.images.photoslider.src=photos[which]
}
else window.status='End of gallery'
}
</script><input type="button" value="<<خلف" name="B2"
      onClick="backward()"> <input type="button" value="امام>>" name="B1"
      onClick="forward()"><br>
      <a href="#" onClick="which=1;backward();return false"><small>من البداية</small></a></p>
      </center></div>
    </form>
    </td>
  </tr>
</table>

<p align="center"><font face="arial" size="-2"></font><br>
<font face="arial, helvetica" size="-2"><a href="http://wsabstract.com">

تاريخ الإضافة :2006-11-16

كود جميل يمكن العرض من خلاله أكثر من بانر عند كل تحديث

<script language="JavaScript1.2">

//Random iframe content- © Dynamic Drive (www.mogram.info)
//For full source code, and Terms Of use, visit http://mogram.info.com
//This credit MUST stay intact for use
//تم النقل من قبل موقع مجـرم
//www.mogram.info

var ie=document.all&&navigator.userAgent.indexOf("Opera")==-1
var dom=document.getElementById&&navigator.userAgent.indexOf("Opera")==-1

//من هنا بإمكانك تحديد مقاس البانر
var iframeprops='width=130 height=130 marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="1" scrolling="no"'

//Specify random URLs to display inside iframe
var randomcontent=new Array()
randomcontent[0]="عنوان البانر1"
randomcontent[1]="عنوان البانر2"
randomcontent[2]="عنوان البانر3"
randomcontent[3]="عنوان البانر4"

//No need to edit after here
if (ie||dom)
document.write('<iframe id="dynstuff" src="" '+iframeprops+'></iframe>')

function random_iframe(){
if (ie||dom){
var iframeobj=document.getElementById? document.getElementById("dynstuff") : document.all.dynstuff
iframeobj.src=randomcontent[Math.floor(Math.random()*randomcontent.length)]
}
}

window.onload=random_iframe

</script>

تاريخ الإضافة :2006-11-16

خاص بطيران صورة معينه في صفحتك فقط قم بوضع عنوان الصورة وستشاهد الحدث

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

<BODY>

<div id="img" style="position:absolute;">
<img src="ضع عنوان الصورة على النت هنا" onMouseDown="pauseResume();">
</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>

تاريخ الإضافة :2006-11-16

يمنع الضغط على الزر الايمن فوق اي صورة ماعدا ذلك فهو مسموح .. ولايحتاج منك تحديد عنوان الصورة

<script language="JavaScript1.2">

/*
Disable right click script II (on images)- By Dynamicdrive.com
For full source, Terms of service, and 100s DTHML scripts
Visit http://www.dynamicdrive.com
*/

var clickmessage="Right click disabled on images!"

function disableclick(e) {
if (document.all) {
if (event.button==2||event.button==3) {
if (event.srcElement.tagName=="IMG"){
alert(clickmessage);
return false;
}
}
}
else if (document.layers) {
if (e.which == 3) {
alert(clickmessage);
return false;
}
}
else if (document.getElementById){
if (e.which==3&&e.target.tagName=="IMG"){
alert(clickmessage)
return false
}
}
}

function associateimages(){
for(i=0;i<document.images.length;i++)
document.images[i].onmousedown=disableclick;
}

if (document.all)
document.onmousedown=disableclick
else if (document.getElementById)
document.onmouseup=disableclick
else if (document.layers)
associateimages()
</script>

تاريخ الإضافة :2006-11-16

تستطيع ان تظع صورتين متغيرتين على شكل زر بحيث اذا مررت بالفارة تتغير الصورة

<!-- TWO STEPS TO INSTALL PRELOAD IMAGES:

1. Paste the first into the HEAD of your HTML document
2. Add the last code into the BODY of your HTML document -->

<!-- STEP ONE: Copy this code into the HEAD of your HTML document -->

<HEAD>

<SCRIPT LANGUAGE="JavaScript">

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://www.mogram.info -->

<!-- Begin

image1 = new Image();
image1.src = "الصورة الثانية";

// End -->
</script>
</HEAD>

<!-- STEP TWO: Insert this code into the BODY of your HTML document -->

<BODY>

<a href="العنوان" onmouseover="image1.src='الصورة الثانية';"
onmouseout="image1.src='الصورة الأولى';">
<img name="image1" src="الصورة الأولى" border=0></a>

</BODY>

تاريخ الإضافة :2006-11-16

إعلان متحرك في الزاوية اليمنى بالأعلى

  <div id="eqla3softAds" 
  style="position:absolute; width:106px; height:117px; z-index:99; right: 0px; top: 0px; visibility: hidden">
    <table cellspacing="0" cellpadding="0" 
    style="border-style: solid; border-width: 1px; border-color: #000000">
      <tr>
        <td bgcolor="#FFFFFF" align="right" style="padding: 2px">
        <img src="close.gif" width="7" height="7" alt="Close" border="0" 
        onClick="eqla3softAds_simplepop_1eec23f6('close')"></td>
      </tr>
      <tr>
        <td bgcolor="#FFFFFF" align="center">
        <table border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="100" height="100" align="center" valign="middle" style="padding: 2px">
           <!---------------------------- عدل ما يلي حسب معلومات المعلن ---------------------------->
            <a href="رابط الموقع المعلن" 
            target="blank"><img src="رابط للصورة التي ستظهر في الإعلان" 
            alt="اسم الموقع المعلن عنه" title="اسم الموقع المعلن عنه" border="0" width="100" height="100"></a></td>
           <!---------------------------- هذا ما كل ما تحتاجه من تعديل ---------------------------->  
          </tr>
        </table>
        </td>
      </tr>
    </table>
  </div>
  <script language="JavaScript">
  //للمزيد من الجافا سكريبت .. نرجو زيارة موقع إقلاع سوفت http://soft.vip600.com/

function eqla3softAds_findObj(n, d) { 

  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {

  d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}

  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];

  for(i=0;!x&&d.layers&&i>d.layers.length;i++) x=eqla3softAds_findObj(n,d.layers[i].document);

  if(!x && document.getElementById) x=document.getElementById(n); return x;

}



function eqla3softAds_upper_left_corner()

{

	var c = eqla3softAds_findObj('eqla3softAds');



	if (!c)

		return false;

	

	if (c.style)

		c = c.style;

	

	if (window.innerHeight)

		ih = window.innerHeight;

	else

		ih = document.body.clientHeight;

	

	if (window.innerWidth)

		iw = window.innerWidth;

	else

		iw = document.body.clientWidth;

	

	

	if (document.all && !window.innerWidth) { 

		

		c.pixelLeft = iw + document.body.scrollLeft - 106;

		c.pixelTop = 0 + document.body.scrollTop;

	

	} else {

		c.left = iw + window.pageXOffset - 106 - 16;

		c.top = 0 + window.pageYOffset;

	

	}



	c.visibility = eqla3softAds_visible_1eec23f6;

}





function eqla3softAds_simplepop_1eec23f6(what)

{

	var c = eqla3softAds_findObj('eqla3softAds');



	if (!c)

		return false;



	if (c.style)

		c = c.style;



	switch(what)

	{

		case 'close':

			eqla3softAds_visible_1eec23f6 = 'hidden';

			eqla3softAds_upper_left_corner();

			window.clearInterval(eqla3softAds_timerid_1eec23f6);

			break;



		case 'open':

			eqla3softAds_visible_1eec23f6 = 'visible';

			eqla3softAds_upper_left_corner();

			eqla3softAds_timerid_1eec23f6 = window.setInterval('eqla3softAds_upper_left_corner()', 50);



			return window.setTimeout('eqla3softAds_simplepop_1eec23f6('close')', 600000);

			break;

	}

}





var eqla3softAds_timerid_1eec23f6;

var eqla3softAds_visible_1eec23f6;





eqla3softAds_simplepop_1eec23f6('open');





    </script>

وده لينك الصورة :
http://img227.imageshack.us/img227/7878/advexawr4.png

تاريخ الإضافة :2006-11-14

فتح الصورة بنافذة جديدة (تتعرف تلقائياً على حجمها)

تاريخ الإضافة :2006-11-13

صور تتحرك من تحت لفوق

<script language="JavaScript1.2">
///////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=103
var scrollerheight=106
var scrollerbgcolor='white'
//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.وقعك.net"><img src="http://http://www.الصورة"" border=0"></a>'
slideimages[1]='<img src="http://http://www.الصورة">'
slideimages[2]='<img src="http://www.الصورة">'
slideimages[3]='<img src="http://www.الصورة">'
//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>

تاريخ الإضافة :2006-11-13

دعاية تتحرك في وسط الموقع

تاريخ الإضافة :2006-11-13

إعلان يسقط بوسط الموقع

<script language="JavaScript1.2">

var ie=document.all
var dom=document.getElementById
var ns4=document.layers

var bouncelimit=32 //(must be divisible by 8)
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></head>

<body>
<div id="dropin" style="position:absolute;visibility:hidden;left:260;top:100;width:385;height:118;background-color:#F5F5F5">

<div align="right"><a href="#" onClick="dismissbox();return false">[اقفل 
  النافذة] </a>                            
  <b><span lang="ar-sa"><font face="Tahoma" size="2">إعــــــلان</font></span></b></div>
<center>
<p><a href="http://www.amwj.net/" target="_blank">
<img title="موقعك أسم" alt="موقعك أسم" src="رابط الـــصــوة" border="0" width="468" height="60"></a></p>
</center>

</div>

تاريخ الإضافة :2006-11-13

ثلاث إعلانات تظهر بالتناوب

<html dir="rtl">
<SCRIPT LANGUAGE="JavaScript">


<!-- Begin
var how_many_ads = 3;
var now = new Date()
var sec = now.getSeconds()
var ad = sec % how_many_ads;
ad +=1;
if (ad==1) {
txt="نص الوصلة";
url="http://رابط الموقع/";
alt="التعريف النصي";
banner="http://رابط الصورة";
width="468";
height="60";
}
if (ad==2) {
txt="نص الوصلة";
url="http://رابط الموقع/";
alt="التعريف النصي";
banner="http://رابط الصورة";
width="468";
height="60";
}
if (ad==3) {
txt="نص الوصلة";
url="http://رابط الموقع/";
alt="التعريف النصي";
banner="http://رابط الصورة";
width="468";
height="60";
}
document.write('<center>');
document.write('<a href="' + url + '" target="_top">');
document.write('<img src="' + banner + '" width=')
document.write(width + ' height=' + height + ' ');
document.write('alt="' + alt + '" border=0><br>');
document.write('<small>' + txt + '</small></a>');
document.write('</center>');
// End -->
</SCRIPT>

تاريخ الإضافة :2006-11-13

	مكتبة الجافا سكربت