• به وب استیودنت خوش آمدیدد
  • آموزش های ما را از وب سایت به نشانی www.WebStudent.ir پیگیری کنید
  • لطفا قوانین را مطالعه فرمایید
  • آموزش های گام به گام و تصویری
  • لطفا قوانین را مطالعه فرمایید
درود مهمان گرامی! ورود ثبت نام

آخرین اخبار انجمن وب استیودنت

کد متحرک کردن متن در HTML چیست؟

کد متحرک کردن متن در HTML چیست؟

این صفحه را به اشتراک بگذارید:



کد متحرک کردن متن در HTML چیست؟
زمان کنونی: 1397-8-24، 06:06:26
کاربرانِ درحال بازدید از این موضوع: 1 مهمان
نویسنده: Odin
آخرین ارسال: Bahrami
پاسخ 2
بازدید 2839



امتیاز موضوع:
  • 2 رأی - میانگین امتیازات: 3.5
  • 1
  • 2
  • 3
  • 4
  • 5
کد متحرک کردن متن در HTML چیست؟
#1
با درود
لطفا کد متحرک کردن متن در HTML بهم بگید واقعآ گیر کردمHuh
ممنون میشم کمکم کنیدHeart
وقتی دانستن با بکارگیری دانسته ها همراه شود به منبعی برای قدرت و توانایی تبدیل می شود.
 
پاسخ
[-] 1 کاربر زیر از Odin به مایه این نوشته سپاسگزاری کرده است:
Bahrami (1392-4-21 17:53)
#2
با درود و آرزوی پیروزی
متحرک کردن متن در HTML با استفاده از تگ marquee بصورت زیر انجام می شود.

کد:
<MARQUEE> webstudent.ir</MARQUEE>

برای تغییر جهت حرکت متن می توانید از ویژگی ای (attribute) با نام direction استفاده کنید که می تواند مقادیر left, right, up, down را داشته باشد به کد زیر دقت کنید:

کد:
<marquee direction="right">webstudent.ir</marquee>

برای تغییر روش نمایش از ویژگی ای (attribute) با نام behavior می توان استفاده کرد که می تواند مقادیر slide, scroll و alternate داشته باشد. مانند کد زیر:

کد:
<marquee behavior="slide" direction="left">webstudent.ir</marquee>

برای تغییر سرعت از ویژگی ای با نام scrollamount استفاده می شود. بعنون مقدار باید به آن یک عدد داد که هرچه مقدار عدد بیشتر باشد، سرعت بالاتر می رود. در زیر سه نمونه کد متحرک سازی با سرعت های متفاوت می بینید.

کد:
<marquee behavior="scroll" direction="left" scrollamount="1">webstudent.ir - Slow scroll speed</marquee>

<marquee behavior="scroll" direction="left" scrollamount="10">webstudent.ir - Medium scroll speed</marquee>

<marquee behavior="scroll" direction="left" scrollamount="20">webstudent.ir - Fast scroll speed</marquee>

پیروز و به روز باشید
اینک سخن می دارم،
برای شما ای خواستاران، و برای شما ای دانایان ، از دو نهاده ی بزرگ.
و می ستایم،
اهورا و اندیشه ی نیک را، و دانش نیک و آیین راستی را،
تا فروغ و روشنایی را دریابید،
و به رسایی و شادمانی برسید.
گاثا 3 - یسنا 30
[تصویر:  farvahar.png]
 
پاسخ
[-] 2 کاربر زیر از Bahrami به مایه این نوشته سپاسگزاری کرده اند:
Odin (1392-4-21 17:57), silent (1392-10-29 19:44)
  



پرش به انجمن:


کاربران در حال بازدید: 1 مهمان



:fixed;left : 2px;top :130px;float : left;width : 35px;height:320px;text-align:left;padding:0px;;border:0px #fff solid; background: #005ea7; background: -moz-linear-gradient(top, #005ea7 0%, #003965 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#005ea7), color-stop(100%,#003965)); background: -webkit-linear-gradient(top, #005ea7 0%,#003965 100%); background: -o-linear-gradient(top, #005ea7 0%,#003965 100%); background: -ms-linear-gradient(top, #005ea7 0%,#003965 100%); background: linear-gradient(to bottom, #005ea7 0%,#003965 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005ea7', endColorstr='#003965',GradientType=0 ); } .tdicons a{-webkit-transition : all 0.5s ease-in-out;-moz-transition : all 0.5s ease-in-out;-o-transition : all 0.5s ease-in-out;display : block;float : left;margin : 8px;padding : 5px;font-weight : bold;color : #fff;border-radius : 8px 0 8px 0;} .tdicons img{-webkit-transition : all 0.2s ease-in-out;-moz-transition : all 0.2s ease-in-out;-o-transition : all 0.2s ease-in-out;padding:0px;} .tdicons img:hover{padding : 0px 0px 0px 8px;}