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

تحت الأضواء



أهلا وسهلا بك إلى منتديات جيل التطوير.

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


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



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


آخر المواضيع
الموضوع
تاريخ ارسال المشاركة
بواسطة
موقع النور والظلمة
معهد نجوم اف ام - Nogoum Fm Institute
طلب رجوع للفريق
أمانة في أعناق جميع المسؤولين ..
[هام] : مطلوب طاقم اشراف للمنتدى بمقابل مادي
شوربة البطاطس بالكريمة والمشروم
صينية البطاطس المشوية بالجبن الموزاريلا
خلطة توابل "السبع بهارات"
صينية المعكرونة بالبشاميل لايت
صينية البطاطس البوريه بالدجاج والمشروم
السبت ديسمبر 30, 2017 11:49 am
الأربعاء أكتوبر 07, 2015 7:33 am
الأحد ديسمبر 07, 2014 5:39 am
الأحد ديسمبر 07, 2014 5:26 am
الأحد نوفمبر 30, 2014 7:10 am
الثلاثاء نوفمبر 11, 2014 9:28 pm
الثلاثاء نوفمبر 11, 2014 9:25 pm
الثلاثاء نوفمبر 11, 2014 9:25 pm
الثلاثاء نوفمبر 11, 2014 9:23 pm
الثلاثاء نوفمبر 11, 2014 9:22 pm











شاطر|
 
بيانات كاتب الموضوع
مجموعة اكواد لمؤثرات الماوس
المعلومات
الكاتب:
اللقب:
عضو V.i.P
الرتبه:
عضو V.i.P
الصورة الرمزية
 
الرسام

البيانات
الجنس الجنس : ذكر
مشآرڪآتي مشآرڪآتي : 817
 نقآطيّ ›› * نقآطيّ ›› * : 2301
السٌّمعَة السٌّمعَة : 0
الانظمام الانظمام : 29/10/2013
العمر العمر : 36
•احترام قوانين المنتدى•| •احترام قوانين المنتدى•| : 100%
 
 

 

التوقيت

الإتصالات
الحالة:
وسائل الإتصال:

 

موضوع: مجموعة اكواد لمؤثرات الماوس مجموعة اكواد  لمؤثرات الماوس Emptyالسبت نوفمبر 02, 2013 10:47 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 الى مساحة موقعك


























 الموضوع الأصلي : مجموعة اكواد لمؤثرات الماوس //   المصدر : منتديات جيل التطوير // الكاتب: الرسام



الرسام ; توقيع العضو



المعلومات
الكاتب:
اللقب:
عضو نشيط
الرتبه:
عضو نشيط
الصورة الرمزية
 
**saad**

البيانات
الجنس الجنس : ذكر
مشآرڪآتي مشآرڪآتي : 202
 نقآطيّ ›› * نقآطيّ ›› * : 228
السٌّمعَة السٌّمعَة : 0
الانظمام الانظمام : 17/11/2012
العمر العمر : 28
 
 

 

التوقيت

الإتصالات
الحالة:
وسائل الإتصال:

 

موضوع: رد: مجموعة اكواد لمؤثرات الماوس مجموعة اكواد  لمؤثرات الماوس Emptyالجمعة نوفمبر 15, 2013 3:42 am






شكرا جزيلا على الموضوع الرائع
















 الموضوع الأصلي : مجموعة اكواد لمؤثرات الماوس //   المصدر : منتديات جيل التطوير // الكاتب: **saad**



**saad** ; توقيع العضو



المعلومات
الكاتب:
اللقب:
عضو نشيط
الرتبه:
عضو نشيط
الصورة الرمزية
 
M.R DESIGN

البيانات
الجنس الجنس : ذكر
مشآرڪآتي مشآرڪآتي : 244
 نقآطيّ ›› * نقآطيّ ›› * : 260
السٌّمعَة السٌّمعَة : 0
الانظمام الانظمام : 05/11/2013
العمر العمر : 37
•احترام قوانين المنتدى•| •احترام قوانين المنتدى•| : 100%
 
 

 

التوقيت

الإتصالات
الحالة:
وسائل الإتصال:

 

موضوع: رد: مجموعة اكواد لمؤثرات الماوس مجموعة اكواد  لمؤثرات الماوس Emptyالسبت يناير 11, 2014 2:44 am






الف شكر على الكود
















 الموضوع الأصلي : مجموعة اكواد لمؤثرات الماوس //   المصدر : منتديات جيل التطوير // الكاتب: M.R DESIGN



M.R DESIGN ; توقيع العضو



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

استعرض الموضوع التالي استعرض الموضوع السابق الرجوع الى أعلى الصفحة

مواضيع مماثلة

-
» أكواد الماوس - مجموعة غاية في الجمال
» مجموعة اكواد شريط المعلومات
» مجموعة اكواد للصور و الإعلانات
» مجموعة اكواد النوافذ التلقائية
» مجموعة الصوره الدعويه صور منشورات 2014 مجموعة الصوره الدعويه

مواضيع ذات صلة


الكلمات الدليلية (Tags)
http://www.a7larabnet.a7larab.net منتديات جيل التطوير

الــرد الســـريـع
..

هام جداً: قوانين المساهمة في المواضيع. انقر هنا للمعاينة
الرد السريع

خــدمات المـوضـوع
 KonuEtiketleri كلمات دليليه
مجموعة اكواد لمؤثرات الماوس , مجموعة اكواد لمؤثرات الماوس , مجموعة اكواد لمؤثرات الماوس ,مجموعة اكواد لمؤثرات الماوس ,مجموعة اكواد لمؤثرات الماوس , مجموعة اكواد لمؤثرات الماوس
 KonuLinki رابط الموضوع
 Konu BBCode BBCode
 KonuHTML Kodu HTMLcode
إذا وجدت وصلات لاتعمل في الموضوع او أن الموضوع [ مجموعة اكواد لمؤثرات الماوس ] مخالف ,, من فضلك راسل الإدارة من هنا






الوقت/التاريخ الآن هو الأحد نوفمبر 24, 2024 10:15 am.