View Full Version : جاوا اسکریپت لرنینگ
CyrusCo
07-02-2004, 05:54 PM
سلام
توی این تاپیک می تونید کد های جاوا اسکریپت که مربوط به طراحی بلاگ و سایت هست رو ببینید .
از همتون میخوام کمک کنید تا این تاپیک روی زمین نمونه چون من خودم زیاد توی جاوا اسکریپت حرفه ای نیستم پس از همه خواهش می کنم همکاری کنن و کد هایی رو که بلدن بنویسن .
برای امروز این کد رو که مربوط به نمایش ساعت در status bar هست رو معرفی می کنم .
<!-- this script got from P30WORLD.COM (AmirsGold)--><br />
<!-- Web Site: http://wWw.AmirsGold.cOm--><br />
<!-- 'Scrolling Fix' AmirsGold.com Info@AmirsGold.com --><br />
<Script LANGUAGE="JavaScript"><br />
<!-- Hide this from older browsers<br />
<p>var timerID = null;<br />
var TimerRunning = false;</p>
<p>function stop(){<br />
if(TimerRunning)<br />
clearTimeout(timerID);<br />
TimerRunning = false;<br />
}</p>
<p>function display() {<br />
var thedate = new Date();<br />
var hours = thedate.getHours();<br />
var Min = thedate.getMinutes();<br />
var Sec = thedate.getSeconds();<br />
var TimeV = "" + ((hours >12) ? hours -12 :hours)<br />
TimeV += ((Min < 10) ? ":0" : ":") + Min<br />
TimeV += ((Sec < 10) ? ":0" : ":") + Sec<br />
TimeV += (hours >= 12) ? " P.M." : " A.M."<br />
window.status = TimeV;<br />
timerID = setTimeout("display()",1000);<br />
TimerRunning = true;<br />
}</p>
<p>function start() {<br />
stop();<br />
display();<br />
}</p>
<p>start();</p>
<p>// end hide --><br />
</Script>
CyrusCo
07-03-2004, 04:37 PM
اين کد جالب اين امکان رو به شما ميده که صفحه شما از کوچک به بزرگ باز بشه .کد جالبيه و به امتحانش مي ارزه و برای صفحاتی که پاپ آپ به درد میخوره .
<title>Congratulations!</title><br />
<style Type=Text/CSS><br />
<!--<br />
.Close {<br />
font-family: "Trebuchet MS";<br />
font-size: 18px;<br />
font-weight: bold;<br />
color: #FFFF00;<br />
}<br />
A:Link {color:#FFFF00;text-decoration: none;}<br />
A:Visited {color:#FFFF00;text-decoration: none;}<br />
A:Active {color:#FFFF00;text-decoration: none;}<br />
A:Hover {color:#FFFFFF;text-decoration: underline;}<br />
--><br />
</style><br />
<script language="JavaScript" type="text/JavaScript"><br />
<!--<br />
function TB_animateWindow(windowWidth,windowHeight,targetWi dth,targetHeight,widthMod,heightMod,fullScreen)<br />
{<br />
// www.------------<br />
// www.spirit.it.tt</p>
<p> if (fullScreen)<br />
{<br />
targetWidth = screen.availWidth;<br />
targetHeight = screen.availHeight;<br />
}</p>
<p> if (windowWidth < targetWidth) windowWidth += widthMod;<br />
if (windowHeight < targetHeight) windowHeight += heightMod;</p>
<p> windowLeft = (screen.availWidth / 2) - (windowWidth / 2);<br />
windowTop = (screen.availHeight / 2) - (windowHeight / 2);</p>
<p> top.window.resizeTo(windowWidth,windowHeight);<br />
top.window.moveTo(windowLeft,windowTop);</p>
<p> if (windowWidth < targetWidth || windowHeight < targetHeight)<br />
setTimeout('TB_animateWindow(' + windowWidth + ', ' + windowHeight + ', ' + targetWidth + ', ' + targetHeight + ', ' + widthMod + ', ' + heightMod + ', ' + fullScreen + ');',10);<br />
}<br />
//--><br />
</script><br />
</head></p>
<p><body bgcolor=#C0C0C0 onLoad="TB_animateWindow(700,300,0,0,20,20,true)" link="#FFFFFF"></p>
<p> <script language=JavaScript><br />
function disableIE() {if (document.all) {return false;}<br />
}<br />
function disableNS(e) {<br />
if (document.layers||(document.getElementById&&!docum ent.all)) {<br />
if (e.which==2||e.which==3) {return false;}<br />
}<br />
}<br />
if (document.layers) {<br />
document.captureEvents(Event.MOUSEDOWN);document.o nmousedown=disableNS;<br />
} else {<br />
document.onmouseup=disableNS;document.oncontextmen u=disableIE;<br />
}<br />
document.oncontextmenu=new Function("return false")<br />
</script>
CyrusCo
07-04-2004, 04:43 PM
اين كد رو ميدونم كه خيلي ها دنبالشن . اين كد اين امكانو به شما ميده كه عكس مورده نظرتونو در صفحتون ثابت نگه دارين به عنوان نمونه به اينجا برين(http://www.free-webspace.biz/spirit/java/stayback.htm) فكر كنم كه كاربرد داشته باشه و كافيه اين كد رو در قسمت ويرايش قالبتون كپي كنين و به جاي 123آدرس عكسو بزارين .
<script language="JavaScript1.2"></p>
<p>/*<br />
this script has got from P30World.com (Info@AmirsGold.com)<br />
*/</p>
<p>if (document.all||document.getElementById)<br />
document.body.style.background="url('123') white center no-repeat fixed"</p>
<p></script>
CyrusCo
07-05-2004, 03:18 PM
با استفاده از اين كد ميتونيد علاوه بر منوي اصلي وبتون يك منوي سيار هم داشته باشين فقط كافي است كه شما به جاي URL آدرس وبه مورده نظر رو وارد كنيد و به جاي text اسم سايت مورد نظر را وارد كنيد.بايد توجه كنين كه اين كد رو بين اين دو قرار دهيد تگ</body> و </html>
<script><br />
if (!document.layers)<br />
document.write('<div id="divStayTopLeft" style="position:absolute">')<br />
</script></p>
<p><layer id="divStayTopLeft"></p>
<p><!--EDIT BELOW CODE TO YOUR OWN MENU--><br />
<table border="1" width="130" cellspacing="0" cellpadding="0"><br />
<tr><br />
<td width="100%" bgcolor="#FFFFCC"><br />
<p align="center"><font size="4" face="Tahoma">Menu</font></td><br />
</tr><br />
<tr><br />
<td width="100%" bgcolor="#FFFFFF"><br />
<p align="left"> <font face="Tahoma"> <br />
<a href="http://spirit.blogsky.com" style="text-decoration: none">spirit</a><br><br />
<a href="http://java.------------" style="text-decoration: none">java</a><br><br />
<a href="http://------------" style="text-decoration: none">download</a><br><br />
<a href="URL" style="text-decoration: none">text</a><br><br />
<a href="URL" style="text-decoration: none">text</a></font></td><br />
</tr><br />
</table><br />
<!--END OF EDIT--></p>
<p></layer></p>
<p><br />
<script type="text/javascript"></p>
<p>/*<br />
this script got from java.------------ (spirit.blogsky.com)<br />
*/</p>
<p>//Enter "frombottom" or "fromtop"<br />
var verticalpos="frombottom"</p>
<p>if (!document.layers)<br />
document.write('</div>')</p>
<p>function JSFX_FloatTopDiv()<br />
{<br />
var startX = 3,<br />
startY = 150;<br />
var ns = (navigator.appName.indexOf("Netscape") != -1);<br />
var d = document;<br />
function ml(id)<br />
{<br />
var el=d.getElementById?d.getElementById(id):d.all?d.a ll[id]:d.layers[id];<br />
if(d.layers)el.style=el;<br />
el.sP=function(x,y){this.style.left=x;this.style.t op=y;};<br />
el.x = startX;<br />
if (verticalpos=="fromtop")<br />
el.y = startY;<br />
else{<br />
el.y = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;<br />
el.y -= startY;<br />
}<br />
return el;<br />
}<br />
window.stayTopLeft=function()<br />
{<br />
if (verticalpos=="fromtop"){<br />
var pY = ns ? pageYOffset : document.body.scrollTop;<br />
ftlObj.y += (pY + startY - ftlObj.y)/8;<br />
}<br />
else{<br />
var pY = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;<br />
ftlObj.y += (pY - startY - ftlObj.y)/8;<br />
}<br />
ftlObj.sP(ftlObj.x, ftlObj.y);<br />
setTimeout("stayTopLeft()", 10);<br />
}<br />
ftlObj = ml("divStayTopLeft");<br />
stayTopLeft();<br />
}<br />
JSFX_FloatTopDiv();<br />
</script><br />
AmirsGold عزيز كارت خيلي جالبه من ميخواستم اين كارو شروع كنم كه ديدم شما شروع كردي اما سعي ميكنم در اين جا كمكت كنم.ببين من دنبال يك كد ميگردم كه تعداد افراد آن لاين در سايتم رو به نمايش در بيارم.اگه در موردش چيزي ميدوني كمكم كن.مرسي 8)
Phoenix
07-09-2004, 01:18 PM
اسکرول بار خود را رنگی کنيد ، در ضمن رنگ ها رو هم خودتون ميتونيد به دلخواه تغيير بديد
<STYLE>BODY {
SCROLLBAR-FACE-COLOR: red; SCROLLBAR-HIGHLIGHT-COLOR: green;
SCROLLBAR-SHADOW-COLOR: black; SCROLLBAR-ARROW-COLOR: gray;
SCROLLBAR-TRACK-COLOR: black; SCROLLBAR-DARKSHADOW-COLOR: red
}
</STYLE></body>
</html>
لرزش صفحه در هنگام استفاده از راست کليک
با استفاده از اين اسکريپت شما ميتوانيد کليک راست بازديد کننده را در وبلاگ خود غير فعال نماييد و در عوض يک پيام ضاهر کنيد. همچنين بعد از راست کليک صفحه به شدت بلرزش در می ايد.
البته لرزش که چه عرض کنم يک زلزله چند ريشتری
اين اسکريپت را کپی کرده و در قسمت ويرايش قالب وبلاگ خود قرار داده
<head>
<meta http-equiv="Content-Language" content="en-us">
</head>
<SCRIPT language="">
document.onmousedown=click
var times=0
var times2=10
function click() {
if ((event.button==2) || (event.button==3)) {
if (times>=0) { earthquake() }
alert("\n\n Nem faz isso, q aki naum � page lammerz!!");
times++ } }
function earthquake () {
alert("Custom message")
window.moveTo(0, 0)
window.moveTo(1, 1)
window.moveTo(2, 2)
window.moveTo(3, 3)
window.moveTo(4, 4)
window.moveTo(5, 5)
window.moveTo(6, 6)
window.moveTo(7, 7)
window.moveTo(8, 8)
window.moveTo(9, 9)
window.moveTo(10, 10)
window.moveTo(9, 9)
window.moveTo(8, 8)
window.moveTo(7, 7)
window.moveTo(6, 6)
window.moveTo(5, 5)
window.moveTo(4, 4)
window.moveTo(3, 3)
window.moveTo(2, 2)
window.moveTo(1, 1)
tremmors()
}
function tremmors() {
window.moveTo(0, 0)
window.moveTo(1, 1)
window.moveTo(2, 2)
window.moveTo(3, 3)
window.moveTo(4, 4)
window.moveTo(5, 5)
window.moveTo(6, 6)
window.moveTo(7, 7)
window.moveTo(8, 8)
window.moveTo(9, 9)
window.moveTo(10, 10)
window.moveTo(9, 9)
window.moveTo(8, 8)
window.moveTo(7, 7)
window.moveTo(6, 6)
window.moveTo(5, 5)
window.moveTo(4, 4)
window.moveTo(3, 3)
window.moveTo(2, 2)
window.moveTo(1, 1)
tremmors()
}
</SCRIPT></body>
<p align="center"><b><a href="http://explorer.blogsky.com">explorer blog</a></b></p>
</html>
پروانه در وبلاگ
با اين کد يک پروانه در وبلاگ خود داشته باشيد اين پروانه به دنبال موس بازديد کننده سايت يا وبلاگ شما حرکت ميکند
<script language="JavaScript">
//Static analog Clock by kurt.grigg@virgin.net
//Script featured on JavaScript Kit
//http://javascriptkit.com
fCol='white';//face colour.
sCol='yellow';//seconds colour.
mCol='white';//minutes colour.
hCol='white';//hours colour.
H='....';
H=H.split('');
M='.....';
M=M.split('');
S='......';
S=S.split('');
Ypos=0;
Xpos=0;
Ybase=8;
Xbase=8;
dots=12;
ns=(document.layers)?1:0;
if (ns){
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,Verdana 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>');
}
}
else{
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;heig ht:30px;font-family:Arial,Verdana;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></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 (ns){
Ypos=window.pageYOffset+window.innerHeight-60;
Xpos=window.pageXOffset+window.innerWidth-80;
}
else{
Ypos=document.body.scrollTop+window.document.body. clientHeight-60;
Xpos=document.body.scrollLeft+window.document.body .clientWidth-60;
}
if (ns){
for (i=0; i < dots; ++i){
document.layers["nsDigits"+i].top=Ypos-5+40*Math.sin(-0.49+dots+i/1.9);
document.layers["nsDigits"+i].left=Xpos-15+40*Math.cos(-0.49+dots+i/1.9);
}
for (i=0; i < S.length; i++){
document.layers["nx"+i].top=Ypos+i*Ybase*Math.sin(sec);
document.layers["nx"+i].left=Xpos+i*Xbase*Math.cos(sec);
}
for (i=0; i < M.length; i++){
document.layers["ny"+i].top=Ypos+i*Ybase*Math.sin(min);
document.layers["ny"+i].left=Xpos+i*Xbase*Math.cos(min);
}
for (i=0; i < H.length; i++){
document.layers["nz"+i].top=Ypos+i*Ybase*Math.sin(hrs);
document.layers["nz"+i].left=Xpos+i*Xbase*Math.cos(hrs);
}
}
else{
for (i=0; i < dots; ++i){
ieDigits[i].style.pixelTop=Ypos-15+40*Math.sin(-0.49+dots+i/1.9);
ieDigits[i].style.pixelLeft=Xpos-14+40*Math.cos(-0.49+dots+i/1.9);
}
for (i=0; i < S.length; i++){
x[i].style.pixelTop =Ypos+i*Ybase*Math.sin(sec);
x[i].style.pixelLeft=Xpos+i*Xbase*Math.cos(sec);
}
for (i=0; i < M.length; i++){
y[i].style.pixelTop =Ypos+i*Ybase*Math.sin(min);
y[i].style.pixelLeft=Xpos+i*Xbase*Math.cos(min);
}
for (i=0; i < H.length; i++){
z[i].style.pixelTop =Ypos+i*Ybase*Math.sin(hrs);
z[i].style.pixelLeft=Xpos+i*Xbase*Math.cos(hrs);
}
}
setTimeout('clock()',50);
}
if (document.layers || document.all) window.onload=clock;
//-->
</script>
<!-- 10-30am LiveCounter CUSTOM MENU code - BEGIN -->
<SCRIPT><!--
var ButterflyMenu=new Array();
//--></SCRIPT>
<!-- 10-30am LiveCounter CUSTOM MENU code - END -->
<!-- 10-30am LiveCounter code (c) copyright 2001, 10-30am team -->
<SCRIPT SRC="http://www.softwarewings.com/cgi-bin/livecounter.cgi?cntr=Active&nm=saba5&pg=default">
</SCRIPT>
<!-- 10-30am LiveCounter code ends here -->
<p align="center" dir="rtl" style="font size:8pt;">
</p>
<br>
جرقه های رنگارنگ بدنبال موس
با اين دستورات هنگامی که موس حرکت ميکند جرقه های رنگارنگی با ان همراه ميشود در ورحه اول کد اول را وارد کنيد و بعد دومی
<STYLE TYPE="text/css">
<!--
BODY{
overflow:scroll;
overflow-x:hidden;
}
.s1
{
position : absolute;
font-size : 10pt;
color : blue;
visibility: hidden;
}
.s2
{
position : absolute;
font-size : 18pt;
color : red;
visibility : hidden;
}
.s3
{
position : absolute;
font-size : 14pt;
color : gold;
visibility : hidden;
}
.s4
{
position : absolute;
font-size : 12pt;
color : lime;
visibility : hidden;
}
//-->
</STYLE>
بعد از کد بالا اين کد را به ان اضافه کنيد
<DIV ID="div1" CLASS="s1">*</DIV>
<DIV ID="div2" CLASS="s2">*</DIV>
<DIV ID="div3" CLASS="s3">*</DIV>
<DIV ID="div4" CLASS="s4">*</DIV>
<p align="center"><font face="arial" size="-2">This free script provided by</font><br>
<font face="arial, helvetica" size="-2"><a
Kit</a></font></p>
<SCRIPT LANGUAGE="javascript" TYPE="text/javascript">
var nav = (document.layers);
var tmr = null;
var spd = 50;
var x = 0;
var x_offset = 5;
var y = 0;
var y_offset = 15;
if(nav) document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = get_mouse;
function get_mouse(e)
{
x = (nav) ? e.pageX : event.clientX+document.body.scrollLeft;
y = (nav) ? e.pageY : event.clientY+document.body.scrollTop;
x += x_offset;
y += y_offset;
beam(1);
}
function beam(n)
{
if(n<5)
{
if(nav)
{
eval("document.div"+n+".top="+y);
eval("document.div"+n+".left="+x);
eval("document.div"+n+".visibility='visible'");
}
else
{
eval("div"+n+".style.top="+y);
eval("div"+n+".style.left="+x);
eval("div"+n+".style.visibility='visible'");
}
n++;
tmr=setTimeout("beam("+n+")",spd);
}
else
{
clearTimeout(tmr);
fade(4);
}
}
function fade(n)
{
if(n>0)
{
if(nav)eval("document.div"+n+".visibility='hidden'");
else eval("div"+n+".style.visibility='hidden'");
n--;
tmr=setTimeout("fade("+n+")",spd);
}
else clearTimeout(tmr);
}
// -->
</SCRIPT>
بعد از کد بالا اين کد را به ان اضافه کنيد
<DIV ID="div1" CLASS="s1">*</DIV>
<DIV ID="div2" CLASS="s2">*</DIV>
<DIV ID="div3" CLASS="s3">*</DIV>
<DIV ID="div4" CLASS="s4">*</DIV>
<p align="center"><font face="arial" size="-2">This free script provided by</font><br>
<font face="arial, helvetica" size="-2"><a
Kit</a></font></p>
<SCRIPT LANGUAGE="javascript" TYPE="text/javascript">
var nav = (document.layers);
var tmr = null;
var spd = 50;
var x = 0;
var x_offset = 5;
var y = 0;
var y_offset = 15;
if(nav) document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = get_mouse;
function get_mouse(e)
{
x = (nav) ? e.pageX : event.clientX+document.body.scrollLeft;
y = (nav) ? e.pageY : event.clientY+document.body.scrollTop;
x += x_offset;
y += y_offset;
beam(1);
}
function beam(n)
{
if(n<5)
{
if(nav)
{
eval("document.div"+n+".top="+y);
eval("document.div"+n+".left="+x);
eval("document.div"+n+".visibility='visible'");
}
else
{
eval("div"+n+".style.top="+y);
eval("div"+n+".style.left="+x);
eval("div"+n+".style.visibility='visible'");
}
n++;
tmr=setTimeout("beam("+n+")",spd);
}
else
{
clearTimeout(tmr);
fade(4);
}
}
function fade(n)
{
if(n>0)
{
if(nav)eval("document.div"+n+".visibility='hidden'");
else eval("div"+n+".style.visibility='hidden'");
n--;
tmr=setTimeout("fade("+n+")",spd);
}
else clearTimeout(tmr);
}
// -->
</SCRIPT>
كدهارو كپي پيست كنيد
:D
Phoenix
07-09-2004, 01:24 PM
کد جاوا برای تولید توشته متحرک به دنبال موس بازدیدکننده
<style type="text/css">
<!--
.spanstyle {
position:absolute;
visibility:visible;
top:-50px;
font-size:10pt;
font-family:Verdana;
font-weight:italic;
color:808066;
}
BODY {
width:100%;overflow-x:hidden;overflow-y:scroll;
}
-->
</style>
<script language="JavaScript1.2">
var x,y
var kern=20
var flag=0
var message="welcome to my weblog"
message=message.split("")
var xpos=new Array()
for (i=0;i<message.length;i++) {
xpos[i]=-50
}
var ypos=new Array()
for (i=0;i<message.length;i++) {
ypos[i]=-50
}
function handlerMM(e){
x = (e) ? e.pageX : document.body.scrollLeft+event.clientX
y = (e) ? e.pageY : document.body.scrollTop+event.clientY
flag=1
}
function makebanner() {
if (flag==1) {
for (i=message.length-1; i>=1; i--) {
xpos[i]=xpos[i-1]+kern
ypos[i]=ypos[i-1]
}
xpos[0]=x+kern
ypos[0]=y
for (i=0; i<message.length; i++) {
if (document.getElementById) {
var thisspan = document.getElementById("span"+i).style
} else {
var thisspan = eval((document.layers)?"document.span"+i:"span"+(i)+".style")
}
if (thisspan.posLeft) {
thisspan.posLeft=xpos[i]
thisspan.posTop=ypos[i]
}
if (!thisspan.posLeft) {
thisspan.left=xpos[i]
thisspan.top=ypos[i]
}
}
}
var timer=setTimeout("makebanner()",30)
}
window.onload=makebanner;
</script>
<script language="JavaScript1.2">
for (i=0;i<message.length;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;
</script>
<style type="text/css">
<!--
.spanstyle {
position:absolute;
visibility:visible;
top:-50px;
font-size:10pt;
font-family:Verdana;
font-weight:italic;
color:808066;
}
BODY {
width:100%;overflow-x:hidden;overflow-y:scroll;
}
-->
</style>
<script language="JavaScript1.2">
var x,y
var kern=20
var flag=0
var message="welcome to my weblog"
message=message.split("")
var xpos=new Array()
for (i=0;i<message.length;i++) {
xpos[i]=-50
}
var ypos=new Array()
for (i=0;i<message.length;i++) {
ypos[i]=-50
}
function handlerMM(e){
x = (e) ? e.pageX : document.body.scrollLeft+event.clientX
y = (e) ? e.pageY : document.body.scrollTop+event.clientY
flag=1
}
function makebanner() {
if (flag==1) {
for (i=message.length-1; i>=1; i--) {
xpos[i]=xpos[i-1]+kern
ypos[i]=ypos[i-1]
}
xpos[0]=x+kern
ypos[0]=y
for (i=0; i<message.length; i++) {
if (document.getElementById) {
var thisspan = document.getElementById("span"+i).style
} else {
var thisspan = eval((document.layers)?"document.span"+i:"span"+(i)+".style")
}
if (thisspan.posLeft) {
thisspan.posLeft=xpos[i]
thisspan.posTop=ypos[i]
}
if (!thisspan.posLeft) {
thisspan.left=xpos[i]
thisspan.top=ypos[i]
}
}
}
var timer=setTimeout("makebanner()",30)
}
window.onload=makebanner;
</script>
<script language="JavaScript1.2">
for (i=0;i<message.length;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;
</script></body>
</html>
</body>
</html>
</body>
</html>
</body>
</html>
با استفاده از کد بدنبال موس بازديد کننده شما جمله ها به حرکت در ميايد که نوشته است
welcome to my weblog
ابته اين جمله را خود شما نيز ميتوانيد تغيير داده کافی است جمله را در دستور فوق بيايبيد و ان را پاک کرده و جمله مورود نظر خود را بنويسيد ، در ضمن هر جايی هم که اين کد رو کپی کنيد مشکلی ندارد
منوی متحرک
<script>
if (!document.layers)
document.write('<div id="divStayTopLeft" style="position:absolute">')
</script>
<layer id="divStayTopLeft">
<!--EDIT BELOW CODE TO YOUR OWN MENU-->
<table border="1" width="130" cellspacing="0" cellpadding="0">
<tr>
<td width="100%" bgcolor="#FFFFCC">
<p align="center"><b><font size="4">Menu</font></b></td>
</tr>
<tr>
<td width="100%" bgcolor="#FFFFFF">
<p align="left"> <a href="http://explorer.blogsky.com">تست</a><br>
<a href="http://explorer.blogsky.com">تست</a><br>
<a href="http://explorer.blogsky.com">تست</a><br>
<a href="http://explorer.blogsky.com">تست</a><br>
<a href="http://explorer.blogsky.com">وبلاگ</a></td>
</tr>
</table>
<!--END OF EDIT-->
</layer>
<script type="text/javascript">
/*
Floating Menu script- Roy Whittle (http://www.javascript-fx.com/)
Script featured on/available at http://www.dynamicdrive.com/
This notice must stay intact for use
*/
//Enter "frombottom" or "fromtop"
var verticalpos="frombottom"
if (!document.layers)
document.write('</div>')
function JSFX_FloatTopDiv()
{
var startX = 3,
startY = 150;
var ns = (navigator.appName.indexOf("Netscape") != -1);
var d = document;
function ml(id)
{
var el=d.getElementById?d.getElementById(id):d.all?d.a ll[id]:d.layers[id];
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.left=x;this.style.t op=y;};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopLeft=function()
{
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : document.body.scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else{
var pY = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopLeft()", 10);
}
ftlObj = ml("divStayTopLeft");
stayTopLeft();
}
JSFX_FloatTopDiv();
</script>
با این دستور میتوانید یک منو تولید کرده که خاصیت این منو این است که در همه حال خود را در معرض دید بازدید کننده میگزارد بدین صورت که اگر کاربر به هر جایی از صفحه بیایید این منو نیز میاید با استفاده از این منو میتوانید به سایت ها لینک داده و یا به وبلاگ دوستان خود لینک دهید و در کل میتوانید از این منو برای لینک دادن به مطالب وبلاگ خود و یا لینک دادن به یک اهنگ و هر چیز دیگری استفاده کنید
CyrusCo
07-10-2004, 09:30 AM
چشم علي جان حتما برات پيدا مي كنم
يعني الان نمي تونم چون كه توي كاشان نيستم و دارم از توي كافي نت مي نويسم
CyrusCo
07-10-2004, 09:35 AM
چرخش متن دور موس
- ابتدا کد هایی که در جعبه ی متن است را در سند اچ تی ام ال خود کپی کنید
2-کدها را برای استفاده در صفحات خود تغییر دهید
قسمتهایی که در کد زیر میتوانید آنها را تغییر دهید:
<!-- this script got from --------------><br />
<!-- Web Site: http://wWw.--------------><br />
<!-- 'Scrolling Fix' ------------ Download@------------ --></p>
<p><SCRIPT LANGUAGE="JavaScript"><br />
<!-- Original: Kurt Grigg (kurt.grigg@virgin.net) --><br />
<!-- Web Site: http://website.lineone.net/~kurt.grigg/javascript --><br />
<!-- This script and many more are available free online at --><br />
<!-- The JavaScript Source!! http://javascript.internet.com --><br />
<!-- Begin<br />
if (document.all) {<br />
//Things you can alter<br />
yourLogo = "------------"; //Not less than 2 letters!<br />
logoFont = "Arial";<br />
logoColor = "blue";</p>
<p>//Nothing needs altering below!<br />
yourLogo = yourLogo.split('');<br />
L = yourLogo.length; <br />
TrigSplit = 360 / L;<br />
Sz = new Array()<br />
logoWidth = 100;<br />
logoHeight = -30;<br />
ypos = 0;<br />
xpos = 0;<br />
step = 0.03;<br />
currStep = 0;<br />
document.write('<div id="outer" style="position:absolute;top:0px;left:0px"><div style="position:relative">');<br />
for (i = 0; i < L; i++) {<br />
document.write('<div id="ie" style="position:absolute;top:0px;left:0px;'<br />
+'width:10px;height:10px;font-family:'+logoFont+';font-size:12px;'<br />
+'color:'+logoColor+';text-align:center">'+yourLogo[i]+'</div>');<br />
}<br />
document.write('</div></div>');<br />
function Mouse() {<br />
ypos = event.y;<br />
xpos = event.x - 5;<br />
}<br />
document.onmousemove=Mouse;<br />
function animateLogo() {<br />
outer.style.pixelTop = document.body.scrollTop; <br />
for (i = 0; i < L; i++) {<br />
ie[i].style.top = ypos + logoHeight * Math.sin(currStep + i * TrigSplit * Math.PI / 180);<br />
ie[i].style.left = xpos + logoWidth * Math.cos(currStep + i * TrigSplit * Math.PI / 180);<br />
Sz[i] = ie[i].style.pixelTop - ypos;<br />
if (Sz[i] < 5) Sz[i] = 5;<br />
ie[i].style.fontSize = Sz[i] / 1.7;<br />
}<br />
currStep -= step;<br />
setTimeout('animateLogo()', 20);<br />
}<br />
window.onload = animateLogo;<br />
}<br />
// End --><br />
</script></p>
<p><br />
vorojax
02-17-2007, 05:28 PM
سلام
میشه یه کد بدید که بشه یه سایت دیگه رو زیر وبلاگمون ببیاریم؟
vorojax
02-26-2007, 09:20 PM
یعنی هیچ کس تو شما ها چنین کدی رو بلد نیست.
whiskey
03-23-2007, 03:52 AM
اول یه نکته رو بگم بعد جواب Vorojax رو بدم. دوستان هر کدی رو گیر میارید فکر نکنید کد جاوا اسکریپته! مثلاً تغییر رنگ اسکرولبار کجاش جاواست؟ بگذریم.
پرسیده بودند چه جوری می شه یه سایت دیگه رو پایین سایتمون بذاریم. شاید مثلاً می خواستن یه لینک باکس بذارن. برای این کار شما باید یه قاب طراحی کنن و اون سایت دیگه رو بذارید توش. البته اینم بگم این کار اصلاً جاوا نیست کاملا HTML هستش:
<iframe src="سورس سایت مورد نظر" width="عرض قاب" height="بلندی قاب" frameborder=ضخامت حاشیه ی قاب" scrolling="پیمودن قاب">متن مورد نظر اگر قاب بارگذاری نشد</iframe>
یه توضیح هایی بدم: ifram به معنای inset frame یعنی قاب درونیه. به جای سورس سایت مورد نظر می تونید چیزی مثل http://www.yahoo.com بنویسید، این جوری صفحه ی اول سایت یاهو در اون قاب نشون داده می شه. به جای عرض و بلندی قاب می تونید اعدادی را بر حسب پیکسل وارد کنید، اگر فقط عدد خالی هم بنویسید HTML آن را پیکسل در نظر می گیره. اگر به جای ضخامت حاشیه ی قاب عدد صفر را بگذارید قاب دیگه حاشیه نداره و جزیی از صفحه ی اصلی وب شما به نظر می رسه. به جای پیمودن قاب هم می تونید Yes یا No بذارید. Yes حالت معمولیه ولی اگه No بذارید قاب رو نمی شه پیمود.(کشویی ها هم ظاهر نمی شوند.) بین باز و بسته شدن تگ هم متنی رو می نویسید که اگر Src پیدا نشد در Iframe نمایش داده شود.
اینم یه آموزش توپ :5:
پی نوشت: این نا هماهنگی هایی که در قسمت آخر کد دیده می شه به خاطر پشت سر هم نوشته شدن دو عبارت فارسی هستش. شما مقادیر رو دقیقاً جایگرین توضیحات فارسی توی کد کنید، به این ناهماهنگی هام کاری نداشته باشید.
vBulletin v3.8.1, Copyright ©2000-2009, Jelsoft Enterprises Ltd.