متحرک سازی متن با دکمه استارت و استاپ

متحرک سازی متن با دکمه استارت و استاپ  این کد برای متحرک سازی متن با  تگ marquee برای اخبار سایت و یا جدیدترین مطالب سایت و… کاربرد دارد. میتوان مسیر حرکت کد را از چپ به راست و … اندازه متن و .. را از استایل درون کد تغییر داد.برای استفاده از کد متحرک ساری متن از تگ marquee استفاده میشود با کمی تغییر در کد میتوان کد را به دلخواه خود تغییر دهید و استفاده نمایید.

در حرکت اول خلاقیت در استفاده از کد بسیار مهم میباشد با ترکیب دو نوع تگ و کمی استایل یک همچین استایلی خلق شد.

نمونه کد خیلی ساده 

<marquee>
متن مورد نظر
</marquee>

الان کد بالا رو در ابزار پیش نمایش کدبازان قرار بدین متن شما متحرک میشه حالا برای استایل و .. باید خلاق باشید.

 

متحرک سازی متن با دکمه استارت و استاپ

دمو کد

 

<div style="position:absolute;top:-200%;"><a  href="https://codebazan.ir/">&#1605;&#1578;&#1581;&#1585;&#1705; &#1587;&#1575;&#1586;&#1740; &#1605;&#1578;&#1606; &#1576;&#1575; &#1583;&#1705;&#1605;&#1607; &#1575;&#1587;&#1578;&#1575;&#1585;&#1578; &#1608; &#1575;&#1587;&#1578;&#1575;&#1662;</a></div>
<style>input{background: none repeat scroll 0 0 #ff99ff;
border: 1px solid #3abec0;
border-radius: 10px;
color: #000000;
margin-right: 5px;
margin-top: 5px;
border: 2px solid #000000;
direction: ltr;
font-family: Tahoma;
font-size: 11px;
font-style: normal;
font-weight: 700;
max-width: 90%;
padding: 6px;
text-shadow: none;
}</style><center>

<marquee style="border: 1px solid #000000;border-radius: 10px;max-width: 50%;" behavior="scroll" direction="right" id="mymarquee">


<P>
<fieldset style="width:100;text-align:center;font-weight: 700;">اخبار سایت</fieldset>
<P>
**CoDeBaZaN.iR**
<P>
**CoDeBaZaN.iR**
<P>
**CoDeBaZaN.iR**
<P>
**CoDeBaZaN.iR**

</p>


</marquee><center>
<input type="button" value="توقف" onClick="document.getElementById('mymarquee').stop();">
<input type="button" value="شروع" onClick="document.getElementById('mymarquee').start();">

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

One comment

  1. سلام
    همینکه کدهاتون بدون تبلیغات نمایشیه ممنونم
    مثل بعضی از سایتها تبلیغ نمیزارین خیلی خوبه امیدوارم موفق باشید

    علیرضا

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

*

code