اخر المواضيع

آخر الأخبار

الاثنين

كود مرور الماوس على الصوره وتكبيره

السلام عليكم
عدد المشاهدات الان

 المثال

الكود

<!-- مرور الماوس على الصوره وتكبيره -->

<script language="javascript">

//set the time delay,imgsize,arrsize.

var delay=20;

var imgsize=5;

var arrsize=4;

var timeon;

var whoc = new Array(arrsize);

var wid;

var hei;

var i=0;

function zoom_out(p,q,which)

{  

   if(which.width <= p)

      which.width += imgsize;

   if(which.height <= q)

      which.height += imgsize;

   if(which.width <= p)

   {

      var tmp=which.id;

      timeon=eval("setTimeout('zoom_out("+p+","+q+","+tmp+")', delay)");

   }

   if(which.width > p)   

   {

      zoom_check(which.id);

      clearTimeout(timeon);

   }

}

function zoom_check(xx)

{

    for(var x=0; x<(whoc.length);x++)

    {

        if(whoc[x] != null && whoc[x] != xx)

        {

    var ff = document.getElementById(whoc[x]);

            ff.width=wid;

    ff.height=hei;

        }

    }

}

function zoom_in(r,s,asd)

{

  if(i<(whoc.length-1))

i++;

  else

i=0;

  whoc[i] = asd.id;

  if(asd.width >= r)

      asd.width -= imgsize;

  if(asd.height >= s)

      asd.height -= imgsize; 

  asd.width=r;

  asd.height=s;

  wid=asd.width;

  hei=asd.height;

}

function ctck()

{

var sds = document.getElementById("dum");

if(sds == null){alert("You are using a free package.\n You are not allowed to remove the tag.\n");}

var sdss = document.getElementById("dumdiv");

if(sdss == null){alert("You are using a free package.\n You are not allowed to remove the tag.\n");}

}

</script>

</head>

<body>

<table align=center cellspacing=2 cellpadding=2 height=100% width=100%><tr>

<td align=center width=120 height=125 style='cursor:pointer;'>

<img id="myPicture1" src="http://gulf-missil.ucoz.com/_ph/20/2/474274328.gif" width="68" height="50" onMouseover="zoom_out(55,65,this)" onMouseout="zoom_in(40,48,this)"></td>

<td width=10></td>

<td align=center width=120 height=125 style='cursor:pointer;'>

<img id="myPicture2" src="http://gulf-missil.ucoz.com/_ph/20/2/873449264.gif" width="68" height="50" onMouseover="zoom_out(55,65,this)" onMouseout="zoom_in(40,48,this)"></td>

<td width=10></td>

<td align=center width=120 height=125 style='cursor:pointer;'>

<img id="myPicture3" src="http://gulf-missil.ucoz.com/_ph/14/2/605916259.gif" width="40" height="48" onMouseover="zoom_out(55,65,this)" onMouseout="zoom_in(40,48,this)"></td>

<td width=10></td>

<td align=center width=120 height=125 style='cursor:pointer;'>

<img id="myPicture4" src="http://gulf-missil.ucoz.com/_ph/20/2/289181838.gif" width="68" height="50" onMouseover="zoom_out(55,65,this)" onMouseout="zoom_in(40,48,this)"></td>

</tr>

<tr><td colspan=7>

<div align=center style="font-size: 10px;color: #dadada;" id="dumdiv">

</div>

<script language="javascript">document.onload = ctck();</script>

</td></tr>

</table>

<!-- مرور الماوس على الصوره وتكبيره -->

وسلامتكم

اذا حبيت نسخ المقالهـ

author
  • اضافة تعليق
  • ليست هناك تعليقات:

    اضف تعليقك ممكن

    آلتآريخ هجري وميلآدي

    المتابعون