متن چشمک زن

 بوسیله این اسکریپت میتوانید با توجه به نظر شما متن یا کلمه ای را به صورت چشمک زن به نمایش در بیاورید. برای تغییر متن پیش فرض این اسکریپت میتوانید به جای عبارت " به وبلاگ من خوش آمدید " که در مرحله دوم استفاده از  آن قرار دارد متن مورد نظرتان را بنویسید.

برای بکار گیری این اسکریپت مراحل زیر را انجام دهید:

1.  ابتدا کدهای زیر را بین دو تگ< head>  و </head>  کپی کنید :

<SCRIPT LANGUAGE="JavaScript"> window.onerror = null; var bName = navigator.appName; var bVer = parseInt(navigator.appVersion); var NS4 = (bName == "Netscape" && bVer >= 4); var IE4 = (bName == "Microsoft Internet Explorer" && bVer >= 4); var NS3 = (bName == "Netscape" && bVer < 4); var IE3 = (bName == "Microsoft Internet Explorer" && bVer < 4); var blink_speed=100; var i=0; if (NS4 || IE4) { if (navigator.appName == "Netscape") { layerStyleRef="layer."; layerRef="document.layers"; styleSwitch=""; }else{ layerStyleRef="layer.style."; layerRef="document.all"; styleSwitch=".style"; } } //BLINKING function Blink(layerName){ if (NS4 || IE4) { if(i%2==0) { eval(layerRef+'["'+layerName+'"]'+ styleSwitch+'.visibility="visible"'); } else { eval(layerRef+'["'+layerName+'"]'+ styleSwitch+'.visibility="hidden"'); } } if(i<1) { i++; } else { i-- } setTimeout("Blink('"+layerName+"')",blink_speed); } // End --> </script> </body> </html>
     

نمایش تصویر بصورت مات

بوسیله این اسکریپت که در زمینه قرار دادن عکس درون وبلاگ میباشد میتوانید عکس مورد نظرتان را طوری در صفحه قرار دهید که در حالت عادی  مات بنظر میرسد اما وقتی که نشانگر ماوس بر روی عکس برده شود بصورت کامل و با وضوح اصلی خود  به نمایش در میاید. همچنین میتوانید برای تصویرتان لینکی را نیز تعریف کنید تا در صورت کلیک کردن بر روی آن به لینک مورد نظر هدایت شود. برای تغییر دادن تصویر میباست درون تگ در مقابل  و بین " " آدرس کامل عکس را وارد کنید. چنانچه مایل هستید برای تصویر مورد نظرتان لینکی را نیز در نظر بگیرید بایستی تگ مقابل را قبل از تگ تصویر درون قالب قرار دهید و قاعدتاً به جایhttp://www.blogsky.com باید آدرس مورد نظرتان را بنویسید  . مانند زیر:

<a href="http://www.blogsky.com">
<img src="http://www.blogsky.com/images/logo468_60.gif" border=0 style="filter:alpha(opacity=20)" onMouseover="makevisible(this,0)" onMouseout="makevisible(this,1)" width="350" height="53"></a>
 

توجه داشته باشید که بعد از قرار دادن تصویر مورد نظر بایستی اندازه های آن را نیز در تگ وارد کنید.یعنی شما باید انداه آن تصویر را به جای کلمات  رنگی در مثال بالا وارد کنید اولین کلمه به معنای عرض  و دمین کلمه به معنای ارتفاع میباشد.

برای استفاده از این اسکریپت مراحل زیر را دنبال کنید:

1.  ابتدا کدهای زیر را به head  قالب اضافه کنید :

<script language="JavaScript1.2"> function makevisible(cur,which){ if (which==0) cur.filters.alpha.opacity=100 else cur.filters.alpha.opacity=20 } </script>

2.  سپس کدهای زیر را درون body قالب کپی کنید :

<a href="http://www.blogsky.com"> <img src="http://www.blogsky.com/images/logo468_60.gif" border=0 style="filter:alpha(opacity=20)" onMouseover="makevisible(this,0)" onMouseout="makevisible(this,1)" width="350" height="53"></a>
 

متن متحرک در نوار وضعیت ۲ 

 

بوسیله این اسکریپت میتوانید نوشته ای را در نوار وضعیت (status bar) به حرکت در بیاورید. در این اسکریپت کلمات جمله شما از سمت چپ به نمایش در میایند که این نوع حرکت برای متن های انگلیسی مناسب میباشد. برای تغییر دادن متن پیش فرض میتوانید به جای آن جملات مورد نظرتان را بنویسید.چنانچه متن شما از مراحلی که بطور پیش فرض برای این اسکریپت در نظر گرفته شده  مراحل بیشتری را میطلبد میتوانید با اضافه کردن متن درون کادر روبرو       به بعد از جملات و تغییر دادن شماره آن یک مرحله دیگر به مراحل قبل اظافه کنید.
بطور مثال من میخواهم یک مرحله دیگر به مراحل این اسکریپت اضافه کنم و جمله مورد نظرم را درون آن  بنویسم:

ar[2] = " wellcome to my weblog... "

برای استفاده از این اسکریپت بصورت زیر عمل کنید:

1.  ابتدا کدهای زیر را درون head  قالب کپی کنید:

<title>Type Writer Status Bar</title> <script LANGUAGE="JavaScript"> <!-- var speed = 50 // decrease value to increase speed (must be positive) var pause = 2000 // increase value to increase pause var timerID = null var bannerRunning = false var ar = new Array() ar[0] = "Hi... " var currentMessage = 0 var offset = 0 function stopBanner() { if (bannerRunning) clearTimeout(timerID) bannerRunning = false } function startBanner() { stopBanner() showBanner() } function showBanner() { var text = ar[currentMessage] if (offset < text.length) { if (text.charAt(offset) == " ") offset++ var partialMessage = text.substring(0, offset + 1) window.status = partialMessage offset++ timerID = setTimeout("showBanner()", speed) bannerRunning = true } else { offset = 0 currentMessage++ if (currentMessage == ar.length) currentMessage = 0 timerID = setTimeout("showBanner()", pause) bannerRunning = true } } // --> </script>

2.  سپس کدهای زیر را درون تگ body قالب کپی کنید:

onLoad="startBanner()"
 

متن متحرک در نوار عنوان

شما بوسیله این اسکریپت میتوانید در نوار عنوان مرورگر کاربر متنی را به نمایش در بیاورید که این متن از سمت چپ نوار عنوان شروع به حرکت کرده و به سمت راست  این نوار پیش میرود تا زمانی که متن نوشته شده توسط شما،به پایان برسد . پس از اتمام  بعد از چند ثانیه مجدداً این عمل دایره وار تکرار خواهد شد تا زمانی که کاربر درون صفحه شما حضور داشته باشد. در این اسکریپت متن بصورت پیش فرض "به وبلاگ من خوش امدید امیدوارم که مطالب آن برای شما مفید باشد نظر فراموشتون نشه.ممنون" میباشد. برای تغییر دادن این متن کافی است که جمله یا متن مورد نظرتان را در این اسکریپت بجای متن پیش فرض بنویسید.

برای استفاده از این اسکریپت کدهای زیر را درون head قالب کپی کنید :

<META http-equiv=Content-Type content="text/html; charset=windows-1256"> <SCRIPT language=JavaScript1.2> var message="به وبلاگ من خوش امدید امیدوارم که مطالب آن برای شما مفید باشد نظر فراموشتون نشه.ممنون " //specifys the title var message=message+" " //gives a pause at the end,1 space=1 speed unit, here I used 10 spaces@150 each = 1.5seconds. i="0" //declares the variable and sets it to start at 0 var temptitle="" //declares the variable and sets it to have no value yet. var speed="150" //the delay in milliseconds between letters function titler(){ if (!document.all&&!document.getElementById) return document.title=temptitle+message.charAt(i) //sets the initial title temptitle=temptitle+message.charAt(i) //increases the title by one letter i++ //increments the counter if(i==message.length) //determines the end of the message { i="0" //resets the counter at the end of the message temptitle="" //resets the title to a blank value } setTimeout("titler()",speed) //Restarts. Remove line for no-repeat. } window.onload=titler </SCRIPT> <META content="MSHTML 6.00.2600.0" name=GENERATOR>

پیام به کاربر هنگام ورود

بویسله این اسکریپت میتوانید متنی را نوشته و زمانی که کاربر به وبلاگ یا سایت شما وارد شد این پیغام از بالا  وارد صفحه میشود  و  به نمایش در میاید که برای بستن آن بایستی بروری کلمه بستن کلیک کرد . شما میتوانید  این اسکریپت را جایگزین  پیغام هایی که هنگام ورود  به کاربر داده میشود و دارای کلیدهای OK و Cancel میباشد  کنید که میتوانید براحتی درآن رنگ های دلخواهتان را برای نوشته هایتان بکار ببرید و تنوعی در وبلاگتان ایجاد کنید.
برای استفاده از این اسکریپت بایستی مطابق زیر عمل کنید:
1.  ابتدا کدهای زیر را درون head قالب کپی کنید :

<script language="JavaScript1.2"> var ie=document.all var dom=document.getElementById var ns4=document.layers var calunits=document.layers? "" : "px" var bouncelimit=32 //(must be divisible by 8) var direction="up" function initbox(){ if (!dom&&!ie&&!ns4) return crossobj=(dom)?document.getElementById("dropin").style : ie? document.all.dropin : document.dropin scroll_top=(ie)? truebody().scrollTop : window.pageYOffset crossobj.top=scroll_top-250+calunits crossobj.visibility=(dom||ie)? "visible" : "show" dropstart=setInterval("dropin()",50) } function dropin(){ scroll_top=(ie)? truebody().scrollTop : window.pageYOffset if (parseInt(crossobj.top)<100+scroll_top) crossobj.top=parseInt(crossobj.top)+40+calunits else{ clearInterval(dropstart) bouncestart=setInterval("bouncein()",50) } } function bouncein(){ crossobj.top=parseInt(crossobj.top)-bouncelimit+calunits if (bouncelimit<0) bouncelimit+=8 bouncelimit=bouncelimit*-1 if (bouncelimit==0){ clearInterval(bouncestart) } } function dismissbox(){ if (window.bouncestart) clearInterval(bouncestart) crossobj.visibility="hidden" } function truebody(){ return (document.compatMode!="BackCompat")? document.documentElement : document.body } window.onload=initbox </script>

2.  سپس این کدها را درون body  قالب کپی کنید :

<div id="dropin" style="position:absolute;visibility:hidden;left:202;top:100;width:500;height:273;background-color:#F3F3F3"> <div align="right"> <table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border: 1px dotted #000000" bordercolor="#111111" width="100%"> <tr> <td width="100%" style="border: 1px dotted #000000" dir="rtl"> <p dir="rtl" align="right"><font face="Tahoma" size="2">&nbsp;&nbsp; سلام</font></p> <p dir="rtl" align="center"><font size="2" face="Tahoma">&nbsp;</font><font size="2" face="Verdana"><font color="#FF0000">•</font> </font><font face="Tahoma" size="2">ورود شما را به اینجا خوش&nbsp; آمد&nbsp; میگویم <span lang="en-us">&nbsp;</span>و <span lang="en-us">&nbsp;</span>امیدوارم که مطالب&nbsp; آن برای&nbsp; شما&nbsp; مفید واقع <span lang="en-us">&nbsp;&nbsp;&nbsp; </span>شود .هدف من از ایجاد این وبلاگ کمک به شما عزیزان برای ایجاد وبلاگی متناسب با <span lang="en-us">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span>سلیقه شما در انتخاب اسکریپت های مورد نیاز شماست.</font></p> <p dir="rtl" align="justify"><font face="Tahoma" size="2">&nbsp;</font><font face="Verdana" size="2" color="#008080">•</font><font face="Tahoma" size="2"> در اینجا اسکریپت هایی را خواهید یافت که تقریباً در مقایسه با دیگر اسکریپت هایی که از <span lang="en-us">&nbsp;&nbsp;&nbsp; </span>پیش در جاهای دیگر مشاهده کرده اید تفاوت دارند .</font></p> <p dir="rtl" align="justify"><font size="2" face="Tahoma">&nbsp;</font><font size="2" face="Verdana" color="#3399FF">•</font><font size="2" face="Tahoma"> در صورت بروز هرگونه مشکل در هریک از اسکریپت ها برای من در یاهو آفلاین بگذارید تا در <span lang="en-us">&nbsp;&nbsp; </span>اسرع وقت به مسکل شما رسیدگی شود. آیدی من در یاهو </font><span lang="en-us"> <font size="2" face="Verdana"> <a style="text-decoration: none" target="_blank" href="ymsgr:sendIM?java4u_asn"> java4u_asn</a></font><font size="2" face="Tahoma"> </font></span> <font size="2" face="Tahoma">میباشد.</font></p> <p dir="rtl" align="justify"><font size="2" face="Verdana">&nbsp;<font color="#FF00FF">•</font></font><font face="Tahoma" size="2"> شما&nbsp; میتوانید&nbsp; با ارائه نظرات&nbsp; انتقادات و پیشنهادات خود&nbsp; این وبلاگ را در جهت رسیدن به <span lang="en-us">&nbsp;&nbsp; </span>هدف خود&nbsp; هر چه بیشتر&nbsp; یاری کنید .<span lang="en-us">&nbsp; </span> </font></p> <p align="right" dir="rtl"><font face="Tahoma" size="2">&nbsp; <a href="#" onClick="dismissbox();return false" style="text-decoration: none">[بستن&nbsp; پنجره] </a></font></td> </tr> </table> </div> </div>

برای تغییر دادن متن این پیغام میتوانید جای جملات پیش فرض آن جملات مورد نظرتان را بنویسید.

حرکت کلمات در باد بدنبال ماوس

شما با این اسکریپت میتوانید کلمه یا متن کوتاهی را به دنبال نشانگر ماوس ایجاد کنید.این کلمه یا جمله  طوری به دنبال ماوس حرکت میکند که شخص فکر میکند باد در صفحه وب از سمت چپ میوزد . اگر نشانگر را به طرف سمت چپ صفحه ببرید کلمات به کندی بدنبال آن حرکت میکنند و اگر برعکس حرکت دهید کلمات با سرعت بیشتری حرکت میکنند.این طرز حرکت باعث میشود  وجود باد در صفحه برای بازدیدکننده احساس شود .

این کدها را درون body قالب کپی کنید:
<style type="text/css"> </style> <script language="JavaScript1.2"> var x,y var kern=20 var flag=0منوی چشمک زن برای لینک ها شما میتوانید از این اسکریپت که یک منو میباشد استفاد های گوناگونی بکنید. با انتخاب کردن یکی از لینک های موجود( که شما براحتی میتوانید آن را تغییر دهید) وکلیک کردن برروی دکمه Go there پس از چند بار چشمک زدن لینک انتخابی به آدرس مربوطه هدایت میشوید.اماموارد استفاده به طور مثال میتوانید این اسکریپت را برای لینک دادن به دوستانتان بکار بگیریدو البته دویتانی که ابتکار بیشتری بخرج دهند استفاده های بیستری نیز خواهند کرد. برای تغیر لینک های موجود بایستی متن موجود در کادر زیر را درون تگ کپی کنید: همچنین برای تغییر نام لینک بایستی بعد از تگ نام مورد نظرتان را بنویسید. مثال:آدرس لینک.com selected>نام لینک شما میتوانید رنگ پس زمینه این منو را نیز عوض کنید .برای این امر مقابل background-color نام رنگ یا کد رنگ را وارد کنید. کد این اسکریپت: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD> <META http-equiv=Content-Type content="text/html; charset=windows-1256"> <FORM name=take> <META content="Microsoft FrontPage 5.0" name=GENERATOR></HEAD> <BODY> <TABLE cellSpacing=0 cellPadding=0 border=0> <TBODY> <TR> <TD width="100%"> <SELECT style="WIDTH: 200px; background-color:#FF9933" size=6 name=take2> <OPTION value=http://www.java4u.BLOGSKY.com selected>JAVA4U</OPTION> <option>link</option> <option>link</option> <option>link</option> <option>link</option> <option>link</option> <option>link</option> <option>link</option> <option>link</option> <option>link</option> <option>link</option> <option>link</option> <option>link</option> <option>link</option> <option>link</option> <option>link</option> <option>link</option> </SELECT> <SCRIPT> var setframes=6 var selected=-1 var switchit=-1 var cycle=0 function animate_go(){ if (cycle>=setframes){ document.take.take2.selectedIndex =selected window.location=document.take.take2.options[document.take.take2.selectedIndex].value return } switchit=(switchit==-1)? selected : -1 document.take.take2.selectedIndex =switchit cycle++ setTimeout("animate_go()",100) } </SCRIPT> </TD></TR> <TR> <TD width="100%"> <DIV align=center> <P><INPUT onclick=selected=document.take.take2.selectedIndex;cycle=0;animate_go() type=button value="Go there>>" name=B1></P></DIV></TD></TR></TBODY></TABLE></FORM></BODY></HTML></body> </html> منوی باز شو برای گذاشتن لینک دوستان 1. ابتدا کدهای این منو را درون body قالبتون کپی کنید : <select style="font-size: 11px; font-family: Tahoma; color: #000000; text-align: center; list-style-type: disc; border-style: solid; border-width: 1px; background-color: #F48E0F" onchange="var a=this.options[this.selectedIndex].value; window.open(a,'')" size="1" name="t5" dir="rtl"> <option selected dir="rtl">دوستــــــــان وبـــلاگ نــویـس</option> </select></font> 2. بعد از کپی کردن کدهای این منو در قالب نوبت به گذاشتن لینک هاتون درون اون میرسه.این کاره بسیار ساده ای است.کافی است شما برای گذاشتن لینک هاتون فقط مطابق دستورالعملی که در زیر نوشتم عمل کنید: 3. پس از تکمیل مرحله دوم باستی کل دستور العمل بالا را درون قالب و بعد از متن زیر قرار دهید تا لینک شما بصورت صحیح در محل خودش قرار بگیره. 4. برای تغییر دادن پس زمینه این منو مقابل عبارت background-color نام رنگ یا کد رنگ مورد نظرتون رو بنویسید. نکته: برای هر بار گذاشتن لینک در این منو بایستی مجدداً از دستور العمل مرحله دوم استفاده کنید. توجه داشته باشید ممکنه بعضی از اسکریپت هایی رو که تاحالا معرفی کردم در بعضی از کامپیوتر ها، کلمان فارسی آنها بهم ریخته بشه که بایستی برای جلوگیری از این مشکل صفحتون رو یونیکد کنید . تقویم میلادی برای داشتن این تقویم کدهای زیر رو درون body قالبتون کپی کنید . <CENTER> <SCRIPT LANGUAGE="JavaScript"> <!--Total Java Scripts 99 - Next Step Software--> <!-- Begin monthnames = new Array( "January", "Februrary", "March", "April", "May", "June", "July", "August", "September", "October", "November", "Decemeber"); var linkcount=0; function addlink(month, day, href) { var entry = new Array(3); entry[0] = month; entry[1] = day; entry[2] = href; this[linkcount++] = entry; } Array.prototype.addlink = addlink; linkdays = new Array(); monthdays = new Array(12); monthdays[0]=31; monthdays[1]=28; monthdays[2]=31; monthdays[3]=30; monthdays[4]=31; monthdays[5]=30; monthdays[6]=31; monthdays[7]=31; monthdays[8]=30; monthdays[9]=31; monthdays[10]=30; monthdays[11]=31; todayDate=new Date(); thisday=todayDate.getDay(); thismonth=todayDate.getMonth(); thisdate=todayDate.getDate(); thisyear=todayDate.getYear(); thisyear = thisyear % 100; thisyear = ((thisyear < 50) ? (2000 + thisyear) : (1900 + thisyear)); if (((thisyear % 4 == 0) && !(thisyear % 100 == 0)) ||(thisyear % 400 == 0)) monthdays[1]++; startspaces=thisdate; while (startspaces > 7) startspaces-=7; startspaces = thisday - startspaces + 1; if (startspaces < 0) startspaces+=7; document.write("<table border=2 bgcolor=white "); document.write("bordercolor=black><font color=black>"); document.write("<tr><td colspan=7><center><strong>" + monthnames[thismonth] + " " + thisyear + "</strong></center></font></td></tr>"); document.write("<tr>"); document.write("<td align=center>Su</td>"); document.write("<td align=center>M</td>"); document.write("<td align=center>Tu</td>"); document.write("<td align=center>W</td>"); document.write("<td align=center>Th</td>"); document.write("<td align=center>F</td>"); document.write("<td align=center>Sa</td>"); document.write("</tr>"); document.write("<tr>"); for (s=0;s<startspaces;s++) { document.write("<td> </td>"); } count=1; while (count <= monthdays[thismonth]) { for (b = startspaces;b<7;b++) { linktrue=false; document.write("<td>"); for (c=0;c<linkdays.length;c++) { if (linkdays[c] != null) { if ((linkdays[c][0]==thismonth + 1) && (linkdays[c][1]==count)) { document.write("<a href="" + linkdays[c][2] + "">"); linktrue=true; } } } if (count==thisdate) { document.write("<font color='FF0000'><strong>"); } if (count <= monthdays[thismonth]) { document.write(count); } else { document.write(" "); } if (count==thisdate) { document.write("</strong></font>"); } if (linktrue) document.write("</a>"); document.write("</td>"); count++; } document.write("</tr>"); document.write("<tr>"); startspaces=0; } document.write("</table></p>"); // End --> </SCRIPT> </CENTER> ساعت + مدت زمان حضور در وبلاگ <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="Content-Language" content="fa"> <meta name="GENERATOR" content="Microsoft FrontPage 5.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <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> 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()",12) } 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>