اصحاب وبس
عزيزي الزائر/ عزيزتي الزائره ندعو التسجيل في المنتدي ان لم تكن عضو معنا
او تسجيل الدخول اذا كنت عضو معنا ص32
سجل لحسن اضربك ص30 ص1
ههههه طبعا بهزر

ص11 ص36

اصحاب وبس

منتديات اصحاب وبس
 
الرئيسيةاليوميةس .و .جبحـثالأعضاءالمجموعاتدخولالتسجيلالتسجيلدردشه اصحاب وبس المجله

شاطر | 
 

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

اذهب الى الأسفل 
كاتب الموضوعرسالة
Admin
صاحب المنتدي
صاحب المنتدي
avatar

المساهمات : 110
تاريخ التسجيل : 05/08/2012

مُساهمةموضوع: دوائر جميلة حول مؤشر الماوس طريقة التركيب 1- انسخ هذا الكود و ضعه في منطقة HEAD   الثلاثاء أغسطس 21, 2012 3:44 am


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

1- انسخ هذا الكود و ضعه في منطقة HEAD
الكود:
 
<style TYPE="text/css">
<!--
#a0 {position:absolute; left:-24; top:-24; width:9; height:25;clip:rect(0 9 9 0);z-index:2000;}
#a1 {position:absolute; left:96; top:-24; width:9; height:25;clip:rect(0 9 9 0);z-index:2000;}
#a2 {position:absolute; left:216; top:-24; width:9; height:25;clip:rect(0 9 9 0);z-index:2000;}
#a3 {position:absolute; left:338; top:-24; width:9; height:25;clip:rect(0 9 9 0);z-index:2000;}
#a4 {position:absolute; left:460; top:-24; width:9; height:25;clip:rect(0 9 9 0);z-index:2000;}
#a5 {position:absolute; left:640; top:-24; width:9; height:25;clip:rect(0 9 9 0);z-index:2000;}
#a6 {position:absolute; left:-24; top:-24; width:9; height:25;clip:rect(0 9 9 0);z-index:2000;}
#a7 {position:absolute; left:200; top:-24; width:9; height:25;clip:rect(0 9 9 0);z-index:2000;}
#a8 {position:absolute; left:300; top:-24; width:9; height:25;clip:rect(0 9 9 0);z-index:2000;}
#a9 {position:absolute; left:600; top:-24; width:9; height:25;clip:rect(0 9 9 0);z-index:2000;}

// -->
</style>
- غير ضمن الوسم BODY ليصبح مثل هذا
الكود:
 <BODY onLoad="startthedots()">
- ضع هذا الكود بعد الوسم BODY
الكود:

  <script LANGUAGE="JavaScript">

/*
Swirling cursor trail (By Ozone, http://ozone.com)
Featured on JavaScript Kit free JavaScripts with bug fix for IE (http://javascriptkit.com)
Visit our site at http://www.star28.com/ for more code
*/

window.onerror=null;
netscape = (document.layers) ? 1:0;
goodIE = (document.all) ? 1:0;
document.onmousemove=MoveHandler;
var gotthere = 0;
var count = 0;
var ietopcorner=''
var ieleftcorner=''

    toplocation = new Array( 0,30,57,80,101,125,80,80,101,125,80,0 );
temptoplocation = new Array( 50,100,100,150,150,200,200,100,150,150,200,200,0 );
    leftlocation = new Array( 0,292,318,181,181,217,263,318,181,181,217,263,-96 );
templeftlocation = new Array( 0,0,260,390,420,550,680,390,420,550,680,0 );
difftop = new Array( 0,0,0,0,0,0,0,0,0,0,0,0 );
diffleft = new Array( 0,0,0,0,0,0,0,0,0,0,0,0 );
questtop = -13;
questleft2 = -96;
if (netscape) {
  document.body=new Object()
  document.body.scrollTop=''
  document.body.scrollLeft=''
  window.captureEvents(Event.MOUSEMOVE);
  window.onMouseMove = MoveHandler;
  var layerstart = "document.";
  var layerleft = ".left";
  var layertop = ".top";
  var layerstyle = "";
  var windowWidth = window.innerWidth;
  var windowHeight = window.innerHeight;  }
else if (goodIE) {
  ietopcorner=document.body.scrollTop
  ieleftcorner=document.body.scrollLeft
  layerstart = "document.all.";
  layerleft = ".left";
  layertop = ".top";
  layerstyle = ".style";
  windowWidth=600;
  windowHeight=400; }
// end error trapping
  var Ypos2 = 72;
  var Xpos2 = 72;
function MoveHandler(e) {
if (netscape || goodIE) {
  Xpos2 = (netscape)?e.pageX:event.x
  Ypos2 = (netscape)?e.pageY:event.y
Xorigin = Xpos2;
Yorigin = Ypos2;
if (Ypos2 > windowHeight/2) {
if (Xpos2 > windowWidth/2) { direction = 1;}
else { direction = -1;} }
else {
if (Xpos2 > windowWidth/2) { direction = -1;}
else { direction = 1;} }
}}

function startthedots() {
if (goodIE) {
windowWidth=document.body.clientWidth;
windowHeight=document.body.clientHeight; }
Xorigin = 204;
Yorigin = 147;
spin();run(); }

var OrbitSize = 200;
count=1; delay=100; direction = -1;
Count = new Array ( 0, .63, 1.26, 1.89, 2.52, 3.15, 3.78, 4.41, 5.04, 5.67 );
Xpoint = new Array ( 0, .63, 1.26, 1.89, 2.52, 3.15, 3.78, 4.41, 5.04, 5.67 );
Ypoint = new Array ( 0, .63, 1.26, 1.89, 2.52, 3.15, 3.78, 4.41, 5.04, 5.67 );
var speed = -0.06;
var offset = 1;

  function spin() {
for ( j = 0 ; j <= 9 ; j++ ) {
Count[j] = Count[j] + (speed*direction);   
   Xpoint[j] = Xorigin + ((OrbitSize*Math.sin(Count[j])*offset));   
   Ypoint[j] = Yorigin + (OrbitSize*Math.cos(Count[j])); }
setTimeout('spin()',3); }

function run() {
  count++;
  for ( j = 0 ; j <= 9 ; j++ ) {
difftop[j]  = Ypoint[j] -  temptoplocation[j];
diffleft[j] = Xpoint[j] - templeftlocation[j];
diff = 30;
temptoplocation[j] = temptoplocation[j] + difftop[j]/diff;
templeftlocation[j] = templeftlocation[j] + diffleft[j]/diff;
  eval(layerstart+"a"+j+layerstyle+layerleft+" = document.body.scrollLeft+templeftlocation["+j+"]");
  eval(layerstart+"a"+j+layerstyle+layertop+" = document.body.scrollTop+temptoplocation["+j+"]"); }
setTimeout('run()', 25) }

badIE = 0;
browserName = navigator.appName.substring(0,8);
browserVer = parseFloat(navigator.appVersion);
macintosh = navigator.userAgent.indexOf("Mac");
if (browserName == "Microsof") {
if (macintosh != -1) { badIE = 1; }
if (browserVer < 4) { badIE = 1; }
 }

</script>



<div ID="a0" align="center"><img src="swirl.gif" height="9" width="9"></div>
<div ID="a1" align="center"><img src="swirl.gif" height="9" width="9"></div>
<div ID="a2" align="center"><img src="swirl.gif" height="9" width="9"></div>
<div ID="a3" align="center"><img src="swirl.gif" height="9" width="9"></div>
<div ID="a4" align="center"><img src="swirl.gif" height="9" width="9"></div>
<div ID="a5" align="center"><img src="swirl.gif" height="9" width="9"></div>
<div ID="a6" align="center"><img src="swirl.gif" height="9" width="9"></div>
<div ID="a7" align="center"><img src="swirl.gif" height="9" width="9"></div>
<div ID="a8" align="center"><img src="swirl.gif" height="9" width="9"></div>
<div ID="a9" align="center"><img src="swirl.gif" height="9" width="9"></div>
4-- اضغط على صورة الدائرة الصغيرة باليمين ثم حفظ باسم و ارفعها الى مجلد صفحة السكربت
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://friendeg.a7larab.net
 
دوائر جميلة حول مؤشر الماوس طريقة التركيب 1- انسخ هذا الكود و ضعه في منطقة HEAD
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» اين مكان منطقة HEAD و منطقة BODY في التومبلات

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
اصحاب وبس :: قسم الاكواد :: اكواد ال html-
انتقل الى: