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

[هشبول]

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

 

[هشبول]

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

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

<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>

 

[هشبول]

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

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

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

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

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

 

[هشبول]

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

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

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

<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 ]

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

 

[هشبول]

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

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

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

 

[هشبول]

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

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

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

 

[هشبول]

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

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

<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>

 

[هشبول]

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

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

<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>

 

[هشبول]

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

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

[FONT=Arial ,Tahoma]1- انسخ هذا الكود و ضعه في منطقة HEAD[/FONT]
[FONT=Arial ,Tahoma][/FONT]

<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>

[FONT=Arial ,Tahoma]2- انسخ هذه الأكواد و ضعها بعد BODY[/FONT]
[FONT=Arial ,Tahoma][/FONT]
[FONT=Arial ,Tahoma][/FONT]

<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>

 

[هشبول]

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

[FONT=Arial ,Tahoma] نص يومض في أسفل الصفحة

انظر الى الأسفل[/FONT]

​

[FONT=Arial ,Tahoma] طريقة التركيب[/FONT]
[FONT=Arial ,Tahoma] انسخ هذا الكود و ضعه في المكان الذي تريده في منطقة
BODY


[/FONT]

**********

/*
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>

 

[هشبول]

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

[FONT=Arial ,Tahoma] نص بألوان قوس قزح[/FONT]

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

[FONT=Arial ,Tahoma]1- انسخ هذا الكود و ضعه في منطقة HEAD


[/FONT]

<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>

[FONT=Arial ,Tahoma] 2- انسخ هذا الكود و ضعه في المكان الذي تريده في منطقة BODY

[/FONT]

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

 

[هشبول]

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

[FONT=Arial ,Tahoma] نص يظهر بطريقة الآلة الكاتبة

[/FONT][FONT=Arial ,Tahoma]انسخ هذا الكود و ضعه في المكان الذي تريده في منطقة BODY و عدل للذي يناسبك

[/FONT]

<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>

 

[هشبول]

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

[FONT=Arial ,Tahoma]نص يتغير لونه باستمرار

[/FONT][FONT=Arial ,Tahoma]انسخ هذا الكود و ضعه في المكان الذي تريده في منطقة BODY و عدل للذي يناسبك


[/FONT]

 <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>

 

[هشبول]

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

كود الزلزال

[FONT=Arial ,Tahoma]انسخ هذا الكود و ضعه في المكان الذي تريده في منطقة BODY

[/FONT]

 <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>

 

[هشبول]

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

كود ألعاب نارية


[FONT=Arial ,Tahoma]1- انسخ هذا الكود و ضعه في منطقة الرأس HEAD

[/FONT]

<STYLE type=text/css> BODY {
    OVERFLOW-X: hidden
}
v\:* {
    BEHAVIOR: url(#default#VML)
}
</STYLE>

[FONT=Arial ,Tahoma] 2- انسخ هذا الكود و ضعه في المكان الذي تريده في منطقة BODY


[/FONT]

<SCRIPT language=JavaScript>

/*
VML Fireworks script -- By Jacco IJzerman (j.ijzerman1@REMOVETHISchello.nl)
Permission granted to Dynamicdrive.com to feature script in archive.
Translated By www.sakrkuraish.netfirms.com
* Visit our site at http://www.star28.com/ for more code
* This notice must stay intact for use
***********************************************/


//Customize fireworks colors:
colors = new Array();
colors[0] = new Array('yellow', 'lime');
colors[1] = new Array('lime', 'green')
colors[2] = new Array('lime', 'blue');
colors[3] = new Array('lightyellow', 'purple');
colors[4] = new Array('lightblue', 'white');
colors[5] = new Array('blue', 'silver');
colors[6] = new Array('red', 'fuchsia');
colors[7] = new Array('yellow', 'red');

maximum = 1000;

vmlobj=''; 
for(i = 0; i < 12; i++){ 
vmlobj += '<div id="ster'+i+'" style="position:absolute; left:-50px; top-50px; visibility:hidden; z-index:50;">';
vmlobj += '<v:shape style="width:15px; height:15px;" fillcolor="yellow" coordorigin="0,0" coordsize="200 200">';
vmlobj += '<v:path v="m 8,65 l 72,65, 92,11, 112,65, 174,65, 122,100, 142,155,92,121, 42,155, 60,100 x e"/>';
vmlobj += '<v:stroke on="false" /></v:shape></div>';
}
********.write(vmlobj); vmlobj = null;

aantal = 0;

function begin()
{
try {
if(aantal == maximum){ return;}
kleurschema = Math.floor(Math.random() * colors.length);
posLinks = Math.floor(Math.random() * (********.body.clientWidth - 180));
posLinks = (posLinks < 170)? 170: posLinks;
posBoven = Math.floor(Math.random() * (********.body.clientHeight - 180));
posBoven = (posBoven < 170)? 170: posBoven;
straal = 0; uiteen = true; teller = 1; flikkereffect = false;
for(var i = 0; i < 12; i++){
********.getElementsByTagName('shape')[i].setAttribute('fillcolor', colors[kleurschema][0]);
********.getElementById('ster'+i).style.visibility = 'hidden'; // 5.0 fix
********.getElementById('ster'+i).style.left = posLinks;
********.getElementById('ster'+i).style.top = posBoven;
}
********.getElementById('ster0').style.top = (********.body.clientHeight - 20); 
********.getElementById('ster0').style.visibility = 'visible';
omhoog();
} catch(e){}
}

function omhoog()
{
try {
positie = parseInt(********.getElementById('ster0').style.top);
if(positie > posBoven){
********.getElementById('ster0').style.top = (positie - 25); 
setTimeout('omhoog()', 50);
} else {
for(i = 1; i < 12; i++){
********.getElementById('ster'+i).style.top = positie;
********.getElementById('ster'+i).style.visibility = 'visible';
} 
uiteenspatten();
}
} catch(e){}
}

function uiteenspatten()
{
try {
if(straal > 120 && straal % 10 == 0){ 
flikkereffect = true;
teller = (teller == colors[kleurschema].length)? 0: (teller+1);
}
for(var i = 0; i < 12; i++){
var hoek = i * 30; 
var piHoek = Math.PI - Math.PI / 180 * hoek;
var links = posLinks + Math.round(straal * Math.sin(piHoek)); 
var boven = positie + Math.round(straal * Math.cos(piHoek));
********.getElementById('ster'+i).style.left = links;
********.getElementById('ster'+i).style.top = boven;
if(flikkereffect){
********.getElementsByTagName('shape')[i].setAttribute('fillcolor', colors[kleurschema][teller]);
}
}
if(straal < 160 && uiteen){
straal += (straal < 120)? 10: 5;
setTimeout('uiteenspatten()', 50);
}
else if(straal > 120){
uiteen = false; straal -= 5;
setTimeout('uiteenspatten()', 50);
}
else if(straal <= 120){
for(var i = 0; i < 12; i++){
********.getElementById('ster'+i).style.visibility = 'hidden';
}
aantal++;
setTimeout('begin()', 500);
}
} catch(e) {}
}

window.onload=begin;

</SCRIPT>

 

[هشبول]

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

كود لجعل الصفحة تمطر

<script language="JavaScript">

/* This credit MUST stay intact for use */
/* Visit our site at http://www.star28.com/ for more code */

<!-- Begin
var no = 50;
var speed = 1;
var ns4up = (********.layers) ? 1 : 0;
var ie4up = (********.all) ? 1 : 0;
var s, x, y, sn, cs;
var a, r, cx, cy;
var i, doc_width = 800, doc_height = 600;
if (ns4up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
else
if (ie4up) {
doc_width = ********.body.clientWidth;
doc_height = ********.body.clientHeight;
}
x = new Array();
y = new Array();
r = new Array();
cx = new Array();
cy = new Array();
s = 8;
for (i = 0; i < no; ++ i) {  
initRain();
if (ns4up) {
if (i == 0) {
********.write("<layer name=\"dot"+ i +"\" left=\"1\" ");
********.write("top=\"1\" visibility=\"show\"><font color=\"blue\">");
********.write(",</font></layer>");
}
else {
********.write("<layer name=\"dot"+ i +"\" left=\"1\" ");
********.write("top=\"1\" visibility=\"show\"><font color=\"blue\">");
********.write(",</font></layer>");
   }
}
else 
if (ie4up) {
if (i == 0) {
********.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
********.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
********.write("visible; TOP: 15px; LEFT: 15px;\"><font color=\"blue\">");
********.write(",</font></div>");
}
else {
********.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
********.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
********.write("visible; TOP: 15px; LEFT: 15px;\"><font color=\"blue\">");
********.write(",</font></div>");
      }
   }
}
function initRain() {
a = 6;
r[i] = 1;
sn = Math.sin(a);
cs = Math.cos(a);
cx[i] = Math.random() * doc_width + 1;
cy[i] = Math.random() * doc_height + 1;
x[i] = r[i] * sn + cx[i];
y[i] = cy[i];
}
function makeRain() {
r[i] = 1;
cx[i] = Math.random() * doc_width + 1;
cy[i] = 1;
x[i] = r[i] * sn + cx[i];
y[i] = r[i] * cs + cy[i];
}
function updateRain() {
r[i] += s;
x[i] = r[i] * sn + cx[i];
y[i] = r[i] * cs + cy[i];
}
function raindropNS() {
for (i = 0; i < no; ++ i) {
updateRain();
if ((x[i] <= 1) || (x[i] >= (doc_width - 20)) || (y[i] >= (doc_height - 20))) {
makeRain();
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
********.layers["dot"+i].top = y[i];
********.layers["dot"+i].left = x[i];
}
setTimeout("raindropNS()", speed);
}
function raindropIE() {
for (i = 0; i < no; ++ i) {
updateRain();
if ((x[i] <= 1) || (x[i] >= (doc_width - 20)) || (y[i] >= (doc_height - 20))) {
makeRain();
doc_width = ********.body.clientWidth;
doc_height = ********.body.clientHeight;
}
********.all["dot"+i].style.pixelTop = y[i];
********.all["dot"+i].style.pixelLeft = x[i];
}
setTimeout("raindropIE()", speed);
}
if (ns4up) {
raindropNS();
}
else
if (ie4up) {
raindropIE();
}
//  End -->
</script>

 

[هشبول]

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

كود الثلج

[FONT=Arial ,Tahoma] 1- انسخ هذا الكود و ضعه في منطقة HEAD

[/FONT]

<STYLE>.drop {
    FONT-SIZE: 40px; FILTER: flipV(), flipH(); WIDTH: 3px; COLOR: blue; POSITION: absolute
}
</STYLE>

<SCRIPT language=javascript>

// Rain/Snow effect- By Craig Blanchette Craiga.topcities.com
// Script featured on Dynamic Drive
// Visit our site at http://www.star28.com/ for more code

snow = true;    // false-rain;   true-snow
snowsym = " * "  //These are the symbols for each
rainsym = " ' "  //You can put images here.
howmany = 10     //How many drops/snowflakes?

/**************Do not need to change anything below***********/
if(snow){sym = snowsym; speed=1; angle=10; drops=howmany}
else{sym = rainsym; speed=50; drops=howmany; angle=6}
movex = -speed/angle; movey = speed; count = 0;

function moverain(){
for(move = 0; move < drops; move++){
xx[move]+=movex;  yy[move]+=mv[move];
hmm = Math.round(Math.random()*1);
if(xx[move] < 0){xx[move] = maxx+10;}
if(yy[move] > maxy){yy[move] = 10;}
drop[move].left = xx[move]
drop[move].top = yy[move]+********.body.scrollTop;
}setTimeout('moverain()','1')}

</SCRIPT>

[FONT=Arial ,Tahoma] 2- انسخ هذا الكود و ضعه في المكان الذي تريده في منطقة BODY


[/FONT]

<SCRIPT language=javascript>

if (********.all){
drop = new Array(); xx = new Array(); yy = new Array(); mv = new Array()
ly = "********.all[\'"; st = "\'].style"
for(make = 0; make < drops; make++){
********.write('<div id="drop'+make+'" class=drop>'+sym+'</div>');
drop[make] = eval(ly+'drop'+make+st);
maxx = ********.body.clientWidth-40
maxy = ********.body.clientHeight-40
xx[make] = Math.random()*maxx;
yy[make] = -100-Math.random()*maxy;
drop[make].left = xx[make]
drop[make].top = yy[make]
mv[make] = (Math.random()*5)+speed/4;
drop[make].fontSize = (Math.random()*10)+20;
if(snow){col = 'white'}else{col = 'blue'}
drop[make].color = col;
}
window.onload=moverain
}
</SCRIPT>

 

[هشبول]

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

رسالة تضهر للزائر قبل دخول الصفحة

[FONT=Arial ,Tahoma]انسخ هذا الكود و ضعه في منطقة HEAD

[/FONT]

  **********
if (!confirm("هل تريد دخول هذه الصفحة ؟"))
window.location=history.go(-1)
</script>

 

[هشبول]

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

كلام يتبع الماوس

[FONT=Arial ,Tahoma] 1- انسخ هذا الكود و ضعه في منطقة HEAD[/FONT]

<style>
.spanstyle {
    position:absolute;
    visibility:visible;
    top:-50px;
    font-size:10pt;
    font-family:Verdana;
      font-weight:bold;
    color:black;
}
</style>
**********

/* 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 = (********.layers) ? e.pageX : ********.body.scrollLeft+event.clientX
    y = (********.layers) ? e.pageY : ********.body.scrollTop+event.clientY
    flag=1
}

function makesnake() {
    if (flag==1 && ********.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 && ********.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("********.span"+i)
            thisspan.left=xpos[i]
            thisspan.top=ypos[i]
        }
    }
        var timer=setTimeout("makesnake()",30)
}

</script>

**********
<!-- Beginning of JavaScript -

for (i=0;i<=message.length-1;i++) {
    ********.write("<span id='span"+i+"' class='spanstyle'>")
    ********.write(message[i])
    ********.write("</span>")
}

if (********.layers){
    ********.captureEvents(Event.MOUSEMOVE);
}
********.onmousemove = handlerMM;

// - End of JavaScript - -->
</script>

[FONT=Arial ,Tahoma] 2- ضع هذه الرموز ضمن الوسم BODY لتصبح هكذا

[/FONT]

 <BODY onLoad="makesnake()" style="width:100%;overflow-x:hidden;overflow-y:scroll">