هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.



 
الرئيسيةأحدث الصورالتسجيلدخول

حفظ البيانات؟
  • الرئيسية
  • قامة الاعضاء
  • تسجيل
  • القوانين العامة
  • اتصل بنا
  • علبةالدردشة
  • للتسجيل اضغط هـنـا


    انت تتصفح منتدى التصميم والابداع

    أهلا وسهلا بك زائرنا الكريم، إذا كانت هذه زيارتك الأولى للمنتدى، فيرجى التكرم بزيارة صفحة التعليمـــات، بالضغط هنا. كما يشرفنا أن تقوم بالتسجيل بالضغط هنا إذا رغبت بالمشاركة في المنتدى، أما إذا رغبت بقراءة المواضيع والإطلاع فتفضل بزيارة القسم الذي ترغب أدناه

    المواضيع الأخيرة
    » خلفيات الفوتوشوب رائعة جدا
    مجموعة اكواد  لمؤثرات الماوس Emptyمن طرف سام الزيادي الجمعة يونيو 13, 2014 12:15 pm

    » كود راديو مزيكا اف ام
    مجموعة اكواد  لمؤثرات الماوس Emptyمن طرف moonman الجمعة مارس 28, 2014 2:03 pm

    » طلب رمزية ل الماسة الوردية
    مجموعة اكواد  لمؤثرات الماوس Emptyمن طرف الرسام الإثنين نوفمبر 04, 2013 2:36 pm

    » طلب رمزية ل الادارة كريم
    مجموعة اكواد  لمؤثرات الماوس Emptyمن طرف الرسام الإثنين نوفمبر 04, 2013 2:25 pm

    » طلب رمزية للاخ Basheer Othman
    مجموعة اكواد  لمؤثرات الماوس Emptyمن طرف الرسام الإثنين نوفمبر 04, 2013 2:19 pm

    » طلب رمزية ل شفيقربابعة
    مجموعة اكواد  لمؤثرات الماوس Emptyمن طرف AmEr-Dz الأحد نوفمبر 03, 2013 10:00 pm

    » طلب رمزية لل شبح المنتديات
    مجموعة اكواد  لمؤثرات الماوس Emptyمن طرف AmEr-Dz الأحد نوفمبر 03, 2013 9:58 pm

    » طلب رمزية لل د. شفيق ربابعة
    مجموعة اكواد  لمؤثرات الماوس Emptyمن طرف AmEr-Dz الأحد نوفمبر 03, 2013 9:57 pm

    » طلب رمزية ل M.R DESIGN
    مجموعة اكواد  لمؤثرات الماوس Emptyمن طرف AmEr-Dz الأحد نوفمبر 03, 2013 9:56 pm

    » طلب رمزية لل سعيد
    مجموعة اكواد  لمؤثرات الماوس Emptyمن طرف AmEr-Dz الأحد نوفمبر 03, 2013 9:54 pm



     

     مجموعة اكواد لمؤثرات الماوس

    اذهب الى الأسفل 
    كاتب الموضوعرسالة
    الرسام
    Admin
    الرسام


    عدد المساهمات : 262
    تاريخ التسجيل : 11/10/2013

    مجموعة اكواد  لمؤثرات الماوس Empty
    مُساهمةموضوع: مجموعة اكواد لمؤثرات الماوس   مجموعة اكواد  لمؤثرات الماوس Emptyالثلاثاء أكتوبر 15, 2013 1:23 pm

    ألوان تتبع الماوس







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

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

    الكود:
      <style type="text/css">
    <!--
    #a { position: absolute; top: 10px; left: 10px; visibility: visible }
    #b { position: absolute; top: 10px; left: 10px; visibility: visible }
    #c { position: absolute; top: 10px; left: 10px; visibility: visible }
    #d { position: absolute; top: 10px; left: 10px; visibility: visible }
    #e { position: absolute; top: 10px; left: 10px; visibility: visible }
    #f { position: absolute; top: 10px; left: 10px; visibility: visible }
    #g { position: absolute; top: 10px; left: 10px; visibility: visible }
     -->
    </style>
    2- انسخ هذه الأكواد و ضعها بعد BODY

    الكود:
    <layer name="a0" left="10" top="10" visibility="show" bgcolor="#ff0000" clip="0,0,2,2"></layer>
    <layer name="a1" left="10" top="10" visibility="show" bgcolor="#ff8000" clip="0,0,2,2"></layer>
    <layer name="a2" left="10" top="10" visibility="show" bgcolor="#ffff00" clip="0,0,2,2"></layer>
    <layer name="a3" left="10" top="10" visibility="show" bgcolor="#00ff00" clip="0,0,2,2"></layer>
    <layer name="a4" left="10" top="10" visibility="show" bgcolor="#0000ff" clip="0,0,2,2"></layer>
    <layer name="a5" left="10" top="10" visibility="show" bgcolor="#ff00ff" clip="0,0,2,2"></layer>
    <layer name="a6" left="10" top="10" visibility="show" bgcolor="#ffffff" clip="0,0,2,2"></layer>

    <div id="starsDiv" style="position:absolute;top:0px;left:0px">
    <div style="position:relative;width:2px;height:2px;background:#ffffff;font-size:1px;visibility:visible"></div>
    <div style="position:relative;width:2px;height:2px;background:#ffff00;font-size:1px;visibility:visible"></div>
    <div style="position:relative;width:2px;height:2px;background:#ffa000;font-size:1px;visibility:visible"></div>
    <div style="position:relative;width:2px;height:2px;background:#ff0000;font-size:1px;visibility:visible"></div>
    <div style="position:relative;width:2px;height:2px;background:#00ff00;font-size:1px;visibility:visible"></div>
    <div style="position:relative;width:2px;height:2px;background:#0000ff;font-size:1px;visibility:visible"></div>
    <div style="position:relative;width:2px;height:2px;background:#FF00FF;font-size:1px;visibility:visible"></div>
    </div>

    <script language="JavaScript">

    <!--  Begin
    // Original:  freeware.de
    // Web Site:  http://freeware.de
    // MSIE Fix by:  Kurt Grigg (kurt.grigg@virgin.net)
    /* Visit our site at http://www.star28.com/ for more code
    * This notice must stay intact for use */

    function MoveHandler(){
    Xpos = document.body.scrollLeft + event.x;
    Ypos = document.body.scrollTop + event.y;
    }

    function xMoveHandler(evnt) {
    Xpos = evnt.pageX;
    Ypos = evnt.pageY;
    }

    if (document.layers) {
    window.captureEvents(Event.MOUSEMOVE);
    }
    var yBase = 200;
    var xBase = 200;
    var yAmpl = 10;
    var yMax = 40;
    var step = .2;
    var ystep = .5;
    var currStep = 0;
    var tAmpl=1;
    var Xpos = 1;
    var Ypos = 1;
    var i = 0;
    var j = 0;
    if (document.all) {
    document.onmousemove = MoveHandler;
    }
    else if (document.layers) {
    window.onMouseMove = xMoveHandler;
    }
    function animateLogo() {
    if (document.all) {
    yBase = window.document.body.offsetHeight / 4;
    xBase = window.document.body.offsetWidth / 4;
    }
    else if (document.layers) {
    yBase = window.innerHeight / 4;
    xBase = window.innerWidth / 4;
    }
    if (document.all) {
    for (i = 0 ; i < starsDiv.all.length; i++) {
    starsDiv.all[i].style.top = Ypos + Math.cos((20*Math.sin(currStep/20))+i*70)*yBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + i*25)/10);
    starsDiv.all[i].style.left = Xpos + Math.sin((20*Math.sin(currStep/20))+i*70)*xBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + i*25)/10);
      }
    }
    else if (document.layers) {
    for (j = 0; j < 7; j++) { //7 is number of NS layers!
    var templayer="a" + j;
    document.layers[templayer].top = Ypos + Math.cos((20*Math.sin(currStep/20))+j*70)*yBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + j*25)/10);
    document.layers[templayer].left =Xpos + Math.sin((20*Math.sin(currStep/20))+j*70)*xBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + j*25)/10);
      }
    }
    currStep += step;
    setTimeout("animateLogo()", 10);
    }
    animateLogo();
    // End -->
    </script>
    ألوان تتبع الماوس 2

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

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


    الكود:
    <!-- Original:  Kurt Grigg (kurt.grigg@virgin.net)) -->
    <!-- Web Site:  http://website.lineone.net/~kurt.grigg/javascript -->

    <!-- This script and many more are available free online at -->
    <!-- The JavaScript Source!! http://javascript.internet.com -->

    <script language="JavaScript">
    /* Visit our site at http://www.star28.com/ for more code
    * This notice must stay intact for use */
    <!-- Begin
    function nMouse(evnt){
    Ypos = evnt.pageY;
    Xpos = evnt.pageX;
    }

    function iMouse() {
    Ypos = event.y+document.body.scrollTop;
    Xpos = event.x+document.body.scrollLeft;
    }

    function Comet() {
    var yBase = (document.layers)?window.innerHeight/4:window.document.body.clientHeight/4;
    var xBase = (document.layers)?window.innerWidth/4:window.document.body.clientWidth/4;
    for (i = 0; i < 14; i++){
    var randCol = Math.round(Math.random()*8);
    var layer = (document.layers)?document.layers['n'+i]:me[i].style;
    layer.top =Ypos + yBase*Math.cos((currStep+i*4)/12)*Math.cos(0.7+currStep/200);
    layer.left = Xpos + xBase*Math.sin((currStep+i*3)/10)*Math.sin(8.2+currStep/400);
    if (ns) layer.bgColor = Clrs[randCol];
    else
    layer.background = Clrs[randCol];
    }
    currStep += step;
    setTimeout("Comet()",10);
    }

    ns = (document.layers)?1:0;
    Clrs = new Array('ff0000','00ff00','ffffff','ff00ff','ffa500','ffff00','00ff00','ffffff','ff00ff');
    yBase = 0;
    xBase = 0;
    step = 3;
    currStep = 0;
    Ypos = 0;
    Xpos = 0;
    if (ns){
    for (i = 0; i < 14; i++)
    document.write('<LAYER NAME="n'+i+'" LEFT=0 TOP=0 CLIP="0,0,'+i/4+','+i/4+'"></LAYER>');
    window.captureEvents(Event.MOUSEMOVE); 
    window.onMouseMove = nMouse;
    }
    else{
    document.write('<div style="position:absolute;top:0;left:0"><div style="position:relative">');
    for (i=0; i < 14; i++)
    {document.write('<div id="me" style="position:absolute;top:0;left:0;width:'+i/4+';height:'+i/4+';font-size:'+i/4+'"></div>');}
    document.write('</div></div>');
    document.onmousemove = iMouse;
    }
    window.onload = Comet;
    //  End -->
    </script>
    كلام يتبع الماوس

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

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


    الكود:
    <style>
    .spanstyle {
       position:absolute;
       visibility:visible;
       top:-50px;
       font-size:10pt;
       font-family:Verdana;
          font-weight:bold;
       color:black;
    }
    </style>
    <script>

    /* Visit our site at http://www.star28.com/ for more code
    * This notice must stay intact for use */

    var x,y
    var step=20
    var flag=0

    // Your snappy message. Important: the space at the end of the sentence!!!
    var message="Welcome!!!"
    message=message.split("")

    var xpos=new Array()
    for (i=0;i<=message.length-1;i++) {
       xpos[i]=-50
    }

    var ypos=new Array()
    for (i=0;i<=message.length-1;i++) {
       ypos[i]=-50
    }

    function handlerMM(e){
       x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX
       y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY
       flag=1
    }

    function makesnake() {
       if (flag==1 && document.all) {
           for (i=message.length-1; i>=1; i--) {
               xpos[i]=xpos[i-1]+step
             ypos[i]=ypos[i-1]
           }
          xpos[0]=x+step
          ypos[0]=y
       
          for (i=0; i<message.length-1; i++) {
              var thisspan = eval("span"+(i)+".style")
              thisspan.posLeft=xpos[i]
             thisspan.posTop=ypos[i]
           }
       }
       
       else if (flag==1 && document.layers) {
           for (i=message.length-1; i>=1; i--) {
               xpos[i]=xpos[i-1]+step
             ypos[i]=ypos[i-1]
           }
          xpos[0]=x+step
          ypos[0]=y
       
          for (i=0; i<message.length-1; i++) {
              var thisspan = eval("document.span"+i)
              thisspan.left=xpos[i]
             thisspan.top=ypos[i]
           }
       }
          var timer=setTimeout("makesnake()",30)
    }

    </script>

    <script>
    <!-- Beginning of JavaScript -

    for (i=0;i<=message.length-1;i++) {
        document.write("<span id='span"+i+"' class='spanstyle'>")
       document.write(message[i])
        document.write("</span>")
    }

    if (document.layers){
       document.captureEvents(Event.MOUSEMOVE);
    }
    document.onmousemove = handlerMM;

    // - End of JavaScript - -->
    </script>
    2- ضع هذه الرموز ضمن الوسم BODY لتصبح هكذا


    الكود:
     <BODY onLoad="makesnake()" style="width:100%;overflow-x:hidden;overflow-y:scroll">

    كلام يتبع الماوس 2

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

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


    الكود:
    <SCRIPT language="JavaScript1.2">
    <!--

    /* Visit our site at http://www.star28.com/ for more code
    Cursor scroller script- By Dynamicdrive.com
    For full source, Terms of service, and 100s DTHML scripts
    */

    //1) set message to display
    var scroller_msg='مرحباً بكم في دليل العرب الشامل'
    //2) set whether message should auto disappear after x seconds (0=perpetual).
    //Note that double clicking page will also dismiss message
    var dismissafter=0

    function ietruebody(){
    return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
    }

    var initialvisible=0
    if (document.all)
    document.write('<marquee direction="right" id="curscroll" style="position:absolute;width:150px;border:1px solid black;font-size:14px;background-color:white;visibility:hidden">'+scroller_msg+'</marquee>')

    function followcursor(){
    //move cursor function for IE

    if (initialvisible==0){
    curscroll.style.visibility="visible"
    initialvisible=1
    }

    curscroll.style.left=ietruebody().scrollLeft+event.clientX+10
    curscroll.style.top=ietruebody().scrollTop+event.clientY+10
    }

    function dismissmessage(){
    curscroll.style.visibility="hidden"
    }


    if (document.all){
    document.onmousemove=followcursor
    document.ondblclick=dismissmessage
    if (dismissafter!=0)
    setTimeout("dismissmessage()",dismissafter*1000)
    }

    //-->
     </SCRIPT>
    2- ضع هذه الرموز ضمن الوسم BODY لتصبح هكذ


    الكود:
    <body style="width:100%;overflow-x:hidden;overflow-y:scroll">

    نقاط ملونة حول مؤشر الماوس


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

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


    الكود:
     
      <LAYER NAME="a0" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ffffff" CLIP="0,0,1,1"></LAYER>
    <LAYER NAME="a1" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#fff000" CLIP="0,0,1,1"></LAYER>
    <LAYER NAME="a2" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ffa000" CLIP="0,0,1,1"></LAYER>
    <LAYER NAME="a3" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ff00ff" CLIP="0,0,1,1"></LAYER>
    <LAYER NAME="a4" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#00ff00" CLIP="0,0,1,1"></LAYER>
    <LAYER NAME="a5" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FF00FF" CLIP="0,0,1,1"></LAYER>
    <LAYER NAME="a6" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FF0000" CLIP="0,0,1,1"></LAYER>
    <LAYER NAME="a7" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ffffff" CLIP="0,0,2,2"></LAYER>
    <LAYER NAME="a8" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#fff000" CLIP="0,0,2,2"></LAYER>
    <LAYER NAME="a9" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ffa000" CLIP="0,0,2,2"></LAYER>
    <LAYER NAME="a10" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ff00ff" CLIP="0,0,2,2"></LAYER>
    <LAYER NAME="a11" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#00ff00" CLIP="0,0,2,2"></LAYER>
    <LAYER NAME="a12" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#0000ff" CLIP="0,0,2,2"></LAYER>
    <LAYER NAME="a13" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FF0000" CLIP="0,0,2,2"></LAYER>


    <script language="JavaScript">



    if (document.all){
    with (document){
    write('<div id="starsDiv" style="position:absolute;top:0px;left:0px">')
    write('<div style="position:relative;width:1px;height:1px;background:#ffffff;font-size:1px;visibility:visible"></div>')
    write('<div style="position:relative;width:1px;height:1px;background:#fff000;font-size:1px;visibility:visible"></div>')
    write('<div style="position:relative;width:1px;height:1px;background:#ffa000;font-size:1px;visibility:visible"></div>')
    write('<div style="position:relative;width:1px;height:1px;background:#ff00ff;font-size:1px;visibility:visible"></div>')
    write('<div style="position:relative;width:1px;height:1px;background:#00ff00;font-size:1px;visibility:visible"></div>')
    write('<div style="position:relative;width:1px;height:1px;background:#0000ff;font-size:1px;visibility:visible"></div>')
    write('<div style="position:relative;width:1px;height:1px;background:#FF0000;font-size:1px;visibility:visible"></div>')
    write('<div style="position:relative;width:2px;height:2px;background:#ffffff;font-size:2px;visibility:visible"></div>')
    write('<div style="position:relative;width:2px;height:2px;background:#fff000;font-size:2px;visibility:visible"></div>')
    write('<div style="position:relative;width:2px;height:2px;background:#ffa000;font-size:2px;visibility:visible"></div>')
    write('<div style="position:relative;width:2px;height:2px;background:#ff00ff;font-size:2px;visibility:visible"></div>')
    write('<div style="position:relative;width:2px;height:2px;background:#00ff00;font-size:2px;visibility:visible"></div>')
    write('<div style="position:relative;width:2px;height:2px;background:#0000ff;font-size:2px;visibility:visible"></div>')
    write('<div style="position:relative;width:3px;height:3px;background:#FF0000;font-size:3px;visibility:visible"></div>')
    write('</div>')
    }
    }

    if (document.layers)
    {window.captureEvents(Event.MOUSEMOVE);}
    var yBase = 200;
    var xBase = 200;
    var step = 1;
    var currStep = 0;
    var Xpos = 1;
    var Ypos = 1;

    if (document.all)
    {
      function MoveHandler(){
      Xpos = document.body.scrollLeft+event.x;
      Ypos = document.body.scrollTop+event.y;
      }
      document.onmousemove = MoveHandler;
    }

    else if (document.layers)
    {
      function xMoveHandler(evnt){
      Xpos = evnt.pageX;
      Ypos = evnt.pageY;
      }
      window.onMouseMove = xMoveHandler;
    }

    function animateLogo() {
    if (document.all)
    {
     yBase = window.document.body.offsetHeight/6;
     xBase = window.document.body.offsetWidth/6;
    }
    else if (document.layers)
    {
     yBase = window.innerHeight/8;
     xBase = window.innerWidth/8;
    }

    if (document.all)
    {
     for ( i = 0 ; i < starsDiv.all.length ; i++ )
     {
      starsDiv.all[i].style.top = Ypos + yBase*Math.sin((currStep + i*4)/12)*Math.cos(400+currStep/200);
     starsDiv.all[i].style.left = Xpos + xBase*Math.sin((currStep + i*3)/10)*Math.sin(currStep/200);
     }
    }

    else if (document.layers)
    {
     for ( j = 0 ; j < 14 ; j++ ) //number of NS layers!
     {
      var templayer="a"+j
      document.layers[templayer].top = Ypos + yBase*Math.sin((currStep + j*4)/12)*Math.cos(400+currStep/200);
      document.layers[templayer].left = Xpos + xBase*Math.sin((currStep + j*3)/10)*Math.sin(currStep/200);
     }
    }
    currStep+= step;
    setTimeout("animateLogo()", 10);
    }
    animateLogo();
    </script>
     
     
    منع استخدام زر الماوس الأيمن

    اضغط بزر الماوس اليمين في اي مكان

    استخدم ctrl + A لتحديد الكود و ctrl + C للنسخ


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

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


    الكود:
      <script language="JavaScript">
     
    // Visit our site at http://www.star28.com/ for more code 
      <!-- 
     
    function click() { 
    if (event.button==2) { 
    alert('لا تعيدها'); 


    document.onmousedown=click 
    // -->   
    </script>
     
    منع استخدام زر الماوس اليمين بدون رسالة

    اضغط بزر الماوس اليمين في اي مكان

    استخدم ctrl + A لتحديد الكود و ctrl + C للنسخ


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

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


    الكود:
        <script language=JavaScript>
       
    // Visit our site at http://www.star28.com/ for more code
    <!--

    var message="";
    ///////////////////////////////////
    function clickIE() {if (document.all) {(message);return false;}}
    function clickNS(e) {if
    (document.layers||(document.getElementById&&!document.all)) {
    if (e.which==2||e.which==3) {(message);return false;}}}
    if (document.layers)
    {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
    else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}

    document.oncontextmenu=new Function("return false")
    // -->
    </script>
     
     
     
     
    منع استخدام زر الماوس اليمين للصور
    اضغط بزر الماوس اليمين على الصورة

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

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


    الكود:
      <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
    * Translated By www.star28.com/
    */

    var clickmessage="الزر اليمين لا يعمل على الصور "

    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>
     
     
    كود يمنع استخدام الزر الايمن وايضا يمنع اي عمليه مسح لصورة او كتابة


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

    غير في وسم الجسم BODY ليصبح مثل هذا


    الكود:
     
    <body onbeforeprint="onbeforeprint()" onafterprint="onafterprint()"
    onselectstart="return false" oncontextmenu="return false"> 
     

    دوائر جميلة حول مؤشر الماوس



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

    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>
     
     
    2- غير ضمن الوسم BODY ليصبح مثل هذا


    الكود:
     
      <BODY onLoad="startthedots()">
     
     
     
    3- ضع هذا الكود بعد الوسم 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- اضغط على صورة الدائرة الصغيرة باليمين ثم حفظ باسم و ارفعها الى مجلد صفحة السكربت
    مجموعة اكواد  لمؤثرات الماوس Swirl 
    كود تغيير مؤشر الماوس بمؤشر آخر جميل

    من المؤكد بأنك شاهدت هذا المؤشر في بعض المواقع و هو جميل حقاً و سهل في التركيب



    1 - ضع هذا الكود في منطقة رأس الصفحة [ HEAD ]


    الكود:
    <style>
    body
    {
    CURSOR: url(mouse.cur);
    }
    </style> 
    2 - حمل هذا الملف و فك الضغط عنه ثم ارفع الملف المسمى mouse.cur الى مساحة موقعك











    الرجوع الى أعلى الصفحة اذهب الى الأسفل
    https://tsamem.alafdal.net
     
    مجموعة اكواد لمؤثرات الماوس
    الرجوع الى أعلى الصفحة 
    صفحة 1 من اصل 1
     مواضيع مماثلة
    -
    » محموعة اكواد لمؤثرات الألوان
    » أكواد الماوس - مجموعة غاية في الجمال
    » مجموعة اكواد شريط المعلومات
    » مجموعة اكواد النوافذ التلقائية
    » مجموعة اكواد للصور و الإعلانات

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