براي ايجاد متن متحرك بايد از تگ marquee استفاده كنيد . اين تگ چهار خصيصه عمده دارد :
1- behavior : كه دو مقدار ميگيرد . يكي scroll كه باعث مي شود متن از يك طرف صفحه وارد شود و از طرف ديگر خارج شود . و يكي alternate كه باعث مي شود متن در صفحه نوسان كند يعني به طرف ديگر كه رسيد از همان طرف برگردد . مانند كد زير :
<p style="font-family : tahoma ; color:blue ; Background-Color : yellow" >
<marquee > Hello World ! </marquee>
</p>
نتيجه اجراي كد به شكل زير است :
[COLOR=blue ]Hello World ! [/color]
اگر در قطعه كد بالا مقدار behavior را به alternate تغيير دهيم نتيجه اجرا به شكل زير تغيير خواهد كرد :
[COLOR=blue ]Hello World ! [/color]
البته اينجانب نتوانستن اجراي شكل دوم را در Chrome ببينم ولي در IE و FF اجرا مي شود .
2 - Scrollamount : كه يك عدد بدون واحد ميگيرد و سرعت حركت متن را مشخص مي كند . البته در برخي مراجع واحد پيكسل را براي مقدار اين خصيصه ذكر كرده اند :
<p style="font-family : tahoma ; color:blue ; Background-Color : yellow" >
<marquee scrollamount="20" behavior="scroll" > Hello World ! </marquee>
</p>
نتيجه اجراي كد به شكل زير است :
[COLOR=blue ]Hello World ! [/color]
3 - direction : اين خصيصه جهت حركت متن را مشخص مي كند و چهار مقدار left ، right ، up ، down كه به ترتيب نمايانگر جهت هاي پائين ، بالا ، راست و چپ هستند را ميگيرد. البته اين جهت ها كمي با جهت هايي كه تا به حال با آنها آشنا شديد متفاوت هستند مثلا هنگامي كه مقدار اين خصيصه را به left تنظيم كنيد به اين معني نيست كه متن از سمت چپ وارد مي شود بلكه بدين معني است كه متن از سمت راست وارد مي شود و داراي جهتي به سمت چپ صفحه است . اين مقدار ، مقدار پيش فرض اين خصيصه است . به مثال زير توجه كنيد : در اين مثال يك متن فارسي نمايش مي يابد بنابراين جهت را بايد به راست تنظيم نمود .
<p style="font-family : tahoma ; color:blue ; Background-Color : yellow" >
<marquee direction="right" behavior="scroll" > Hello World ! </marquee>
</p>
نتيجه اجراي كد به شكل زير است :
[COLOR=blue ]آموزش ايجاد متن متحرك با تگ marquee[/color]
و يا مثلا اگر بخواهيم مانند بسياري از سايت ها يك بخش خبري متحرك به سمت بالا درست كنيم بايد اين جهت را به up تنظيم كنيم مانند كد زير :
<p style="font-family : tahoma ; color:blue ; Background-Color : yellow;height:200px;width:300px;" >
<marquee direction="up" behavior="scroll" > Hello World ! </marquee>
</p>
نتيجه اجراي كد به شكل زير است :
4 - loop : مي توان تعداد حلقه هاي (دفعات) گردش متن را با استفاده از اين خصيصه دقيقا مشخص نمود. مقدار پيش فرض اين گزينه infinte يا بينهايت مي باشد .
1- behavior : كه دو مقدار ميگيرد . يكي scroll كه باعث مي شود متن از يك طرف صفحه وارد شود و از طرف ديگر خارج شود . و يكي alternate كه باعث مي شود متن در صفحه نوسان كند يعني به طرف ديگر كه رسيد از همان طرف برگردد . مانند كد زير :
<p style="font-family : tahoma ; color:blue ; Background-Color : yellow" >
<marquee > Hello World ! </marquee>
</p>
نتيجه اجراي كد به شكل زير است :
[COLOR=blue ]Hello World ! [/color]
اگر در قطعه كد بالا مقدار behavior را به alternate تغيير دهيم نتيجه اجرا به شكل زير تغيير خواهد كرد :
[COLOR=blue ]Hello World ! [/color]
البته اينجانب نتوانستن اجراي شكل دوم را در Chrome ببينم ولي در IE و FF اجرا مي شود .
2 - Scrollamount : كه يك عدد بدون واحد ميگيرد و سرعت حركت متن را مشخص مي كند . البته در برخي مراجع واحد پيكسل را براي مقدار اين خصيصه ذكر كرده اند :
<p style="font-family : tahoma ; color:blue ; Background-Color : yellow" >
<marquee scrollamount="20" behavior="scroll" > Hello World ! </marquee>
</p>
نتيجه اجراي كد به شكل زير است :
[COLOR=blue ]Hello World ! [/color]
3 - direction : اين خصيصه جهت حركت متن را مشخص مي كند و چهار مقدار left ، right ، up ، down كه به ترتيب نمايانگر جهت هاي پائين ، بالا ، راست و چپ هستند را ميگيرد. البته اين جهت ها كمي با جهت هايي كه تا به حال با آنها آشنا شديد متفاوت هستند مثلا هنگامي كه مقدار اين خصيصه را به left تنظيم كنيد به اين معني نيست كه متن از سمت چپ وارد مي شود بلكه بدين معني است كه متن از سمت راست وارد مي شود و داراي جهتي به سمت چپ صفحه است . اين مقدار ، مقدار پيش فرض اين خصيصه است . به مثال زير توجه كنيد : در اين مثال يك متن فارسي نمايش مي يابد بنابراين جهت را بايد به راست تنظيم نمود .
<p style="font-family : tahoma ; color:blue ; Background-Color : yellow" >
<marquee direction="right" behavior="scroll" > Hello World ! </marquee>
</p>
نتيجه اجراي كد به شكل زير است :
[COLOR=blue ]آموزش ايجاد متن متحرك با تگ marquee[/color]
و يا مثلا اگر بخواهيم مانند بسياري از سايت ها يك بخش خبري متحرك به سمت بالا درست كنيم بايد اين جهت را به up تنظيم كنيم مانند كد زير :
<p style="font-family : tahoma ; color:blue ; Background-Color : yellow;height:200px;width:300px;" >
<marquee direction="up" behavior="scroll" > Hello World ! </marquee>
</p>
نتيجه اجراي كد به شكل زير است :
آموزش ايجاد متن متحرك با تگ marquee
آموزش ايجاد عكس با تگ img
آموزش ايجاد پيوند با تگ a
خصيصه هاي موجود در تگ style
آموزش ايجاد عكس با تگ img
آموزش ايجاد پيوند با تگ a
خصيصه هاي موجود در تگ style