Google





 
الرئيسيةالبوابةاليوميةس .و .جبحـثالأعضاءالمجموعاتالتسجيلدخول
أفضل ألعاب الفلاش أضفها إلى موقعك مجاناًالثلاثاء يوليو 05, 2016 12:50 am من طرف  سيمونيتصميم إستايل كامل لمنتدى تقنية الحاسوبالجمعة فبراير 26, 2016 6:06 am من طرف  brave-heart90كود Template تسجيل الدخول - احلى منتدىالسبت يناير 16, 2016 2:54 am من طرف  MoHaMeD-طريقة إنشاء ظل بطريقة احترافية باستخدام برنامج الفوتوشوب ( مع شرح دقيق مرفق بالصور )الثلاثاء يناير 12, 2016 2:44 am من طرف  Mc nabulsyستايل منتدى الابداع العربيالثلاثاء ديسمبر 22, 2015 3:15 pm من طرف  علم حسناهم مميزات السيرفرات السحابيةالثلاثاء ديسمبر 22, 2015 2:26 pm من طرف  علم حسنتم تصميم بوابة عاصفة التطويرالثلاثاء ديسمبر 22, 2015 2:25 pm من طرف  علم حسنطلب تكويد الاستايل يا جماعاالإثنين ديسمبر 14, 2015 4:04 am من طرف  elsndbad2010طلب تكويد استايلالأحد ديسمبر 13, 2015 9:11 pm من طرف  الرسامطلب تصميم استايل تومبيلاتالجمعة ديسمبر 04, 2015 11:34 pm من طرف  yakoub dz

Untitled 4

شاطر | 

رقم المشاركة : ( 1 )
avatar
مدير عام
 
عدد المساهمات : 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- اضغط على صورة الدائرة الصغيرة باليمين ثم حفظ باسم و ارفعها الى مجلد صفحة السكربت
 
كود تغيير مؤشر الماوس بمؤشر آخر جميل

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



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


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












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


_________________



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

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




موضوع رائع بوركت


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

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

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




موضوع رائع بوركت


توقيع : زائر

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

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




موضوع رائع بوركت


توقيع : kInG NeMo



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

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

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


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

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

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