صورة يستطيع تحريكها الزائر الى اليمين و اليسار
استعمل A لتحريك الصورة الى اليسار, D لتحريكها الى اليمين.
طريقة التركيب
1- ضع هذا الكود في الرأس HEAD
<script language="JavaScript"> /* Visit http://www.elahmad.com/ for more code */ <!-- Begin var ieKey, nKey; n = (document.layers) ? 1 : 0; ie = (document.all) ? 1 : 0; function moveImage() { if (n) { block = document.blockDiv; } if (ie) { block = blockDiv.style; } block.xpos = parseInt(block.left); block.active = 0; document.onkeydown = keyDown; document.onkeyup = keyUp; if (n) { document.captureEvents(Event.keydown | Event.keyup); } } function keyDown(e) { if (n) { nKey = e.which; ieKey = 0; } if (ie) { ieKey = event.keyCode; nKey = 0; } if ((nKey == 97 || ieKey == 65) && !block.active) { block.active = 1; slideLeft(); } if ((nKey == 100 || ieKey == 68) && !block.active) { block.active = 1; slideRight(); } } function keyUp(e) { if (n) { nKey = e.which; ieKey = 0; } if (ie) { ieKey = event.keyCode; nKey = 0; } if ((nKey == 97 || ieKey == 65 || nKey == 100 || ieKey == 68)) block.active = 0; } function slideRight() { if (block.active) { block.xpos += 5; block.left = block.xpos; status = block.xpos; setTimeout("slideRight()", 25); } } function slideLeft() { if (block.active) { block.xpos -= 5; block.left = block.xpos; status = block.xpos; setTimeout("slideLeft()", 25); } } // End --> </script> <div id="blockDiv" STYLE="position:absolute; left:80px; top:110px; width:260px; height:28px"> <img src="http://www.elahmad.com/flags/flags.php"></div>
2- أضف هذا الكود ضمن الوسم BODY لتصبح هكذا
<body onLoad="moveImage()">
Check Page Rank
موقع-الاحمد-جافا-سكريبت-أكواد-جافا-سكربت-جافا-سكريبت-جافا-سكريبت-مكتبة-الجافا-سكريبت-java-script
موقع الاحمد جافا سكريبت