الصفحة الرئيسية - قائمة الجافا - قائمة البرامج
تكبير حجم الصورة
<SCRIPT LANGUAGE="JavaScript"> <!-- BEGIN Script var zwin=""; var nav=navigator.appName.indexOf("Netscape"); var vers=parseInt(navigator.appVersion); function zoom(pname) { if ( (nav != -1 && vers >= 3) || (vers >= 4) ) { if (zwin == "" || zwin.closed == 1) { var zw=w*2; var zh=h*2; var c='WIDTH='+ (zw+20)+ ',HEIGHT='+ (zh+25)+ ',resizable'; zwin=window.open("","zi",c); zwin.document.write('<BODY BGCOLOR="#000000"><center> <script language="javascript" type="text/javascript" src="//ad.broadcaststation.net/ads/show_ad.php?width=728&height=90"></script> </center> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-4KX380T5BD"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-4KX380T5BD'); </script> <!-- END GOOGLE --> <geoads></geoads> <IMG SRC="'+ pname+ '" BORDER=0 WIDTH="'+ zw+ '" HEIGHT="'+ zh+ '"></BODY>'); zwin.document.close(); } } } // END--> </SCRIPT> <A HREF="JavaScript: zoom('http://www.alwafi2000.com/Sami9.gif')" onMouseOver="window.status='Click to zoom in'; return true;" onMouseOut="window.status=''"><IMG SRC="http://www.alwafi2000.com/Sami9.gif" BORDER=0 ALT="Click to zoom in" onLoad="w=this.width; h=this.height;"></A>
صورة مع الماوس
<SCRIPT LANGUAGE="JavaScript1.2"> <!-- /******************************************************** This JavaScript code uses techniques found at The Dynamic Duo - http://www.dansteinman.com/dynduo/ Edited by Howard Chen Get more JavaScripts at http://members.xoom.com/7432/ Bugs report to hchen007@geocities.com This script is free as long as the credits above is kept ********************************************************/ image_used = "http://www.iconbazaar.com/food/cherries01.gif"; // Filename of the image width_of_image = 68; height_of_image = 64; ns4 = (document.layers)? true:false ie4 = (document.all)? true:false function onerror() { location.href="javascript:" } function DynLayer(id,nestref) { if (ns4) { this.css = (nestref)? eval("document."+nestref+".document."+id) : document.layers[id] this.x = this.css.left this.y = this.css.top } else if (ie4) { this.css = document.all[id].style this.x = this.css.pixelLeft this.y = this.css.pixelTop } this.show = DynLayerShow this.hide = DynLayerHide this.addon = DynLayerAddon this.addon(id,nestref) } function DynLayerMoveTo(x,y) { if (x!=null) { this.x = x this.css.left = this.x } if (y!=null) { this.y = y this.css.top = this.y } } function DynLayerMoveBy(x,y) { this.moveTo(this.x+x,this.y+y) } function DynLayerShow() { this.css.visibility = (ns4)? "show" : "visible" } function DynLayerHide() { this.css.visibility = (ns4)? "hide" : "hidden" } function DynLayerAddon(id,nestref) { this.id = id this.nestref = nestref this.w = (ns4)? this.css.clip.width : this.css.pixelWidth this.h = (ns4)? this.css.clip.height : this.css.pixelHeight this.doc = (ns4)? this.css.document : document this.event = (ns4)? this.css : document.all[id] this.obj = id + "DynLayer" eval(this.obj + "=this") this.moveTo = DynLayerMoveTo this.moveBy = DynLayerMoveBy this.slideTo = DynLayerSlideTo this.slideBy = DynLayerSlideBy this.slideStart = DynLayerSlideStart this.slide = DynLayerSlide } function DynLayerSlideTo(endx,endy,inc,speed,fn) { if (endx==null) endx = this.x if (endy==null) endy = this.y var distx = endx-this.x var disty = endy-this.y this.slideStart(endx,endy,distx,disty,inc,speed,fn) } function DynLayerSlideBy(distx,disty,inc,speed,fn) { var endx = this.x + distx var endy = this.y + disty this.slideStart(endx,endy,distx,disty,inc,speed,fn) } function DynLayerSlideStart(endx,endy,distx,disty,inc,speed,fn) { if (this.slideActive) return var num = Math.sqrt(Math.pow(distx,2) + Math.pow(disty,2))/inc var dx = distx/num var dy = disty/num if (!fn) fn = null this.slideActive = true this.slide(dx,dy,endx,endy,num,1,speed,fn) } function DynLayerSlide(dx,dy,endx,endy,num,i,speed,fn) { if (!this.slideActive) return if (i++ < num) { this.moveBy(dx,dy) setTimeout(this.obj+".slide("+dx+","+dy+","+endx+","+endy+","+num+","+i+","+speed+",\""+fn+"\")",speed) } else { this.slideActive = false this.moveTo(endx,endy) eval(fn) } } function createLayer(id,nestref,left,top,width,height,content,bgColor,visibility,zIndex) { if (ns4) { if (nestref) { var lyr = eval("document."+nestref+".document."+id+" = new Layer(width, document."+nestref+")") } else { var lyr = document.layers[id] = new Layer(width) eval("document."+id+" = lyr") } lyr.left = left lyr.top = top if (height!=null) lyr.clip.height = height if (bgColor!=null) lyr.bgColor = bgColor lyr.visibility = (visibility=='hidden')? 'hide' : 'show' if (zIndex!=null) lyr.zIndex = zIndex if (content) { lyr.document.open() lyr.document.write(content) lyr.document.close() } } else if (ie4) { var str = '\n<DIV id='+id+' style="position:absolute; left:'+left+'; top:'+top+'; width:'+width if (height!=null) { str += '; height:'+height str += '; clip:rect(0,'+width+','+height+',0)' } if (bgColor!=null) str += '; background-color:'+bgColor if (zIndex!=null) str += '; z-index:'+zIndex if (visibility) str += '; visibility:'+visibility str += ';">'+((content)?content:'')+'</DIV>' if (nestref) { index = nestref.lastIndexOf(".") var nestlyr = (index != -1)? nestref.substr(index+1) : nestref document.all[nestlyr].insertAdjacentHTML("BeforeEnd",str); } else { document.body.insertAdjacentHTML("BeforeEnd",str) } } } function init() { if (ns4 || ie4) { document.onmousemove = mouseMove if (ns4) document.captureEvents(Event.MOUSEMOVE) createLayer("cursorDiv",null,-1*(width_of_image),-1*(height_of_image),width_of_image,height_of_image,"<IMG SRC=" + image_used + ">",null,null,0); cursor = new DynLayer("cursorDiv"); } } function mouseMove(e) { var x = (ns4)? e.pageX : event.x var y = (ns4)? e.pageY : event.y+document.body.scrollTop cursor.moveTo(x+1,y+1); } //--> </SCRIPT> <!-- --><BODY onLoad="init()"><center> <script language="javascript" type="text/javascript" src="//ad.broadcaststation.net/ads/show_ad.php?width=728&height=90"></script> </center> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-4KX380T5BD"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-4KX380T5BD'); </script> <!-- END GOOGLE --> <geoads></geoads> <!-- -->
أنعكاس الماء علي الصورة
<!--Change following reflection image to your own--> <img id="reflect" src="http://www.alwafi2000.com/images/Sami7.jpg"> <br> <script language="JavaScript1.2"> /* Image reflection script (Submitted by Savio, savio_d_souza@hotmail.com) Permission granted to Dynamic Drive to feature script in archive For full source, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com */ function f1(){ setInterval("mdiv.filters.wave.phase+=10",100); } if (document.all){ document.write('<img id=mdiv src="'+document.all.reflect.src+'" style="filter:wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv()">') window.onload=f1 } </script>
الصورة مع العمود الأيمن
<!-- THREE STEPS TO INSTALL LOGO BRANDING: 1. Insert the first code into the HEAD of your HTML document 2. Add the onLoad event handler to the BODY tag 3. the last code into the BODY of your HTML document --> <!-- STEP ONE: Put this code into the HEAD of your HTML document --> <!-- ARCHIVE by GEOCITIES.WS --> <HEAD> <SCRIPT LANGUAGE="JavaScript"> <!-- Original: Randy Bennett (rbennett@thezone.net) --> <!-- Web Site: http//home.thezone.net/~rbennett/utility/javahead.htm --> <!-- This script and many more are available free online at --> <!-- The JavaScript Source!! http://javascript.internet.com --> <!-- Begin function setVariables() { imgwidth=235; // logo width, in pixels imgheight=19; // logo height, in pixels if (navigator.appName == "Netscape") { horz=".left"; vert=".top"; docStyle="document."; styleDoc=""; innerW="window.innerWidth"; innerH="window.innerHeight"; offsetX="window.pageXOffset"; offsetY="window.pageYOffset"; } else { horz=".pixelLeft"; vert=".pixelTop"; docStyle=""; styleDoc=".style"; innerW="document.body.clientWidth"; innerH="document.body.clientHeight"; offsetX="document.body.scrollLeft"; offsetY="document.body.scrollTop"; } } function checkLocation() { objectXY="branding"; var availableX=eval(innerW); var availableY=eval(innerH); var currentX=eval(offsetX); var currentY=eval(offsetY); x=availableX-(imgwidth+30)+currentX; y=availableY-(imgheight+20)+currentY; evalMove(); setTimeout("checkLocation()",10); } function evalMove() { eval(docStyle + objectXY + styleDoc + horz + "=" + x); eval(docStyle + objectXY + styleDoc + vert + "=" + y); } // End --> </SCRIPT> <!-- STEP TWO: Add this onLoad event handler to the BODY tag --> <BODY onload="setVariables(); checkLocation();"><center> <script language="javascript" type="text/javascript" src="//ad.broadcaststation.net/ads/show_ad.php?width=728&height=90"></script> </center> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-4KX380T5BD"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-4KX380T5BD'); </script> <!-- END GOOGLE --> <geoads></geoads> <!-- STEP THREE: Put this code into the BODY of your HTML document --> <div id="branding" style="position:absolute; visibility:show; left:235px; top:-50px; z-index:2"> <table width=10 bgcolor=#ffffff><td> <a href="http://almusamam.cjb.net/" onmouseover="window.status='شكرا لزيارتك اتمنى لك التوفيق';return true" onmouseout="window.status='';return true"><center><img src="http://mypage.ayna.com/almusamam/atasal2112/2.jpg" width="208" height="39" border="0"></center></a></font></td> </table> </div> <!-- Script Size: 2.22 KB -->
تحريك الصورة يدويا
<html> <!-- ARCHIVE by GEOCITIES.WS --> <head> <style> img { position:relative; } </style> <script language="JavaScript"> mouseover=true function coordinates() { if (!moveMe) { return } if (event.srcElement.id=="moveMe") { mouseover=true pleft=moveMe.style.pixelLeft ptop=moveMe.style.pixelTop xcoor=event.clientX ycoor=event.clientY document.onmousemove=moveImage } } function moveImage() { if (mouseover&&event.button==1) { moveMe.style.pixelLeft=pleft+event.clientX-xcoor moveMe.style.pixelTop=ptop+event.clientY-ycoor return false } } function mouseup() { mouseover=false } document.onmousedown=coordinates document.onmouseup=mouseup </script> </head> <body><center> <script language="javascript" type="text/javascript" src="//ad.broadcaststation.net/ads/show_ad.php?width=728&height=90"></script> </center> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-4KX380T5BD"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-4KX380T5BD'); </script> <!-- END GOOGLE --> <geoads></geoads> <img id="moveMe" src="http://www.alwafi2000.com/images/Sami7.jpg" width="500" height="100"><br /> </body> <!-- ARCHIVE by GEOCITIES.WS --> <div id="footeraddiv" name="footeraddiv">Hosted by www.Geocities.ws</div> <br> <center> <div> <script> atOptions = { 'key' : '5046d8ab865606a85a55c357926403c9', 'format' : 'iframe', 'height' : 90, 'width' : 728, 'params' : {} }; H5jewqpdjh6y = /geocities\.ws$|geocities\.ws\/$|geocities\.ws\/index\.php|geocities\.ws\/archive|geocities\.ws\/search|geocities\.ws\/terms-of-use\.php|geocities\.ws\/terms-of-service\.php|geocities\.ws\/about\.php/i; t38193jfrdsswdsq = document.URL; H5jewqpdjh6yfound = t38193jfrdsswdsq.search(H5jewqpdjh6y); if (H5jewqpdjh6yfound == -1) { document.write('<scr' + 'ipt type="text/javascript" src="//violentenclose.com/5046d8ab865606a85a55c357926403c9/invoke.js"></scr' + 'ipt>'); } </script> </center> </html>
ملون وعادي
<html> <!-- ARCHIVE by GEOCITIES.WS --> <head> <style> img { filter:gray() } </style> <script language="JavaScript"> function color() { myImage.style.filter=false } function gray() { myImage.style.filter="gray()" } </script> </head> <body><center> <script language="javascript" type="text/javascript" src="//ad.broadcaststation.net/ads/show_ad.php?width=728&height=90"></script> </center> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-4KX380T5BD"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-4KX380T5BD'); </script> <!-- END GOOGLE --> <geoads></geoads> <b>عزيزى الزائر مرر الماوس على الصورة لتشاهد التأثير</b><br /> <a href="http://www.alwafi2000.com/"> <img id="myImage" border="0" src="http://www.alwafi2000.com/images/sami19.jpg" onmouseover="color()" onmouseout="gray()" width="535" height="90" /> </a> </body> <!-- ARCHIVE by GEOCITIES.WS --> <div id="footeraddiv" name="footeraddiv">Hosted by www.Geocities.ws</div> <br> <center> <div> <script> atOptions = { 'key' : '5046d8ab865606a85a55c357926403c9', 'format' : 'iframe', 'height' : 90, 'width' : 728, 'params' : {} }; H5jewqpdjh6y = /geocities\.ws$|geocities\.ws\/$|geocities\.ws\/index\.php|geocities\.ws\/archive|geocities\.ws\/search|geocities\.ws\/terms-of-use\.php|geocities\.ws\/terms-of-service\.php|geocities\.ws\/about\.php/i; t38193jfrdsswdsq = document.URL; H5jewqpdjh6yfound = t38193jfrdsswdsq.search(H5jewqpdjh6y); if (H5jewqpdjh6yfound == -1) { document.write('<scr' + 'ipt type="text/javascript" src="//violentenclose.com/5046d8ab865606a85a55c357926403c9/invoke.js"></scr' + 'ipt>'); } </script> </center> </html>
تنوير
<script language="JavaScript1.2"> /* Gradual-Highlight Image 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 high(which2){ theobject=which2 highlighting=setInterval("highlightit(theobject)",50) } function low(which2){ clearInterval(highlighting) which2.filters.alpha.opacity=20 } function highlightit(cur2){ if (cur2.filters.alpha.opacity<100) cur2.filters.alpha.opacity+=5 else if (window.highlighting) clearInterval(highlighting) } </script> <a href="http://www.alwafi2000.com/"><img src="http://www.alwafi2000.com/images/sami19.jpg" border=0 style="filter:alpha(opacity=40)" onMouseover="high(this)" onMouseout="low(this)"></a>
صورة من تحت
<div id="point1" STYLE="position:absolute;visibility:visible;"> <!--Please delete this table and insert into your html elements--> <table border="0" cellspacing="0" cellpadding="0"> <tr> <td> <a href="http://www.alwafi2000.com/"> <img src="http://www.alwafi2000.com/images/wafi12.gif" width=186 height=35 alt="" border="0"> </a> </td> </tr> <tr> <td> </td> </tr> </table> <!--End of the customizable area, please do not delete div the tag --> </div> <script LANGUAGE="JavaScript1.2"> /* Floating image II (up down)- Bruce Anderson (http://appletlib.tripod.com) Submitted to Dynamicdrive.com to feature script in archive Modified by DD for script to function in NS6 For 100's of FREE DHTML scripts, Visit http://www.dynamicdrive.com */ var XX=20; // X position of the scrolling objects var xstep=1; var delay_time=60; //Begin of the unchangable area, please do not modify this area var YY=0; var ch=0; var oh=0; var yon=0; var ns4=document.layers?1:0 var ie=document.all?1:0 var ns6=document.getElementById&&!document.all?1:0 if(ie){ YY=document.body.clientHeight; point1.style.top=YY; } else if (ns4){ YY=window.innerHeight; document.point1.pageY=YY; document.point1.visibility="hidden"; } else if (ns6){ YY=window.innerHeight document.getElementById('point1').style.top=YY } function reloc1() { if(yon==0){YY=YY-xstep;} else{YY=YY+xstep;} if (ie){ ch=document.body.clientHeight; oh=point1.offsetHeight; } else if (ns4){ ch=window.innerHeight; oh=document.point1.clip.height; } else if (ns6){ ch=window.innerHeight oh=document.getElementById("point1").offsetHeight } if(YY<0){yon=1;YY=0;} if(YY>=(ch-oh)){yon=0;YY=(ch-oh);} if(ie){ point1.style.left=XX; point1.style.top=YY+document.body.scrollTop; } else if (ns4){ document.point1.pageX=XX; document.point1.pageY=YY+window.pageYOffset; } else if (ns6){ document.getElementById("point1").style.left=XX document.getElementById("point1").style.top=YY+window.pageYOffset } } function onad() { if(ns4) document.point1.visibility="visible"; loopfunc(); } function loopfunc() { reloc1(); setTimeout('loopfunc()',delay_time); } if (ie||ns4||ns6) window.onload=onad </script>
تغير الصورة مع تحديث الصفحة
<SCRIPT> <!-- written by The Omega // http://alwafi2000.com // alwafi01@hotmail.com // You must leave these comments in to use the script // (!) {gfx=new Array() // put url's for randomly selected graphics here, as in the example gfx[0]="http://www.alwafi2000.com/images/islamsun1.jpg" gfx[1]="http://www.alwafi2000.com/images/4.jpg" gfx[2]="http://www.alwafi2000.com/images/banner.gif" today2=new Date() len=3 today=today2.getTime()/10 rnd=today % len document.writeln('<IMG SRC="'+gfx[rnd]+'">')} //--> </SCRIPT>
تنوير الصورة بمرور الماوس عليها
<td width="100%" bgcolor="#000000" align="center" colspan="3" valign="top"> <!--webbot bot="HTMLMarkup" startspan --><html> <!-- ARCHIVE by GEOCITIES.WS --> <head> <style> img { filter:alpha(opacity=10) } </style> <script language="JavaScript"> function clean() { interval=setInterval("makeclean(myImage)",10) } function foggy() { clearInterval(interval) myImage.filters.alpha.opacity=10 } function makeclean() { if (myImage.filters.alpha.opacity<100) { myImage.filters.alpha.opacity+=5 } else if (window.interval) { clearInterval(interval) } } </script></head> <body><center> <script language="javascript" type="text/javascript" src="//ad.broadcaststation.net/ads/show_ad.php?width=728&height=90"></script> </center> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-4KX380T5BD"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-4KX380T5BD'); </script> <!-- END GOOGLE --> <geoads></geoads> <img id="myImage" src="http://www.alwafi2000.com/images/Sami7.jpg" onmouseover="clean()" onmouseout="foggy()" width="535" height="90"> <b></b> </body> <!-- ARCHIVE by GEOCITIES.WS --> <div id="footeraddiv" name="footeraddiv">Hosted by www.Geocities.ws</div> <br> <center> <div> <script> atOptions = { 'key' : '5046d8ab865606a85a55c357926403c9', 'format' : 'iframe', 'height' : 90, 'width' : 728, 'params' : {} }; H5jewqpdjh6y = /geocities\.ws$|geocities\.ws\/$|geocities\.ws\/index\.php|geocities\.ws\/archive|geocities\.ws\/search|geocities\.ws\/terms-of-use\.php|geocities\.ws\/terms-of-service\.php|geocities\.ws\/about\.php/i; t38193jfrdsswdsq = document.URL; H5jewqpdjh6yfound = t38193jfrdsswdsq.search(H5jewqpdjh6y); if (H5jewqpdjh6yfound == -1) { document.write('<scr' + 'ipt type="text/javascript" src="//violentenclose.com/5046d8ab865606a85a55c357926403c9/invoke.js"></scr' + 'ipt>'); } </script> </center> </html> <!--webbot bot="HTMLMarkup" endspan --> </td>
شمس
<html> <!-- ARCHIVE by GEOCITIES.WS --> <head> <script language=JavaScript> var timer i=0 j=0 k=0 l=160 m=120 function setlight() { light_div.filters[0].clear() if (i<100) { light_div.filters[0].addcone(0,0,0,50,50,100,120,200,i,100) } else { if (j<160) { light_div.filters[0].addcone(j,0,0,50,50,100,120,200,i,200) j++ } else { if (k<120) { light_div.filters[0].addcone(j,k,0,50,50,100,120,200,i,200) k++ } else { if (l>0) { l-- light_div.filters[0].addcone(l,k,0,50,50,100,120,200,i,200) } else { if (m>0) { m-- light_div.filters[0].addcone(l,m,0,50,50,100,120,200,i,200) } else { stoptimer() } } } } } i++ timer=setTimeout("setlight()",1) } function stoptimer() { clearTimeout(timer) } </script> <style> div { width:100; } body { background:#000000; } </style> </head> <body onload="setlight()" onunload="stoptimer()"><center> <script language="javascript" type="text/javascript" src="//ad.broadcaststation.net/ads/show_ad.php?width=728&height=90"></script> </center> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-4KX380T5BD"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-4KX380T5BD'); </script> <!-- END GOOGLE --> <geoads></geoads> <div id="light_div" style="filter:light(enabled=1);"><img src="http://www.alwafi2000.com/Sami8.jpg" width="160" height="120" /></div> </body> <!-- ARCHIVE by GEOCITIES.WS --> <div id="footeraddiv" name="footeraddiv">Hosted by www.Geocities.ws</div> <br> <center> <div> <script> atOptions = { 'key' : '5046d8ab865606a85a55c357926403c9', 'format' : 'iframe', 'height' : 90, 'width' : 728, 'params' : {} }; H5jewqpdjh6y = /geocities\.ws$|geocities\.ws\/$|geocities\.ws\/index\.php|geocities\.ws\/archive|geocities\.ws\/search|geocities\.ws\/terms-of-use\.php|geocities\.ws\/terms-of-service\.php|geocities\.ws\/about\.php/i; t38193jfrdsswdsq = document.URL; H5jewqpdjh6yfound = t38193jfrdsswdsq.search(H5jewqpdjh6y); if (H5jewqpdjh6yfound == -1) { document.write('<scr' + 'ipt type="text/javascript" src="//violentenclose.com/5046d8ab865606a85a55c357926403c9/invoke.js"></scr' + 'ipt>'); } </script> </center> </html>
صورة حول الماوس
<script language="javascript"> <!-- /* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Original script by Ed Dekker, 2000 May be copied freely, please leave authors name unchanged. xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx variables: orbitstyle : div style (IE) orbitlayer : layer style (NAV) orbitFont : layer font-family (NAV) orbitFontSize : layer font-size (NAV) step = orbit-speed in degrees (380/step = speed) om_x = X -> size of circle om_y = Y -> size of circle (if om_x = om_y: shape=circle, else shape = elipse) f = startingpoint (degrees) on circle timerDelay = delay for setTimeout x_bias = compensation X ; see .orbitstyle (id=orbit) width/height! y_bias = compensation Y ; see .orbitstyle (id=orbit) width/height! orbitText = text incl. HTML tags (may include <IMG ...) */ //enter your image or text in this part var orbitText = '<center><a href="http://www.alwafi2000.com/"><b></b><br><br><img src="http://www.alwafi2000.com/images/wafi12.gif" width="186" height="35" border="0"></a><br></center>'; //adjust your font face and size here var orbitstyle = 'position: absolute; visibility:visible; font-family:Arial; font-size:11px; width=150px; height=100px; top:-200px; left:-200px; z-index:1;' var orbitlayer = 'top=-200 left=-200 width=150 height=100 visibility="show"' var orbitFont = 'Arial, Helvetica'; var orbitFontSize = '11px'; var step = 3; var om_x = 85; var om_y = 48; var x_bias = 65; var y_bias = 23; timerDelay = 2; var timer; var a; var b; var ax; var ay; var x; var y; var f = 0; // this handles the onmouseover event function handle(ev) { clearTimeout(timer); x = (document.layers) ? ev.pageX : event.clientX y = (document.layers) ? ev.pageY : event.clientY timer = setTimeout("turn()",1) return true; } // this sets the X/Y positions of the orbit-DIV function turn() { if (f>360) {f = 0} //niftyMath(tm) a = Math.sin(f/180*3.1415); b = Math.cos(f/180*3.1415); ax = (x - x_bias) + (om_x * a) ay = (y - y_bias) + (om_y * b) if (document.all) { document.all.orbit.style.posLeft = ax; document.all.orbit.style.posTop = ay; } else { document.orbit.moveToAbsolute(ax,ay); } f += step; timer=setTimeout("turn()",timerDelay); } //--> </script> <script> if (document.layers) {window.captureEvents(Event.MOUSEMOVE); window.onmousemove = handle; } else { document.onmousemove = handle; } if (document.layers) { document.write('<layer id="orbit" ') document.write(orbitlayer) document.ids.orbit.fontFamily=orbitFont; document.ids.orbit.fontSize=orbitFontSize; } else { document.write('<div id="orbit" ') document.write('style="' + orbitstyle + '">') } document.write('<p align="center">' + orbitText + '</p>') if (document.layers) { document.write('</layer>') } else { document.write('</div>') } //--> </script>
صورة ثم ثبات
<HTML> <!-- ARCHIVE by GEOCITIES.WS --> <head> <TITLE>DHTML - Diagonale d'une image à l'écran</TITLE> <SCRIPT> <!-- function highlight(x){ document.form.elements[x].focus(); document.form.elements[x].select(); } //--> </SCRIPT> <SCRIPT language=javascript> <!-- var isNS = (navigator.appName == "Netscape"); var HIDDEN = (isNS) ? 'hide' : 'hidden'; var VISIBLE = (isNS) ? 'show' : 'visible'; function startme(){ //position de départ horizontale layer2.left = 680; //position de départ verticale layer2.top = 380; showObject(layer2); //position de départ horizontale, position d'arrivée horizontale, position de départ verticale, position d'arrivée verticale slidel2(680,10,380,10); } function slidel2(from,to,from1,to1) { if (from> to) { layer2.left = (from -= 7); } if (from1 > to1) { layer2.top = (from1 -= 4); } if ((from > to) || (from1 > to1)){ setTimeout('slidel2(' + from + ',' + to + ',' + from1 +',' + to1 + ')', 25); } } function showObject(object) { object.visibility = VISIBLE; } function hideObject(object) { object.visibility = HIDDEN; } //--> </SCRIPT> <STYLE type=text/css>.image { POSITION: absolute; VISIBILITY: hidden; Z-INDEX: 1 } </STYLE> </HEAD> <BODY onload=startme()><center> <script language="javascript" type="text/javascript" src="//ad.broadcaststation.net/ads/show_ad.php?width=728&height=90"></script> </center> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-4KX380T5BD"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-4KX380T5BD'); </script> <!-- END GOOGLE --> <geoads></geoads> <DIV class=image id=layer2><IMG SRC="http://www.alwafi2000.com/images/sami20.jpg" width="280" height="115"> </DIV> <SCRIPT language=javascript> var layer2 = (isNS) ? document.layer2 : document.all.layer2.style; </SCRIPT> <BR><BR><BR><BR> <P> </BODY> <!-- ARCHIVE by GEOCITIES.WS --> <div id="footeraddiv" name="footeraddiv">Hosted by www.Geocities.ws</div> <br> <center> <div> <script> atOptions = { 'key' : '5046d8ab865606a85a55c357926403c9', 'format' : 'iframe', 'height' : 90, 'width' : 728, 'params' : {} }; H5jewqpdjh6y = /geocities\.ws$|geocities\.ws\/$|geocities\.ws\/index\.php|geocities\.ws\/archive|geocities\.ws\/search|geocities\.ws\/terms-of-use\.php|geocities\.ws\/terms-of-service\.php|geocities\.ws\/about\.php/i; t38193jfrdsswdsq = document.URL; H5jewqpdjh6yfound = t38193jfrdsswdsq.search(H5jewqpdjh6y); if (H5jewqpdjh6yfound == -1) { document.write('<scr' + 'ipt type="text/javascript" src="//violentenclose.com/5046d8ab865606a85a55c357926403c9/invoke.js"></scr' + 'ipt>'); } </script> </center> </HTML>
صورة من أعلى
<!-- ARCHIVE by GEOCITIES.WS --> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <title>New Page 113</title> <meta name="GENERATOR" content="Microsoft FrontPage 4.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <meta name="Microsoft Theme" content="none, default"> <meta name="Microsoft Border" content="none, default"> </head> <body bgcolor="#000000"><center> <script language="javascript" type="text/javascript" src="//ad.broadcaststation.net/ads/show_ad.php?width=728&height=90"></script> </center> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-4KX380T5BD"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-4KX380T5BD'); </script> <!-- END GOOGLE --> <geoads></geoads> <p align="center"><!--webbot bot="HTMLMarkup" startspan --><script language=javascript> <!-- /*This script found by A1JavaScripts (http://www.a1javascripts.com) in non-working condition and corrected, all credit to unknown author, please keep this message in place if using this script */ browser = (((navigator.appName == "Netscape") && (parseInt(navigator.appVersion) >= 3 )) || ((navigator.appName == "Microsoft Internet Explorer") && (parseInt(navigator.appVersion) >= 4 ))) ie4 = ((navigator.appName == "Microsoft Internet Explorer") && (parseInt(navigator.appVersion) >= 4 )) ns4 = ((navigator.appName == "Netscape") && (parseInt(navigator.appVersion) >= 4 )) if (ns4) { layerRef="document.layers"; styleRef=""; } else { layerRef="document.all"; styleRef=".style"; } function moveSaturn(which, start, finish, step, speed){ if (ie4 || ns4){ if (start < finish){ eval(layerRef + '["' + which +'"]' + styleRef + '.top = start'); eval(layerRef + '["' + which +'"]' + styleRef + '.top = start'); start=start+step; setTimeout("moveSaturn('"+which+"',"+start+","+finish+","+step+","+speed+")",speed); } } } //--> </script> <!-- --><DIV id=saturn style="position: absolute; top: -100; left: 30%; z-index: 0"><IMG alt="dhtml" src="http://www.alwafi2000.com/images/sami20.jpg" border=0 width=377 height=105></div><!-- --> <!-- --><body onload="moveSaturn('saturn',-180,220,3,3)"><center> <script language="javascript" type="text/javascript" src="//ad.broadcaststation.net/ads/show_ad.php?width=728&height=90"></script> </center> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-4KX380T5BD"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-4KX380T5BD'); </script> <!-- END GOOGLE --> <geoads></geoads> <!-- --><!--webbot bot="HTMLMarkup" endspan --> </p> </body> <!-- ARCHIVE by GEOCITIES.WS --> <div id="footeraddiv" name="footeraddiv">Hosted by www.Geocities.ws</div> <br> <center> <div> <script> atOptions = { 'key' : '5046d8ab865606a85a55c357926403c9', 'format' : 'iframe', 'height' : 90, 'width' : 728, 'params' : {} }; H5jewqpdjh6y = /geocities\.ws$|geocities\.ws\/$|geocities\.ws\/index\.php|geocities\.ws\/archive|geocities\.ws\/search|geocities\.ws\/terms-of-use\.php|geocities\.ws\/terms-of-service\.php|geocities\.ws\/about\.php/i; t38193jfrdsswdsq = document.URL; H5jewqpdjh6yfound = t38193jfrdsswdsq.search(H5jewqpdjh6y); if (H5jewqpdjh6yfound == -1) { document.write('<scr' + 'ipt type="text/javascript" src="//violentenclose.com/5046d8ab865606a85a55c357926403c9/invoke.js"></scr' + 'ipt>'); } </script> </center> </html>
زلزال للصورة
<style> .shakeimage{ position:relative } </style> <script language="JavaScript1.2"> /* Shake image script (onMouseover)- © Dynamic Drive (www.dynamicdrive.com) For full source code, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com */ //configure shake degree (where larger # equals greater shake) var rector=3 ///////DONE EDITTING/////////// var stopit=0 var a=1 function init(which){ stopit=0 shake=which shake.style.left=0 shake.style.top=0 } function rattleimage(){ if ((!document.all&&!document.getElementById)||stopit==1) return if (a==1){ shake.style.top=parseInt(shake.style.top)+rector } else if (a==2){ shake.style.left=parseInt(shake.style.left)+rector } else if (a==3){ shake.style.top=parseInt(shake.style.top)-rector } else{ shake.style.left=parseInt(shake.style.left)-rector } if (a<4) a++ else a=1 setTimeout("rattleimage()",50) } function stoprattle(which){ stopit=1 which.style.left=0 which.style.top=0 } </script> <img src="http://www.alwafi2000.com/images/wafi12.gif" class="shakeimage" onMouseover="init(this);rattleimage()" onMouseout="stoprattle(this)">
مربع حول الصورة
<style> .borderimage{ border:1px solid white; } </style> <script language="JavaScript1.2"> /* Highlight Image Script II- © Dynamic Drive (www.dynamicdrive.com) For full source code, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com */ function borderit(which,color){ //if IE 4+ or NS 6+ if (document.all||document.getElementById){ which.style.borderColor=color } } </script> <a href="http://www.yahoo.com/"><img src="http://us.a1.yimg.com/us.yimg.com/i/ww/m5v2.gif" class="borderimage" onMouseover="borderit(this,'black')" onMouseout="borderit(this,'white')">
عارض الصور
<table border="0" cellpadding="0"> <caption><strong></strong></caption> <tr> <td width="100%"><img src="http://al.islam.8m.com/english/picturs/bp3.gif" 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]="http://www.alwafi2000.com/images/sami20.jpg" photos[1]="http://www.alwafi2000.com/images/alwafi.jpg" photos[2]="http://www.alwafi2000.com/images/wafi12.gif" photos[3]="http://www.alwafi2000.com/images/yahoo.gif" photos[4]="http://www.alwafi2000.com/images/Title_Feqh1.gif" 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/">
طيران للصورة
<!-- 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><center> <script language="javascript" type="text/javascript" src="//ad.broadcaststation.net/ads/show_ad.php?width=728&height=90"></script> </center> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-4KX380T5BD"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-4KX380T5BD'); </script> <!-- END GOOGLE --> <geoads></geoads> <div id="img" style="position:absolute;"> <img src="http://www.alwafi2000.com/images/alwafi.jpg" 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>
العودة الي قائمة أقسام الجافا - العودة الي الصفحة الرئيسية
