کدهای جاوا برای سایت

انواع کدهای جاوا اسکریپت

کدهای جاوا برای سایت

انواع کدهای جاوا اسکریپت

جدیدترین یادداشت‌ها

همه

کد جاوا اسکریژت هوم پیج اتوماتیک سایت با این کد به راحتی فقط با قراردادن در قالب سایت یا وبلاگ خود تمام کسانی که وارد سایت شما میشوند در هوم پیج آنها قرار...
کد برای POPUP سایت - وبلاگ باز شدن یک صفحه وب جدید همراه با باز شدن وبلاگ شما فقط کافیست که کد زیرا داخل قالب وبلاگ یا سایت خود قراردهید ....
کد برای لودینگ برای وبلاگ و سایت . ::..::••:: کد برای لودینگ ( کد های جاوا اسکریپ ) این کد را در ابتدای قالب تان کپی کنید <!-- ir-java.blogsky.com...
کد اسکریپت سخن تصادفی کد اسکریپت سخن تصادفی <script language="JavaScript"> var Quotation=new Array() Quotation[0] = "سخن...
هوم پیج کردن سایت با سلام خروجی کد اول متنی است که بازدید کنتنده با یک کلیک برروی آن سایت یا وبلاگ شما را به صفحه ی خانگی خود تبدیل می...
ساعات بیشتر شهرهای جهان تبصره: همانطور که در این کد ملاحضه می کنید، تگهای سر و بدن ( و ) آمده است. من توصیه میکنم شما محتویات ما بین هر دو تگ...
یک ساعت کامپیوتری در عنوان صفحه (Title) یک ساعت کامپیوتری در عنوان صفحه (Title). تبصره: این کد را بهتر است که در قسمت سر، یعنی ما بین دو تگ...
کد یک تقویم کوچک ولی زیبا کد یک تقویم کوچک ولی زیبا. تبصره: این کد را بهتر است که در قسمت سر، یعنی ما بین دو تگ <head></head> قرار...
ساعت های بعضی از شهر های خارجی ساعت های بعضی از شهر های خارجی. تبصره: این کد را بهتر است که در قسمت سر، یعنی ما بین دو تگ <head></head>...
ساعت های بعضی از شهر های خارجی ساعت های بعضی از شهر های خارجی. تبصره: این کد را بهتر است که در قسمت سر، یعنی ما بین دو تگ <head></head>...
ایجاد تاریخ و ساعت در نوار وضعیت ایجاد تاریخ و ساعت در نوار وضعیت. تبصره: این کد را بهتر است که در قسمت سر، یعنی ما بین دو تگ <head></head>...
ایجاد ساعت در نوار وضعیت. ایجاد ساعت در نوار وضعیت. تبصره: این کد را بهتر است که در قسمت سر، یعنی ما بین دو تگ <head></head> قرار...
ساعتی با نشانگر مدت زمانی که کاربر وارد شده است. ( انگلیسی ) ساعتی با نشانگر مدت زمانی که کاربر وارد شده است. (2 انگلیسی) تبصره: این کد را بهتر است که در قسمت سر، یعنی ما بین دو تگ...
ساعتی با نشانگر مدت زمانی که کاربر وارد شده است. ( انگلیسی ) ساعتی با نشانگر مدت زمانی که کاربر وارد شده است. (2 انگلیسی) تبصره: این کد را بهتر است که در قسمت سر، یعنی ما بین دو تگ...
ساعتی با نشانگر مدت زمانی که کاربر وارد شده است. ( فارسی ) ساعتی با نشانگر مدت زمانی که کاربر وارد شده است. (1 فارسی) تبصره: این کد را بهتر است که در قسمت سر، یعنی ما بین دو تگ...
یک ساعت کامپیوتری ساده یک ساعت کامپیوتری ساده. تبصره: همانطور که در این کد ملاحضه می کنید، تگهای سر و بدن ( <head></head> و...
ساعت میله ای با جدول ساعت میله ای با جدول. تبصره: همانطور که در این کد ملاحضه می کنید، تگهای سر و بدن ( <head></head> و...
ساعت عقربه دار ثابت. تبصره 1 : همانطور که در این کد ملاحضه می کنید، تگهای سر و بدن ( و ) آمده است. من توصیه میکنم شما محتویات ما بین هر دو...
ساعت عقربه دار لغزان ساعت عقربه دار لغزان. تبصره: این کد را بهتر است که در قسمت سر، یعنی ما بین دو تگ <head></head> قرار دهید....
نمایش تصویر به صورت شفاف که در هنگام نشانه گیری موس شفافیت را ا نمایش تصویر به صورت شفاف که در هنگام نشانه گیری موس شفافیت را از دست می دهد. تبصره 1: همانطور که در این کد ملاحضه می...
منوی باز شو همراه با تغییر تصویر در هنگام نشانه گیری موس و انتخا تبصره 1: همانطور که در این کد ملاحضه می کنید، تگهای سر و بدن ( <head></head> و <body></body> )...
لینک دادن همراه با تغییر تصویر در هنگام نشانه گیری با موس لینک دادن همراه با تغییر تصویر در هنگام نشانه گیری با موس. تبصره 1: آدرس صفحه ی مورد نظرتان را جهت لینک دادن باید به...
کد اصلی گذاشتن عکس در صفحه ی وب کد اصلی گذاشتن عکس در صفحه ی وب. تبصره 1: آدرس عکس خود را باید به جای YOUR URL جایگزین کنید. تبصره 2: در خصیصه ی alt...
انتخاب موزیک توسط کاربر از روی هارد دیسک خود همراه با تایمر پخش انتخاب موزیک توسط کاربر از روی هارد دیسک خود همراه با تایمر پخش. تبصره: همانطور که در این کد ملاحضه می کنید، تگهای سر و...
پخش موزیک همراه با دکمه های کنترل برای کاربر پخش موزیک همراه با دکمه های کنترل برای کاربر. تبصره 1: دقت داشته باشید که در این کد آدرس فایل خود را باید در دو جا وارد...
پخش فایل صوتی در پس زمینه ی صفحه ی وب پخش فایل صوتی در پس زمینه ی صفحه ی وب. تبصره 1: آدرس فایل خود را به جای YOUR URL جایگزین کنید. تبصره 2: این کد را بهتر...
ایجاد ثانیه شمار برای مقصد یک لینک بدون دخالت کاربر ایجاد ثانیه شمار برای مقصد یک لینک بدون دخالت کاربر. تبصره 1: این کد را باید در قسمت بدن یعنی ما بین (...
منوی لغزان لینک (باز شو) منوی لغزان لینک (باز شو). تبصره 1: همانطور که در این کد ملاحضه می کنید، تگهای سر و بدن ( <head></head> و...
لینک پرینت (چاپ صفحه) لینک پرینت (چاپ صفحه). تبصره 1: همانطور که در این کد ملاحضه می کنید، تگهای سر و بدن ( <head></head> و...
نمایش اطلاعات مقصد لینک روی نوار وضعیت نمایش اطلاعات مقصد لینک روی نوار وضعیت. تبصره 1: همانطور که در این کد ملاحضه می کنید، تگهای سر و بدن (...
لینکهای متحرک لینکهای متحرک. تبصره 1: آدرس لینکهای خود را به جای واژه های YOUR URL و اسم لینکها را به جای واژه های YOUR NAME LINK...
رقص نور دادن به لینکها رقص نور دادن به لینکها. تبصره 1: این کد را بهتر است در قسمت سر یعنی ما بین دو تگ ( <head></head> ) کد...
جعبه ی لینک بدون دکمه ی تایید جعبه ی لینک بدون دکمه ی تایید. تبصره 1: در این کد بجای واژه ی YOUR TEXT اسمی در نظر گرفته و جایگزین کنید. به عنوان...
جعبه ی لینک همراه با دکمه ی تایید . تبصره 1: در این کد آدرس لینکهای خود را به جای واژه های YOUR URL جایگزین کنید. ( YOUR URL2 , YOUR URL1 و ....) تبصره...
سفارشی کردن رنگ لینکها توسط شیوه ها سفارشی کردن رنگ لینکها توسط شیوه ها. ( CSS ) تبصره 1: این کد را بهتر است در قسمت سر یعنی ما بین دو تگ (...
سفارشی کردن رنگ لینکها توسط شیوه ها سفارشی کردن رنگ لینکها توسط شیوه ها. ( CSS ) تبصره 1: این کد را بهتر است در قسمت سر یعنی ما بین دو تگ (...
رفتن به مقصد لینک بدون کلیک رفتن به مقصد لینک بدون کلیک! تبصره 1: این کد زمانی فعال میشود که نشانگر موس کاربر بر روی اسم لینک یا تصویر لینک شده...
کد اصلی پیوند (لینک) دادن کد اصلی پیوند (لینک) دادن. تبصره 1: آدرس صفحه ی مورد نظرتان را جهت لینک دادن باید به جای YOUR URL جایگزین کنید. تبصره...

آمار : 145083 بازدید Powered by Blogsky

ساعتی با نشانگر مدت زمانی که کاربر وارد شده است. ( فارسی )

ساعتی با نشانگر مدت زمانی که کاربر وارد شده است. (1 فارسی)

تبصره: این کد را بهتر است که در قسمت سر، یعنی ما بین دو تگ <head></head> قرار دهید.

<script language="JavaScript">
day = new Date();
miVisit = day.getTime();
function clock() {
dayTwo = new Date();
hrNow = dayTwo.getHours();
mnNow = dayTwo.getMinutes();	
scNow = dayTwo.getSeconds();
miNow = dayTwo.getTime();
if (hrNow == 0) {
hour = 12;
ap = " AM";
} else if(hrNow <= 11) {
ap = " AM";
hour = hrNow;
} else if(hrNow == 12) {
ap = " PM";
hour = 12;
} else if (hrNow >= 13) {
hour = (hrNow - 12);
ap = " PM";
}
if (hrNow >= 13) {
hour = hrNow - 12;
}
if (mnNow <= 9) {
min = "0" + mnNow;
}
else (min = mnNow)
if (scNow <= 9) {
secs = "0" + scNow;
} else {
secs = scNow;
}
time = hour + ":" + min + ":" + secs + ap;
document.form.button.value = time;
setTimeout('clock()', 1000);
}
function timeInfo() {
milliSince = miNow;
milliNow = miNow - miVisit;
secsVisit = Math.round(milliNow / 1000);
minsVisit = Math.round((milliNow / 1000) / 60);
alert(" عزیزم شما الان " + minsVisit + " دقیقه یا "
+ secsVisit + " ثانیه است که در این وب سایت حضور داری ");
} 
document.write("<form name=\"form\">"
+ "<input type=button style='cursor=help' style='border=blue' style='height=20' style='background=#000099' style='color=white' value=\"Click for info!\""
+ " name=button onClick=\"timeInfo()\"></form>");
onError = null;
clock();
//-->
</script>

یاسر نیساری جمعه 28 فروردین‌ماه سال 1388 ساعت 01:42 ق.ظ

0 نظر

یک ساعت کامپیوتری ساده

یک ساعت کامپیوتری ساده.

تبصره: همانطور که در این کد ملاحضه می کنید، تگهای سر و بدن ( <head></head> و <body></body> ) آمده است. من توصیه میکنم شما محتویات ما بین هر دو تگ را تک تک کپی بگیرید و در قسمت های سر و بدن کد خود بچسبانید تا از تکرار مجدد این دو تگ جلوگیری شود. البته تکرار این دو تگ ممانعتی ندارد ولی بهتر است یکبار تکرار شوند.

یاسر نیساری جمعه 28 فروردین‌ماه سال 1388 ساعت 01:41 ق.ظ

0 نظر

ساعت میله ای با جدول

ساعت میله ای با جدول.

<head>
<script language="JavaScript">

</script>
</head>

<form name="clock"><table><tr><td>Hours:</td><td>
<input type="text" name="h" size="10" style="border: 0"></td></tr><tr><td colspan=2>
<input type=text name="hours" size="24" style="color: navy"></td>
</tr><tr><td>Minutes:</td><td><input type="text" name="m" size="10" style="border: 0">
</td></tr><tr><td colspan=2><input type=text name="minutes" size="60" style="color: navy"></td></tr>
<tr><td>Seconds:</td><td><input type="text" name="s" size="10" style="border: 0"></td>
</tr><tr><td colspan=2><input type=text name="seconds" size="69" style="color: navy">
</td></tr><tr><td>Time:<input type=text name="time" size="20" style="border: 0">
</td></tr></table></form>

</body>

یاسر نیساری جمعه 28 فروردین‌ماه سال 1388 ساعت 01:40 ق.ظ

0 نظر

ساعت عقربه دار ثابت.

تبصره 1: همانطور که در این کد ملاحضه می کنید، تگهای سر و بدن ( و ) آمده است. من توصیه میکنم شما محتویات ما بین هر دو تگ را تک تک کپی بگیرید و در قسمت های سر و بدن کد خود بچسبانید تا از تکرار مجدد این دو تگ جلوگیری شود. البته تکرار این دو تگ ممانعتی ندارد ولی بهتر است یکبار تکرار شوند.
تبصره 2: من توصیه میکنم که اگر در لیست کد صفحه ی شما دو تگ () وجود دارد فقط کدهای میانی را کپی بگیرید و ما بین آنها بچسبانید.

<head> <script language="JavaScript">  </script> <style> ..num {color:#8000FF;width:30px;text-align:center; } </style> </head> <body onLoad="javascript:startClock();"> <div id="c0" style="position:absolute;left:36;top:36;z-index:2;"></div> <div id="c1" class="num" style="position:absolute;left:20;top:-20;z-index:5;font-size:11px;"><b>1</b></div> <div id="c2" class="num" style="position:absolute;left:20;top:-20;z-index:5;font-size:11px;"><b>2</b></div> <div id="c3" class="num" style="position:absolute;left:20;top:-20;z-index:5;font-size:11px;"><b>3</b></div> <div id="c4" class="num" style="position:absolute;left:20;top:-20;z-index:5;font-size:11px;"><b>4</b></div> <div id="c5" class="num" style="position:absolute;left:20;top:-20;z-index:5;font-size:11px;"><b>5</b></div> <div id="c6" class="num" style="position:absolute;left:20;top:-20;z-index:5;font-size:11px;"><b>6</b></div> <div id="c7" class="num" style="position:absolute;left:20;top:-20;z-index:5;font-size:11px;"><b>7</b></div> <div id="c8" class="num" style="position:absolute;left:20;top:-20;z-index:5;font-size:11px;"><b>8</b></div> <div id="c9" class="num" style="position:absolute;left:20;top:-20;z-index:5;font-size:11px;"><b>9</b></div> <div id="c10" class="num" style="position:absolute;left:20;top:-20;z-index:5;font-size:11px;"><b>10</b></div> <div id="c11" class="num" style="position:absolute;left:20;top:-20;z-index:5;font-size:11px;"><b>11</b></div> <div id="c12" class="num" style="position:absolute;left:20;top:-20;z-index:5;font-size:11px;"><b>12</b></div> <div id="ob0" class="num" style="position:absolute;left:-20;top:-20;z-index:1"></div> <div id="ob1" class="num" style="position:absolute;left:-20;top:-20;z-index:8"> <font size="+3" color="#FF0080"><b>.</b></font></div> <div id="ob2" class="num" style="position:absolute;left:-20;top:-20;z-index:8"> <font size="+3" color="#FF0080"><b>.</b></font></div> <div id="ob3" class="num" style="position:absolute;left:-20;top:-20;z-index:8"> <font size="+3" color="#FF0080"><b>.</b></font></div> <div id="ob4" class="num" style="position:absolute;left:-20;top:-20;z-index:8"> <font size="+3" color="#FF0080"><b>.</b></font></div> <div id="ob5" class="num" style="position:absolute;left:-20;top:-20;z-index:8"> <font size="+3" color="#FF0080"><b>.</b></font></div> <div id="ob6" class="num" style="position:absolute;left:-20;top:-20;z-index:7"> <font size="+3" color="#00ffff"><b>.</b></font></div> <div id="ob7" class="num" style="position:absolute;left:-20;top:-20;z-index:7"> <font size="+3" color="#00ffff"><b>.</b></font></div> <div id="ob8" class="num" style="position:absolute;left:-20;top:-20;z-index:7"> <font size="+3" color="#00ffff"><b>.</b></font></div> <div id="ob9" class="num" style="position:absolute;left:-20;top:-20;z-index:7"> <font size="+3" color="#00ffff"><b>.</b></font></div> <div id="ob10" class="num" style="position:absolute;left:-20;top:-20;z-index:6"> <font size="+3" color="#ffff00"><b>.</b></font></div> <div id="ob11" class="num" style="position:absolute;left:-20;top:-20;z-index:6"> <font size="+3" color="#ffff00"><b>.</b></font></div> <div id="ob12" class="num" style="position:absolute;left:-20;top:-20;z-index:6"> <font size="+3" color="#ffff00"><b>.</b></font></div> </body> </body> </html>

یاسر نیساری جمعه 28 فروردین‌ماه سال 1388 ساعت 01:38 ق.ظ

0 نظر

ساعت عقربه دار لغزان

ساعت عقربه دار لغزان.

تبصره: این کد را بهتر است که در قسمت سر، یعنی ما بین دو تگ <head></head> قرار دهید.

<script language="JavaScript">
fCol='#8000FF'; //face colour.
sCol='#FF0080'; //seconds colour.
mCol='00FFFF'; //minutes colour.
hCol='FFFF00'; //hours colour.

Ybase=35; //Clock height.
Xbase=45; //Clock width.
H='...';
H=H.split('');
M='....';
M=M.split('');
S='.....';
S=S.split('');
NS4=(document.layers);
NS6=(document.getElementById&&!document.all);
IE4=(document.all);
Ypos=0;
Xpos=0;
dots=12;
Split=360/dots;
if (NS6){
for (i=1; i < dots+1; i++){
document.write('<div id="n6Digits'+i+'" style="position:absolute;top:0px;left:0px;width:30px;height:30px;font-family:Arial;font-size:10px;color:#'+fCol+';text-align:center;padding-top:10px">'+i+'</div>');
}
for (i=0; i < M.length; i++){
document.write('<div id="Ny'+i+'" style="position:absolute;top:0px;left:0px;width:2px;height:2px;font-size:2px;background:#'+mCol+'"></div>');
}
for (i=0; i < H.length; i++){
document.write('<div id="Nz'+i+'" style="position:absolute;top:0px;left:0px;width:2px;height:2px;font-size:2px;background:#'+hCol+'"></div>');
}
for (i=0; i < S.length; i++){
document.write('<div id="Nx'+i+'" style="position:absolute;top:0px;left:0px;width:2px;height:2px;font-size:2px;background:#'+sCol+'"></div>');
}
}
if (NS4){
dgts='1 2 3 4 5 6 7 8 9 10 11 12';
dgts=dgts.split(' ')
for (i=0; i < dots; i++){
document.write('<layer name=nsDigits'+i+' top=0 left=0 height=30 width=30><center><font face=Arial size=1 color='+fCol+'>'+dgts[i]+'</font></center></layer>');
}
for (i=0; i < M.length; i++){
document.write('<layer name=ny'+i+' top=0 left=0 bgcolor='+mCol+' clip="0,0,2,2"></layer>');
}
for (i=0; i < H.length; i++){
document.write('<layer name=nz'+i+' top=0 left=0 bgcolor='+hCol+' clip="0,0,2,2"></layer>');
}
for (i=0; i < S.length; i++){
document.write('<layer name=nx'+i+' top=0 left=0 bgcolor='+sCol+' clip="0,0,2,2"></layer>');
}
}
if (IE4){
document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=1; i < dots+1; i++){
document.write('<div id="ieDigits" style="position:absolute;top:0px;left:0px;width:30px;height:30px;font-family:Arial;font-size:10px;color:'+fCol+';text-align:center;padding-top:10px">'+i+'</div>');
}
document.write('</div></div>')
document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < M.length; i++){
document.write('<div id=y style="position:absolute;width:2px;height:2px;font-size:2px;background:'+mCol+'"></div>');
}
document.write('</div></div>')
document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < H.length; i++){
document.write('<div id=z style="position:absolute;width:2px;height:2px;font-size:2px;background:'+hCol+'"></div>');
}
document.write('</div></div>')
document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < S.length; i++){
document.write('<div id=x style="position:absolute;width:2px;height:2px;font-size:2px;background:'+sCol+'"></div>');
}
document.write('</div></div>')
}

function clock(){
time = new Date ();
secs = time.getSeconds();
sec = -1.57 + Math.PI * secs/30;
mins = time.getMinutes();
min = -1.57 + Math.PI * mins/30;
hr = time.getHours();
hrs = -1.57 + Math.PI * hr/6 + Math.PI*parseInt(time.getMinutes())/360;

if (NS6){
Ypos=window.pageYOffset+window.innerHeight-Ybase-25;
Xpos=window.pageXOffset+window.innerWidth-Xbase-30;
for (i=1; i < dots+1; i++){
 document.getElementById("n6Digits"+i).style.top=Ypos-15+Ybase*Math.sin(-1.56 +i *Split*Math.PI/180)
 document.getElementById("n6Digits"+i).style.left=Xpos-15+Xbase*Math.cos(-1.56 +i*Split*Math.PI/180)
 }
for (i=0; i < S.length; i++){
 document.getElementById("Nx"+i).style.top=Ypos+i*Ybase/4.1*Math.sin(sec);
 document.getElementById("Nx"+i).style.left=Xpos+i*Xbase/4.1*Math.cos(sec);
 }
for (i=0; i < M.length; i++){
 document.getElementById("Ny"+i).style.top=Ypos+i*Ybase/4.1*Math.sin(min);
 document.getElementById("Ny"+i).style.left=Xpos+i*Xbase/4.1*Math.cos(min);
 }
for (i=0; i < H.length; i++){
 document.getElementById("Nz"+i).style.top=Ypos+i*Ybase/4.1*Math.sin(hrs);
 document.getElementById("Nz"+i).style.left=Xpos+i*Xbase/4.1*Math.cos(hrs);
 }
}
if (NS4){
Ypos=window.pageYOffset+window.innerHeight-Ybase-20;
Xpos=window.pageXOffset+window.innerWidth-Xbase-30;
for (i=0; i < dots; ++i){
 document.layers["nsDigits"+i].top=Ypos-5+Ybase*Math.sin(-1.045 +i*Split*Math.PI/180)
 document.layers["nsDigits"+i].left=Xpos-15+Xbase*Math.cos(-1.045 +i*Split*Math.PI/180)
 }
for (i=0; i < S.length; i++){
 document.layers["nx"+i].top=Ypos+i*Ybase/4.1*Math.sin(sec);
 document.layers["nx"+i].left=Xpos+i*Xbase/4.1*Math.cos(sec);
 }
for (i=0; i < M.length; i++){
 document.layers["ny"+i].top=Ypos+i*Ybase/4.1*Math.sin(min);
 document.layers["ny"+i].left=Xpos+i*Xbase/4.1*Math.cos(min);
 }
for (i=0; i < H.length; i++){
 document.layers["nz"+i].top=Ypos+i*Ybase/4.1*Math.sin(hrs);
 document.layers["nz"+i].left=Xpos+i*Xbase/4.1*Math.cos(hrs);
 }
}

if (IE4){
Ypos=document.body.scrollTop+window.document.body.clientHeight-Ybase-20;
Xpos=document.body.scrollLeft+window.document.body.clientWidth-Xbase-20;
for (i=0; i < dots; ++i){
 ieDigits[i].style.pixelTop=Ypos-15+Ybase*Math.sin(-1.045 +i *Split*Math.PI/180)
 ieDigits[i].style.pixelLeft=Xpos-15+Xbase*Math.cos(-1.045 +i *Split*Math.PI/180)
 }
for (i=0; i < S.length; i++){
 x[i].style.pixelTop =Ypos+i*Ybase/4.1*Math.sin(sec);
 x[i].style.pixelLeft=Xpos+i*Xbase/4.1*Math.cos(sec);
 }
for (i=0; i < M.length; i++){
 y[i].style.pixelTop =Ypos+i*Ybase/4.1*Math.sin(min);
 y[i].style.pixelLeft=Xpos+i*Xbase/4.1*Math.cos(min);
 }
for (i=0; i < H.length; i++){
 z[i].style.pixelTop =Ypos+i*Ybase/4.1*Math.sin(hrs);
 z[i].style.pixelLeft=Xpos+i*Xbase/4.1*Math.cos(hrs);
 }
}
setTimeout('clock()',100);
}
clock();
//-->
</script>

یاسر نیساری جمعه 28 فروردین‌ماه سال 1388 ساعت 01:38 ق.ظ

0 نظر

نمایش تصویر به صورت شفاف که در هنگام نشانه گیری موس شفافیت را ا

نمایش تصویر به صورت شفاف که در هنگام نشانه گیری موس شفافیت را از دست می دهد.

تبصره 1: همانطور که در این کد ملاحضه می کنید، تگهای سر و بدن ( <head></head> و <body></body> ) آمده است. من توصیه میکنم شما محتویات ما بین هر دو تگ را تک تک کپی بگیرید و در قسمت های سر و بدن کد خود بچسبانید تا از تکرار مجدد این دو تگ جلوگیری شود. البته تکرار این دو تگ ممانعتی ندارد ولی بهتر است یکبار تکرار شوند.
تبصره 2: در این کد به یک تگ لینک هم بر خورد خواهید کرد که باعث میشود عکس شما برای مقصد لینک فعال باشد. در صورت نیاز میتوانید آدرس صفحه ی مقصد را به جای واژه های YOUR URL LINK جایگزین نمایید یا اینکه کلاً تگ لینک را حذف نمایید. (<a></a>)
تبصره 3: آدرس عکس خود را به جای واژه های URL PIC جایگزین نمایید.

<head> <script language="JavaScript1.2"> function makevisible(cur,which){ if (which==0) cur.filters.alpha.opacity=100 else cur.filters.alpha.opacity=20 } </script> </head> <body> <a href="YOUR URL LINK"> <img src="URL PIC" border=0 style="filter:alpha(opacity=20)" onMouseover="makevisible(this,0)" onMouseout="makevisible(this,1)" /></a> </body>

یاسر نیساری پنج‌شنبه 27 فروردین‌ماه سال 1388 ساعت 09:54 ب.ظ

0 نظر

منوی باز شو همراه با تغییر تصویر در هنگام نشانه گیری موس و انتخا

تبصره 1: همانطور که در این کد ملاحضه می کنید، تگهای سر و بدن ( <head></head> و <body></body> ) آمده است. من توصیه میکنم شما محتویات ما بین هر دو تگ را تک تک کپی بگیرید و در قسمت های سر و بدن کد خود بچسبانید تا از تکرار مجدد این دو تگ جلوگیری شود. البته تکرار این دو تگ ممانعتی ندارد ولی بهتر است یکبار تکرار شوند.
تبصره 2: من توصیه میکنم که اگر در لیست کد صفحه ی شما دو تگ (<style></style>) وجود دارد فقط کدهای میانی را کپی بگیرید و ما بین آنها بچسبانید.
تبصره 3: در این کد در هر جایی که با واژه های URL PIC 2 برخورد کردید باید آدرس عکسی که با نشانه گیری موس نشان داده میشود را جایگزین نمایید و در هر جایی که با واژه های URL PIC 1 برخورد می کنید باید آدرس عکس اصلی را جایگزین کنید.

<head>
<style>
.curhand{cursor:hand}
</style>
<script language="javascript">

function displayit(paragraph,title,imgmenu){
if (document.all[paragraph].style.display=='none')
{document.all[paragraph].style.display="block";
document.all[imgmenu].src="URL PIC 2"}
else {document.all[paragraph].style.display="none";
document.all[imgmenu].src="URL PIC 2"}
}

function setoverstyles(paragraph,imgmenu,title){
if (document.all[paragraph].style.display=='none')
{document.all[imgmenu].src="URL PIC 2";
document.all[title].style.textDecorationUnderline='true'}
else {document.all[imgmenu].src="URL PIC 2";
document.all[title].style.textDecorationUnderline='true'}
}

function setoutstyles(paragraph,imgmenu,title){
if (document.all[paragraph].style.display=='none')
{document.all[title].style.textDecoration='none';
document.all[imgmenu].src="URL PIC 1"}
else {document.all[imgmenu].src="URL PIC 2";
document.all[title].style.textDecoration='none'}
}

sw=0;
function displayall(){
if (sw==0) {swall.innerText="Hide all";document.all['x'].style.display='block';sw=1;
for (i=1;i<=5;i++)
{ xmenu='menu'+i ; ximg='imgmenu'+i ;
if (document.all[xmenu].style.display=='none') 
   {document.all[xmenu].style.display="block";document.all[ximg].src="URL PIC 2"}}}

else {swall.innerText="Show all";document.all['x'].style.display='none';sw=0;
for (i=1;i<=5;i++)
{xmenu='menu'+i;ximg='imgmenu'+i;
if (document.all[xmenu].style.display=='block') 
   {document.all[xmenu].style.display="none";document.all[ximg].src="URL PIC 1"}}}
}

function displayinline(text){
if (document.all[text].style.display=="none"){document.all[text].style.display="inline"}
else {document.all[text].style.display="none"}
}

</script>
</head>

<body>

</tr>
  </table><br>
<p id='x' style="display:none"></p>
<div onmouseover="setoverstyles('menu1','imgmenu1','title1')" onmouseout="setoutstyles('menu1','imgmenu1','title1')" class="curhand" onclick="displayit('menu1','title1','imgmenu1')" id="title1" style="position:static; width:150; height:15">
  <img id="imgmenu1" border="0" src="URL PIC 1" width="12" height="12" /> 
  Persian Musics</div>
<blockquote>
  <span id="menu1" style="display:none;">
  Item 1<br />
  Item 2<br />
  Item 3<br />
  Item 4<br />
  Item 5<br />
  Item 6<br />
  Item 7</span>
</blockquote>
<div onmouseover="setoverstyles('menu2','imgmenu2','title2')" onmouseout="setoutstyles('menu2','imgmenu2','title2')" class="curhand" onclick="displayit('menu2','title2','imgmenu2')" id="title2" style="position:static; width:150; height:15">
  <img id="imgmenu2" border="0" src="URL PIC 1" width="12" height="12" /> 
  Kharegi Musics</div>
<blockquote>
  <span id="menu2" style="display:none;">
  Item 1<br />
  Item 2<br />
  Item 3<br />
  Item 4<br />
  Item 5<br />
  Item 6<br />
  Item 7</span>
</blockquote>
<div onmouseover="setoverstyles('menu3','imgmenu3','title3')" onmouseout="setoutstyles('menu3','imgmenu3','title3')" class="curhand" onclick="displayit('menu3','title3','imgmenu3')" id="title3" style="position:static; width:150; height:15">
<img id="imgmenu3" border="0" src="URL PIC 1" width="12" height="12" /> 
  Persian Videos</div>
<blockquote>
  <span id="menu3" style="display:none;">
  Item 1<br />
  Item 2<br />
  Item 3<br />
  Item 4<br />
  Item 5<br />
  Item 6<br />
  Item 7</span>
</blockquote>
<div onmouseover="setoverstyles('menu4','imgmenu4','title4')" onmouseout="setoutstyles('menu4','imgmenu4','title4')" class="curhand" onclick="displayit('menu4','title4','imgmenu4');" id="title4" style="position:static; width:150; height:15">
<img id="imgmenu4" border="0" src="URL PIC 1" width="12" height="12" /> 
  Kharegi Videos</div>
<blockquote>
  <span id="menu4" style="display:none;">
  Item 1<br />
  Item 2<br />
  Item 3<br />
  Item 4<br />
  Item 5<br />
  Item 6<br />
  Item 7</span>
</blockquote>
<div onmouseover="setoverstyles('menu5','imgmenu5','title5')" onmouseout="setoutstyles('menu5','imgmenu5','title5')" class="curhand" onclick="displayit('menu5','title5','imgmenu5')" id="title5" style="position:static; width:150; height:15">
<img id="imgmenu5" border="0" src="URL PIC 1" width="12" height="12" />
  Funyy Videos</div>
<blockquote>
  <span id="menu5" style="display:none;">
  Item 1<br />
  Item 2<br />
  Item 3<br />
  Item 4<br />
  Item 5<br />
  Item 6<br />
  Item 7</span>
</blockquote>
</body>

یاسر نیساری پنج‌شنبه 27 فروردین‌ماه سال 1388 ساعت 09:46 ب.ظ

0 نظر

38
1
2
صفحه 3
4
5
6

دسته‌ها

جدیدترین یادداشت‌ها

جستجو