Payam.Hayati

** -- ایجاد متن متحرک در سایت --**

2 پست در این موضوع

براي ايجاد متن متحرك بايد از تگ marquee استفاده كنيد . اين تگ چهار خصيصه عمده دارد :

1- behavior : كه دو مقدار ميگيرد . يكي scroll كه باعث مي شود متن از يك طرف صفحه وارد شود و از طرف ديگر خارج شود . و يكي alternate كه باعث مي شود متن در صفحه نوسان كند يعني به طرف ديگر كه رسيد از همان طرف برگردد .

2 - Scrollamount :* كه يك عدد بدون واحد ميگيرد و سرعت حركت متن را مشخص مي كند .

3 - direction :* اين خصيصه جهت حركت متن را مشخص مي كند و چهار مقدار left ، right ، up ، down كه به ترتيب نمايانگر جهت هاي پائين ، بالا ، راست و چپ هستند را ميگيرد. البته اين جهت ها كمي با جهت هايي كه تا به حال با آنها آشنا شديد متفاوت هستند مثلا هنگامي كه مقدار اين خصيصه را به left تنظيم كنيد به اين معني نيست كه متن از سمت چپ وارد مي شود بلكه بدين معني است كه متن از سمت راست وارد مي شود و داراي جهتي به سمت چپ صفحه است . اين مقدار ، مقدار پيش فرض اين خصيصه است .

4 - loop : مي توان تعداد حلقه هاي (دفعات) گردش متن را با استفاده از اين خصيصه دقيقا مشخص نمود. مقدار پيش فرض اين گزينه infinte يا بينهايت مي باشد .

کدها :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>HTML Learning With Payam.Hayati</title>
</head>

<body>

<div align="center">
<a href="http://www.ahvazsell.com" title="برنامه نویسی،طراحی وب،شبکه،فلش" target="_blank"><img src="http://www.ahvazsell.com//images/stories/logo/azs.png" width="120" height="120" title="برنامه نویسی،طراحی وب،شبکه،فلش" alt="AhvazSell Logo" /></a>
</div>

<p style="font-family : tahoma ; color:blue ; Background-Color : blue" >
<marquee  ><font color="#FFFFFF"> AhvazSell </font></marquee>
</p>


<p style="font-family : tahoma ; color:blue ; Background-Color : blue" >
<marquee scrollamount="20" behavior="scroll" ><font color="#FFFFFF"> Payam.Hayati </font></marquee>
</p>

<p style="font-family : tahoma ; color:blue ; Background-Color : blue" >
<marquee scrollamount="20" behavior="alternate" ><font color="#FFFFFF"> Payam.Hayati </font></marquee>
</p>

<p style="font-family : tahoma ; color:blue ; Background-Color : blue" >
<marquee direction="right" behavior="scroll" ><font color="#FFFFFF"> AhvazSell </font></marquee>
</p>

<div align="center">
<p align="center" style="font-family : tahoma ; color:white ; Background-Color : blue;height:200px;width:300px;" >
<marquee direction="up" behavior="scroll" > HTML Learning<br />Master : Payam.Hayati  </marquee>
</p>
</div>

</body>
</html>

نتیجه

1 کاربر پسند دیده است

Share this post


Link to post
Share on other sites
آموزش ووکامرس قالب جوملا قالب وردپرس قالب رایگان وردپرس قالب رایگان جوملا هاست نامحدود هاست جوملا هاست لاراول هاست وردپرس هاست ارزان هاست ربات تلگرام خرید دامنه آموزش ساخت ربات تلگرام با php آموزش لاراول آموزش cPanel آموزش php آموزش فرم ساز RSform آموزش ساخت ربات جذب ممبر آموزش ساخت ربات دوستیابی آموزش ساخت ربات فروشگاهی برای ووکامرس آموزش طراحی سایت داینامیک با php آموزش بخش پشتیبانی با rsticket

در ادامه صحبت آقای بیاتی باید عرض کنم برای راحتی کار می تونید از ماژول زیر استفاده کنید

Share this post


Link to post
Share on other sites

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری