سلام

دنبال متحرک کردن بخشی از متن توی ویبولتین بودم که این تاپیک و کدش رو دیدم.
گفتم به اشتراک بذارم، شاید به کار دوستان بیاد.
کد:
<marquee style="height:300px;width:200px;border:1px #ccc solid;text-shadow:0px 0px 3px;-moz-text-shadow:0px 0px 3px;-o-text-shadow:0px 0px 3px;-ms-text-shadow:0px 0px 3px;-khtml-text-shadow:0px 0px 3px;-webkit-text-shadow:0px 0px 3px;border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;-khtml-border-radius:5px;background:url(data:image/gif;base64,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);font:11px tahoma;direction:rtl;text-align:center;line-height:30px;" direction="up" scrollamount="7" scrolldelay="91">



متن اول
<br>
متن دوم
<br>
متن سوم
<br>
متن چهارم
<br>
متن پنجم
<br>
متن ششم
<br>
متن هفتم
<br>
متن هشتم
<br>
متن نهم
<br>
متن دهم
<br>


</marquee>
منبع: کد جاوا اسکریپت باکس متن متحرک با استفاده از HTML و CSS - Javascript - کلوپ پشتیبانی پی اچ پی فاکس

موید باشید