Kerman Ali Asghar Honarmand's Weblog: طريقه قرار دادن متن متحرک

زیتون - شمال ایران

زیتون - شمال ایران - بازار نوشهر

Archives
April 2007
March 2007
January 2007
December 2006
November 2006
October 2006
August 2006
July 2006
June 2006
May 2006
April 2006
March 2006
February 2006
January 2006
December 2005
November 2005
October 2005
September 2005
August 2005
July 2005
May 2005
April 2005
February 2005
January 2005
December 2004
November 2004
September 2004
August 2004
July 2004
June 2004
May 2004
April 2004
March 2004
February 2004
January 2004
December 2003
November 2003
October 2003
September 2003
August 2003
July 2003
June 2003
May 2003
April 2003
March 2003
February 2003
January 2003
December 2002

Syndicate this site: XML
Best Viewed With Firefox Or Maybe IE 7
;)
Copyright©2002-2006
Design & Developed by:
Aliasghar Honarmand.
All rights reserved
Powered by Movable Type

FastCounter

Links

Kerman Weblogs

« متاسفانه در ايام عيد ( | Main | يک نکته ! تازگي ها »

سه شنبه، 19 فروردینماه 1382

طريقه قرار دادن متن متحرک

طريقه قرار دادن متن متحرک در صفحه ي وب :
راه هاي مختلفي براي قرار دادن متن متحرک در يک صفحه ي وب وجود دارد که من در اين مطلب طريقه ي قرار دادن دو نوع حرکت ساده ولي پرکاربرد افقي و عمودي را ذکر ميکنم .
اول متن متحرک به صورت افقي: دستور زير را به کد html صفحه ي خود اضافه کنيد ( در قسمت Body )
<marquee scrolldelay="80" height="0" width="50%" bgcolor="" style="font-family: Times New Roman; color: #FFFF00" direction="right">اين يک متن متحرک است</marquee>
که نتيجه ي آن را در زير ميبينيد
اين يک متن متحرک است
به همين راحتي حالا توضيحات دستور :
با تغيير عدد scrolldelay ميتوانيد سرعت حرکت متن را تغيير دهيد - height و width محل و طول قسمت متحرک را مشخص مي کنند - bgcolor رنگ پشت متن متحرک را مشخص مي کند اگرمانند مثال اين گزينه را خالي بگذاريد از رنگ خود صفحه استفاده مي شود - در بخش font-family نوع قلم خود را مشخص مي کنيد و color رنگ متن متحرک شما را مشخص مي کند - direction مشخص مي کند که حرکت متن شما از چپ به راست و يا از راست به چپ باشد .

حالا متن متحرک عمودي که بيشتر براي نشان دادن اخبار به کار مي رود : اين دستور که به زبان Javascript نوشته شده شامل 3 بخش است . ابتدا متن زير را در قسمت head صفحه ي خود کپي کنيد
<SCRIPT LANGUAGE="JavaScript">  </script>

سپس تگ body صفحه را به صورت زير تغيير دهيد
 <BODY OnLoad="scrollnews(0)">
و در پايان بخش زير را درون body صفحه ي خود قرار دهيد :

 <div ID="news" style="position:absolute; visibility:hidden; top:1; left:1; height:600; clip:rect(10,100,100,10); border-width:0px;"> <table border=0 cellpadding=1 cellspacing=0 bgcolor="white"> <tr> <td> <script language="javascript"> document.write('<img src=' + blank + ' width=1 height='+boxheight+'>'); </script> </td> </tr> <tr> <td>  This news scroller begins Displaying text and images From the bottom of the box And restarts when all the Information scrolls above The top of the box. Any HTML page content can Be used in this JavaScript Scroller. <a href="http://www.govashir.com">Govashir.com</a>  </td> </tr> <tr> <td> <script language="javascript"> document.write('<img src=' + blank + ' width=1 height='+boxheight+'>'); </script> </td> </tr> </table> </div> 
مي توانيد نمونه ي آن را در اين صفحه ببينيد
توضيحات: همانطور که ملاحظه مي کنيد گزينه هاي تغيير طول ، عرض ، ارتفاع و فاصله از حاشيه چپ در قسمت head قرار دارند - گزينه ي setTimeout هم براي تغيير سرعت حرکت متن مي باشد که با تغيير عدد آن مي توان سرعت را کم يا زياد نمود- متن منحرک در قسمت body در جايي که مشخص شده نوشته مي شود.

| Ali Asghar | 07:45 PM |