الرئيسيةالبوابةأحدث الصورالتسجيلدخول
مجموعة اكواد  لمؤثرات الماوس جافا Log10شركة انكور التطويريةمجموعة اكواد  لمؤثرات الماوس جافا Expire10السبت أغسطس 21, 2021 6:27 am من طرفمجموعة اكواد  لمؤثرات الماوس جافا Log10أفضل ألعاب الفلاش أضفها إلى موقعك مجاناًمجموعة اكواد  لمؤثرات الماوس جافا Expire10الثلاثاء يوليو 05, 2016 12:50 am من طرفمجموعة اكواد  لمؤثرات الماوس جافا Log10تصميم إستايل كامل لمنتدى تقنية الحاسوبمجموعة اكواد  لمؤثرات الماوس جافا Expire10الجمعة فبراير 26, 2016 6:06 am من طرفمجموعة اكواد  لمؤثرات الماوس جافا Log10كود Template تسجيل الدخول - احلى منتدىمجموعة اكواد  لمؤثرات الماوس جافا Expire10السبت يناير 16, 2016 2:54 am من طرفمجموعة اكواد  لمؤثرات الماوس جافا Log10طريقة إنشاء ظل بطريقة احترافية باستخدام برنامج الفوتوشوب ( مع شرح دقيق مرفق بالصور )مجموعة اكواد  لمؤثرات الماوس جافا Expire10الثلاثاء يناير 12, 2016 2:44 am من طرفمجموعة اكواد  لمؤثرات الماوس جافا Log10ستايل منتدى الابداع العربيمجموعة اكواد  لمؤثرات الماوس جافا Expire10الثلاثاء ديسمبر 22, 2015 3:15 pm من طرفمجموعة اكواد  لمؤثرات الماوس جافا Log10اهم مميزات السيرفرات السحابيةمجموعة اكواد  لمؤثرات الماوس جافا Expire10الثلاثاء ديسمبر 22, 2015 2:26 pm من طرفمجموعة اكواد  لمؤثرات الماوس جافا Log10تم تصميم بوابة عاصفة التطويرمجموعة اكواد  لمؤثرات الماوس جافا Expire10الثلاثاء ديسمبر 22, 2015 2:25 pm من طرفمجموعة اكواد  لمؤثرات الماوس جافا Log10طلب تكويد الاستايل يا جماعامجموعة اكواد  لمؤثرات الماوس جافا Expire10الإثنين ديسمبر 14, 2015 4:04 am من طرفمجموعة اكواد  لمؤثرات الماوس جافا Log10طلب تكويد استايلمجموعة اكواد  لمؤثرات الماوس جافا Expire10الأحد ديسمبر 13, 2015 9:11 pm من طرف

Untitled 4

شاطر

رقم المشاركة : ( 1 )
الرسام
الرسام
مدير عام
 
عدد المساهمات : 947
تاريخ التسجيل : 06/11/2013
مُساهمةمجموعة اكواد لمؤثرات الماوس جافا

كُتب : [ الأربعاء ديسمبر 25, 2013 11:42 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 الى مساحة موقعك












توقيع : الرسام

رقم المشاركة : ( 2 )
avatar
غروري ذابحهم
عضو ماسي
 
عدد المساهمات : 554
تاريخ التسجيل : 16/12/2013
مُساهمة_da3m_15

كُتب : [ الخميس ديسمبر 26, 2013 12:10 am ]




موضوع رائع بوركت
مجموعة اكواد  لمؤثرات الماوس جافا 4
مجموعة اكواد  لمؤثرات الماوس جافا 128711691410

توقيع : غروري ذابحهم

رقم المشاركة : ( 3 )
avatar
زائر
زائر
 
مُساهمة_da3m_18

كُتب : [ الجمعة ديسمبر 27, 2013 1:34 am ]




موضوع رائع بوركت
مجموعة اكواد  لمؤثرات الماوس جافا 4
مجموعة اكواد  لمؤثرات الماوس جافا 128711691410

توقيع : زائر

رقم المشاركة : ( 4 )
avatar
kInG NeMo
عضو فضي
 
عدد المساهمات : 102
تاريخ التسجيل : 20/12/2013
مُساهمة_da3m_18

كُتب : [ الجمعة ديسمبر 27, 2013 9:54 pm ]




موضوع رائع بوركت
مجموعة اكواد  لمؤثرات الماوس جافا 4
مجموعة اكواد  لمؤثرات الماوس جافا 128711691410

توقيع : kInG NeMo



الانتقال السريع

كلمة الادارة
منتدى التكويد العربي
او ل منتدى يختص بالتصميم والتكويد
أسس منتدى التكويد العربي يوم 15الأربعاء 6 نوفمبر 2013 - 14:49 )على أساس فكرة بسيطة
وهي تقديم محتوى يروق الباحث العربي خلال تصفحه للنت وذلك في مجال آخر تطورات
البرمجة وتصميم المواقع بافضل الطرق الحديثة وكذا كل الأخبار المتعلقة بالتقنية بصفة عامة
كما أننا حاولنا مزج التقنية بعالم التصميم. نقدم مواضيع خاصة بنا غير منقولة
من أي موقع او مدونة أو منتدى عربي آخر بل نلخص ما تعرضه المواقع الرسمية
لمنتوج أو اكواد او تصميم معين وونبرمجه للغة خاصة. إهتماماتنا في هذا المنتدى هو
على الشكل التالي:
1- طرح آخر أخبار البرمجة والتصميم.
2- توفير معلومات حول آخر الاكواد والتصميم المطروحة في جميع المجالات منها المجانية أو المدفوعة.
3- تلبية الباحث العربي في جميع مطالبه عبر طرح مواضيع تهتم به وبمواقعه.
4- آخر الاعمال والاكواد والتصاميم الموجدة بطرق احترافية.
5- كل ما يتعلق بالمواقع والمنتديات.
6- تقديم نصائح وأدوات لمصممي مواقع الأنترنت.
7- توفير أدوات التصميم لكل المصممين.
كما نعرض مواضيع متنوعة من فيديوهات تعليمية للمبتدئين وألبوم صور لآخر المنتوجات التي توصلت إليها التكنولوجيا الحديثة.

جميع حقوق الطبع والنشر محفوظة لمنتدى التكويد العربي


w w w . t a c w e d . com

تصميم وتكويد الرسام

شاطراذا تحب تساعدنا ما ياخذ من وقتك ثواني، إذا دخلت أي موضوع في المحبين فقط إضغط زر المشاركة من اليسار و شارك الموضوع بمواقع التواصل الإجتماعي