مكتبة الشبكة العنكبوتية لأفضل أكواد الجافا لتصميم الاندكس

[هشبول]

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

المصدر: :: vBspiders Professional Network ::

---

l;jfm hgaf;m hguk;f,jdm gHtqg H;,h] hg[hth gjwldl hghk];s

[هشبول]

بسم الله هذا أول كود
وضيفته تنزيل الصفحة تلقائيا للأسفل عندما تفتح صفحة الإندكس

كود PHP:

<script language="JavaScript1.2"> 

/* 
Top-Down scrolling window Script- 
© Dynamic Drive (www.dynamicdrive.com) 
For full source code, installation instructions, 
100's more free DHTML scripts, and Terms Of 
Use, visit dynamicdrive.com 
*/ 

//change 1 to another integer to alter the scroll speed. Greater is faster 
var speed=1 
var currentpos=0,alt=1,curpos1=0,curpos2=-1 
function initialize(){ 
startit() 
} 
function scrollwindow(){ 
if (********.all) 
temp=********.body.scrollTop 
else 
temp=window.pageYOffset 
if (alt==0) 
alt=1 
else 
alt=0 
if (alt==0) 
curpos1=temp 
else 
curpos2=temp 
if (curpos1!=curpos2){ 
if (********.all) 
currentpos=********.body.scrollTop+speed 
else 
currentpos=window.pageYOffset+speed 
window.scroll(0,currentpos) 
} 
else{ 
currentpos=0 
window.scroll(0,currentpos) 
} 
} 
function startit(){ 
setInterval("scrollwindow()",30) 
} 
window.onload=initialize 
</script> 


[هشبول]

كود الخلفيه الثابته

يعني تكون الصوره ثابته والكلام يمشي تلقائيا

ملاحظه : الكود هذا لا يكتمل عمله إلا بإضافة كود نزول الصفحه تلقائيا الموجود في ردّي السابق

كود PHP:

 <STYLE TYPE="text/css">  
<!--  
BODY {background-image: URL(الصورة.gif);  
background-position: center;  
background-repeat: no-repeat;  
background-attachment: fixed;}  
-->  
</STYLE> 


[هشبول]

كود وضع جمله متحركه عكسياً في وسط الصفحه ضعه في منطقة body

مع تغير الجمله كما هو موضح بالكود

كود PHP:

<style type="text/css"> 
 
#supertext { 
position:absolute; 
left:0; 
top:0; 
visibility:hide; 
visibility:hidden; 
 
} 
 
</style> 
 
 
<script language="JavaScript1.2"> 
 
//Configure the below three variables 
 
//1) ضع جملتك هنا 
var thecontent='<h2><font color="#0000FF"> ضع جملتك هنا</font></h2>' 
//2) 
var hidetimer=''; 
//3)ضع سرعة تحرك الجملة من 1 الى 50 
var BallSpeed = 20; 
 
 
 
///NO NEED TO EDIT BELOW THIS LINE/////////// 
 
var contentWidth; 
var contentHeight; 
var maxBallSpeed = 50; 
 
 
var xMax; 
var yMax; 
var xPos = 0; 
var yPos = 0; 
var xDir = 'right'; 
var yDir = 'down'; 
var superballRunning = true; 
var tempBallSpeed; 
var currentBallSrc; 
var newXDir; 
var newYDir; 
 
function initializeBall() { 
if (********.all) { 
xMax = ********.body.clientWidth 
yMax = ********.body.clientHeight 
********.all("supertext").style.visibility = "visible"; 
contentWidth=supertext.offsetWidth 
contentHeight=supertext.offsetHeight 
} 
else if (********.layers) { 
xMax = window.innerWidth; 
yMax = window.innerHeight; 
contentWidth=********.supertext.********.width 
contentHeight=********.supertext.********.height 
********.layers***91;"supertext"***93;.visibility = "show"; 
} 
setTimeout('moveBall()',400); 
if (hidetimer!='') 
setTimeout("hidetext()",hidetimer) 
} 
 
function moveBall() { 
if (superballRunning == true) { 
calculatePosition(); 
if (********.all) { 
********.all("supertext").style.left = xPos + ********.body.scrollLeft; 
********.all("supertext").style.top = yPos + ********.body.scrollTop; 
} 
else if (********.layers) { 
********.layers***91;"supertext"***93;.left = xPos + pageXOffset; 
********.layers***91;"supertext"***93;.top = yPos + pageYOffset; 
} 
animatetext=setTimeout('moveBall()',20); 
} 
} 
 
function calculatePosition() { 
if (xDir == "right") { 
if (xPos > (xMax - contentWidth - BallSpeed)) { 
xDir = "left"; 
} 
} 
else if (xDir == "left") { 
if (xPos < (0 + BallSpeed)) { 
xDir = "right"; 
} 
} 
if (yDir == "down") { 
if (yPos > (yMax - contentHeight - BallSpeed)) { 
yDir = "up"; 
} 
} 
else if (yDir == "up") { 
if (yPos < (0 + BallSpeed)) { 
yDir = "down"; 
} 
} 
if (xDir == "right") { 
xPos = xPos + BallSpeed; 
} 
else if (xDir == "left") { 
xPos = xPos - BallSpeed; 
} 
else { 
xPos = xPos; 
} 
if (yDir == "down") { 
yPos = yPos + BallSpeed; 
} 
else if (yDir == "up") { 
yPos = yPos - BallSpeed; 
} 
else { 
yPos = yPos; 
} 
} 
 
function hidetext(){ 
if (********.all) 
supertext.style.visibility="hidden" 
else if (********.layers) 
********.supertext.visibility="hide" 
clearTimeout(animatetext) 
} 
 
if (********.all||********.layers){ 
********.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>') 
window.onload = initializeBall; 
window.onresize = new Function("window.location.reload()"); 
} 
 
</script> 


[هشبول]

كود تغيير الماوس ( المؤشر )
ضع هذا الكود في منطقة رأس الصفحة [ HEAD ]

كود PHP:

<style> 
body 
{ 
CURSOR: url(mouse.cur);  
} 
</style> 


[هشبول]

كود لإدراج صفحة أو موقع

كود PHP:

<br> 
<br> 
<****** WIDTH=100% HEIGHT=400 SRC="هنا ضع عنوان الموقع"></******> 
<br> 
<br> 
<br> 


[هشبول]

الإنتقال التلقائي لصفحة أو لموقع آخر

كود PHP:

****** HTTP-*****="*******" CONTENT="10;URL=ضع هنا عنوان الصفحة المراد الانتقال اليها"> 
<br> 


[هشبول]

لوضع اطار لمقطع فيــــديـــــو

كود PHP:

<p align="center"> 
<br> 
<br> 
<br> 
<embed SRC="موقع الفيلم في الانترنت" type="audio/x-pn-realaudio-plugin" CONSOLE="Clip1" CONTROLS="ImageWindow" HEIGHT="172" WIDTH="220" AUTOSTART="true" style="border: 179 groove #333333"> 
<br> 
<br> 
<br> 
<p align="center"> 
<br> 
<br> 
<br> 
<embed type="audio/x-pn-realaudio-plugin" CONSOLE="Clip1" CONTROLS="ControlPanel" HEIGHT="40" WIDTH="218" AUTOSTART="true" style="border: 10 double #000000"> 
<br> 


[هشبول]

عبارة عن مستطيل وكتابتك تتحرك من تحت الى فوق ... جميـــــل جدا ... وبأمكانك أن تجعلها من فوق الى تحت

كود PHP:

<center><marquee direction="up" width="500" height="200" style="TAHOMA: 150%; font-size: 18pt; color: BLUE; border-style: ridge; border-color: #0066FF" bgcolor="#000000" scrolldelay="70" scrollamount="3">  
<br> 
<br> 
<br> 
<center>اكتب نصك هنـــــا 
<br> 
<br> 
<br> 
 
<br> 
<br> 
<br> 
</marquee></center>  
<br> 


[هشبول]

هذا الكود عبارة عن ألوان تتبع المواس

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

كود PHP:

<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

كود PHP:

<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 = ********.body.scrollLeft + event.x;
Ypos = ********.body.scrollTop + event.y;
}

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

if (********.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 (********.all) {
********.onmousemove = MoveHandler;
}
else if (********.layers) {
window.onMouseMove = xMoveHandler;
}
function animateLogo() {
if (********.all) {
yBase = window.********.body.offsetHeight / 4;
xBase = window.********.body.offsetWidth / 4;
}
else if (********.layers) {
yBase = window.innerHeight / 4;
xBase = window.innerWidth / 4;
}
if (********.all) {
for (i = 0 ; i < starsDiv.all.length; i++) {
starsDiv.all***91;i***93;.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***91;i***93;.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 (********.layers) {
for (j = 0; j < 7; j++) { //7 is number of NS layers!
var templayer="a" + j;
********.layers***91;templayer***93;.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);
********.layers***91;templayer***93;.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> 


[هشبول]

نص يومض في أسفل الصفحة

انظر الى الأسفل

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

كود PHP:

**********

/*
Always-on-top message Script-
Dynamic Drive (www.dynamicdrive.com)
// Visit http://www.star28.com/ for more code
// Translated By http://www.star28.com/
*/

// ضع النص الذي تريده و يمكنك التعديل في أكواد HTML
var message='<b><font face=Arial color=000000 size=5>ضع النص هنا</font></b>';

// ضع لون الخلفية الأول
var backgroundcolor="yellow";

//enter 0 for always display, 1 for a set period, 2 for random display mode
var displaymode=0;

//if displaymode is set to display for a set period, enter the period below (1000=1 sec)
var displayduration=10000;

// اذا أردت أن لا يومض النص غير القيمة الى 0
var flashmode=1;
// ضع لون الخلفية الآخر
var flashtocolor="LIME";


///////////////do not edit below this line////////////////////////////////////////

function regenerate(){
window.location.reload();
}

var which=0;

function regenerate2(){
if (********.layers)
setTimeout("window.onresize=regenerate",400);
}


function display2(){
if (********.layers){
if (topmsg.visibility=="show")
topmsg.visibility="hide";
else
topmsg.visibility="show";
}
else if (********.all){
if (topmsg.style.visibility=="visible")
topmsg.style.visibility="hidden";
else
topmsg.style.visibility="visible";
setTimeout("display2()",Math.round(Math.random()*10000)+10000);
}
}

function flash(){
if (which==0){
if (********.layers)
topmsg.bgColor=flashtocolor;
else
topmsg.style.backgroundColor=flashtocolor;
which=1;
}
else{
if (********.layers)
topmsg.bgColor=backgroundcolor;
else
topmsg.style.backgroundColor=backgroundcolor;
which=0;
}
}


if (********.all){
********.write('<span id="topmsg" style="position:absolute;visibility:hidden">'+message+'</span>');
}


function logoit(){
********.all.topmsg.style.left=********.body.scrollLeft+********.body.clientWidth/2-********.all.topmsg.offsetWidth/2;
********.all.topmsg.style.top=********.body.scrollTop+********.body.clientHeight-********.all.topmsg.offsetHeight-4;
}


function logoit2(){
topmsg.left=pageXOffset+window.innerWidth/2-topmsg.********.width/2;
topmsg.top=pageYOffset+window.innerHeight-topmsg.********.height-5;
setTimeout("logoit2()",90);
}

function setmessage(){
********.all.topmsg.style.left=********.body.scrollLeft+********.body.clientWidth/2-********.all.topmsg.offsetWidth/2;
********.all.topmsg.style.top=********.body.scrollTop+********.body.clientHeight-********.all.topmsg.offsetHeight-4;
********.all.topmsg.style.backgroundColor=backgroundcolor;
********.all.topmsg.style.visibility="visible";
if (displaymode==1)
setTimeout("topmsg.style.visibility='hidden'",displayduration);
else if (displaymode==2)
display2();
if (flashmode==1)
setInterval("flash()",1000);
window.onscroll=logoit;
window.onresize=new Function("window.location.reload()");
}


function setmessage2(){
topmsg=new Layer(window.innerWidth);
topmsg.bgColor=backgroundcolor;
regenerate2();
topmsg.********.write(message);
topmsg.********.close();
logoit2();
topmsg.visibility="show";
if (displaymode==1)
setTimeout("topmsg.visibility='hide'",displayduration);
else if (displaymode==2);
display2();
if (flashmode==1)
setInterval("flash()",1000);
}


if (********.layers)
window.onload=setmessage2;
else if (********.all)
window.onload=setmessage;

</script> 


[هشبول]

نص بألوان قوس قزح

هذا هو النص بألوان قوس قزح

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

كود PHP:

<script language="JavaScript">

// Visit http://www.star28.com/ for more code

<!-- Begin
function createHexArray(n) {
this.length = n;
for (var i = 1; i <= n; i++)
this***91;i***93; = i - 1;

this***91;11***93; = "A";
this***91;12***93; = "B";
this***91;13***93; = "C";
this***91;14***93; = "D";
this***91;15***93; = "E";
this***91;16***93; = "F";
return this;
}
hx = new createHexArray(16);

function convertToHex(x) {
if (x < 17) x = 16;
var high = x / 16;
var s = high+"";
s = s.substring(0, 2);
high = parseInt(s, 10);
var left = hx***91;high + 1***93;;
var low = x - high * 16;
if (low < 1) low = 1;
s = low + "";
s = s.substring(0, 2);
low = parseInt(s, 10);
var right = hx***91;low + 1***93;;
var string = left + "" + right;
return string;
}

function makeRainbow(text) {
text = text.substring(0, text.length);
color_d1 = 255;
mul = color_d1 / text.length;
for(var i = 0; i < text.length; i++) {
color_d1 = 255*Math.sin(i / (text.length / 3));
color_h1 = convertToHex(color_d1);
color_d2 = mul * i;
color_h2 = convertToHex(color_d2);

k = text.length;
j = k - i;
if (j < 0) j = 0;
color_d3 = mul * j;
color_h3 = convertToHex(color_d3);

********.write("<FONT COLOR=\"#" + color_h3 + color_h1 + color_h2 + "\">" + text.substring(i, i + 1) + "</FONT>");
   }
}
// End -->
</script> 


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

كود PHP:

<div align="center">
<strong>
<font size="3" face="Tahoma">
**********
<!--
makeRainbow("هذا هو النص بألوان قوس قزح");
// -->
</script>
</font>
</strong>
</div> 


[هشبول]

نص يظهر بطريقة الآلة الكاتبة

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

كود PHP:

<p id='anima' style="position:absolute;font-size:20;background-color:white;">
</p>
<br>
<br>

<script language="JavaScript">

// Visit http://www.star28.com/ for more code

<!-- Begin
text = "هذا هو النص الذي يظهر بطريقة الآلة الكاتبة .....";
word = text.split('~');
i = -1;           //letter count
j = 0;            //which word in array is to be spelled
start = 0;      //variable to hold cycles of the blink
scount = 0;  //variable to hold cycles of the mispell
function checkIt() {
with(********.all.anima) {
if(innerText.charAt(innerText.length-1) == "_") {
innerText = innerText.substring(0, innerText.length - 1);
return true;
}
else {
innerText = innerText + "_";
return false;
      }
   }
}
function blinkfor(count, timing) {
with(********.all.anima) {
if(start < count) {
if(checkIt()) {
start++;
}
mistake = 'blinkfor('+count+','+timing+')';
setTimeout('eval(mistake)', timing);
}
else {
start = 0;
i++;
call_It();
      }
   }
}
function mispell(offset,correction) {
with(********.all.anima) {
if(scount < offset) {
if(!checkIt()) {
innerText = innerText.substring(0, innerText.length-2) + "_";
scount++;
}
mistake = 'mispell(' + offset + ', "' + correction + '")';
setTimeout("eval(mistake)", 150);
}
else {
if(correction == '' && scount == offset ) {
i = i - offset;
scount++;
}
if(offset > 0) {
if(checkIt()) {
innerText += correction.charAt(correction.length - offset) + "_";
offset--;
}
mistake = 'mispell(' + offset + ',"' + correction + '")';
setTimeout("eval(mistake)", 150);
}
else {
scount = 0;
j++;
innerText = innerText.substring(0, innerText.length - 1);
call_It();
         }
      }
   }
}
function spellit(string) {
with(********.all.anima) {
if(i <= string.length) {
if(string.charAt(i) == '/') {
NumErrs = string.charAt(i + 1);
NewLets = string.substring(i + 2, i + NumErrs);
mispell(NumErrs,NewLets);
}
else if(i <= string.length - 1) {
i++;
innerText = string.substring(0,i) + "_";
mistake = 'spellit("' + string + '")';
setTimeout("eval(mistake)", 150);
}
else {
innerText = string.substring(0, i);
j++;
call_It();
         }
      }
   }
}
function call_It() {
with(********.all) {
if(i == -1){
blinkfor(4, 150);
}
else if(j <= word.length - 1) {
spellit(anima.innerText + " " + word[j]);
} 
else {
blinkfor(100,230);
      }
   }
}
if(********.all) {
call_It();
}
//  End -->
</script> 


[هشبول]

نص يتغير لونه باستمرار

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

كود PHP:

 <FONT face="Arial ,Tahoma" size="4"><b>

<!-- Visit http://www.star28.com/ for more code -->

<script language="JavaScript1.2">

<!-- Begin
function initArray() {
this.length = initArray.arguments.length;
for (var i = 0; i < this.length; i++) {
this[i] = initArray.arguments[i];
   }
}

var ctext = "هذا هو النص ..... هل أعجبك";
var x = 0;
var color = new initArray(
"WHITE",         // غير الألوان للذي يناسبك
"red",       
"blue", 
"green",
"YELLOW",
"MAGENTA",
"CYAN",
"black"
);
if(navigator.appName == "Netscape") {
********.write('<layer id="c"><center>'+ctext+'</center></layer><br>');
}
if (navigator.appVersion.indexOf("MSIE") != -1){
********.write('<div id="c"><center>'+ctext+'</center></div>');
}
function chcolor(){ 
if(navigator.appName == "Netscape") {
********.c.********.write('<center><font color="'+color[x]);
********.c.********.write('">'+ctext+'</font></center>');
********.c.********.close();
}
else if (navigator.appVersion.indexOf("MSIE") != -1){
********.all.c.style.color = color[x];
}
(x < color.length-1) ? x++ : x = 0;
}
setInterval("chcolor()",1000);
// End -->
</script></b></FONT> 


[هشبول]

كود الزلزال

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

كود PHP:

 <script language="JavaScript1.2">
  
/*****************************************
* Visit our site at http://www.star28.com/ for more code
***********************************************/

<!-- Begin
function shake(n) {
if (self.moveBy) {
for (i = 10; i > 0; i--) {
for (j = n; j > 0; j--) {
self.moveBy(0,i);
self.moveBy(i,0);
self.moveBy(0,-i);
self.moveBy(-i,0);
         }
      }
   }
}
// End -->
</script>

<form>
    <p align="center"><input type="button"
    value="اضغـــط هنـــا" onclick="shake(2)"> </p>
</form>