همیارآنلاین

کانال ایتا https://eitaa.com/hamyaronline

همیارآنلاین

کانال ایتا https://eitaa.com/hamyaronline

برنامه نویسی html متحرک سازی توسط دستور MARQUEE

مطالب مرتبط



متحرک سازی توسط دستور MARQUEE
 
 

در این مقاله به معرفی تگ MARQUEE که یکی از عناصر HTML می باشد، می پردازیم. این تگ برای ایجاد عناصر متحرک (مثل متن ها و عکسهای متحرک) به کار می رود. در زیر صفات یا ویژگیهای این عنصر را بررسی می کنیم.

ویژگیهای تگ MARQUEE

behavior
این ویژگی رفتار یا نوع حرکت متن یا تصویر را مشخص می کند و مقادیر آن به شرح زیر می باشد:
  1. slide: این مقدار موجب می شود تا متن یا تصویر از یک سمت حرکت کند و در سمت دیگر متوقف شود.
  2. scroll: این مقدار موجب می شود تا متن یا تصویر از یک سمت وارد شود و از سمت دیگر خارج شود.
  3. alternate: این مقدار موجب می شود تا متن یا تصویر به صورت مداوم به چپ و راست حرکت کند. 
    مثال:
        <marquee behavior="slide">www.RAYATIS.commarquee>
        <marquee behavior="scroll">www.RAYATIS.commarquee>
        <marquee behavior="alternate">www.RAYATIS.commarquee>
bgcolor
این ویژگی رنگ زمینه را تعیین می کند. 
    مثال:         
        <marquee behavior="alternate" bgcolor="lime">
	www.RAYATIS.commarquee>
direction
جهت حرکت متن یا تصویر را مشخص می کند و مقادیر آن به شرح زیر می باشد:
  1. right: به سمت راست
  2. left: به سمت چپ
  3. up: به سمت بالا
  4. down: به سمت پایین 
    مثال:         
        <marquee behavior="scroll" direction="right">
	www.RAYATIS.commarquee>
height
طول عنصر MARQUEE را مشخص می کند. 
    مثال:         
        <marquee behavior="scroll" direction="up" height="300"
	 bgcolor="#aaddff">www.RAYATIS.commarquee>
width
عرض عنصر MARQUEE را مشخص می کند. 
    مثال:
        <marquee behavior="scroll" width="300" bgcolor="#aaddff">
	www.RAYATIS.commarquee>
hspace
میزان فاصله افقی یا حاشیه افقی عنصر MARQUEE را از چپ و راست تعیین می کند. 
    مثال:
        <marquee behavior="scroll" hspace="50" bgcolor="#aaddff">
	www.RAYATIS.commarquee>
vspace
میزان فاصله عمودی یا حاشیه عمودی عنصر MARQUEE را از بالا و پایین تعیین می کند. 
    مثال:
        <marquee behavior="scroll" vspace="50" bgcolor="#aaddff">
	www.RAYATIS.commarquee>
loop
تعداد دفعاتی را که متن یا تصویر باید حرکت کند مشخص می کند. 
    مثال:
        <marquee behavior="alternate" loop="3">
	www.RAYATIS.commarquee>
scrollamount
فاصله بین حرکت قبلی و حرکت بعدی را بر حسب پیکسل تعیین میکند. 
    مثال:
        <marquee behavior="alternate" scrollamount="100">
	www.RAYATIS.commarquee>
scrolldelay
تاخیر زمانی بین حرکت قبلی و حرکت بعدی را بر حسب میلی ثانیه تعیین میکند. 
    مثال:
        <marquee behavior="alternate"  scrolldelay="3000">
	www.RAYATIS.commarquee>

تمامی مثالهای بالا تست شده اند، کاملا بدون ایراد می باشند و به درستی اجرا خواهند شد. در صورتی که مطابق توضیح داده شده اجرا نشد حتما جایی را اشتباه تایپ کرده اید. یک مثال برای تمام چیزهایی که گفته شد:

<html>
<body>
    <b>
    <marquee behavior="slide" direction="right" width="25%" 
    height="30%"><i>In Thei>marquee>
    
    <marquee behavior="slide" direction="up" height="30%" 
    width="70" scrollamount="4" hspace="8"><i>Name Ofi>marquee>
    
    <marquee behavior="slide" width="25%" height="30%">
    <font color="#df0000">Godfont>marquee>
    b>
body>
html>

18 آذر 1391 ساعت 09:59
نظرات 0 + ارسال نظر
برای نمایش آواتار خود در این وبلاگ در سایت Gravatar.com ثبت نام کنید. (راهنما)
ایمیل شما بعد از ثبت نمایش داده نخواهد شد