متحرک کردن متن در html
- شنبه, ۲۷ تیر ۱۳۹۴، ۰۵:۵۷ ب.ظ
شاید در بعضی از سایت ها یا وبلاگ ها دیده باشین که یسری کلمات به شکل زیر در حال حرکت هستند
بعضی از صفحات دیفیس و لینک دونی چت روم ها معمولا به این شکله
در این پست یاد میگیریم که چطور میتونیم متن متحرکی در وبلاگ یا سایت خود قرار بدیم.
کد زیر را در هر قسمت از وبلاگ یا سایت خود میتونید قرار بدید
<html>ابتدا باید قسمت هایی را که با رنگ قرمز مشخص کردم رو تغییر بدین
<head>
<title>Amirak</title>
</head>
<body>
<marquee direction="left" scrollamount="2" scrolldelay="70" onmouseout="this.start();" onmouseover="this.stop();" behavior="scroll">
<a class="mainlinks" target="_blank" href="http://specialprograms.blog.ir">خانه</a>
<span style="color:#F53381;font-weight:bold">***</span>
<a class="mainlinks" target="_blank" href="http://specialprograms.blog.ir/page/contact">تماس با من</a>
<span style="color:#F53381;font-weight:bold">***</span>
<a class="mainlinks" target="_blank" href="http://specialprograms.blog.ir/page/password">رمز مطالب</a>
</marquee>
</div>
</body>
</html>
در این کدها کلمات از چپ به راست حرکت خواهند کرد که ما میتوانیم با تغییر دادن قسمت زیر این حرکت را از راست به چپ تغییر دهیم
<marquee direction="right"و با تغییر دادن دو قسمت زیر هم میتوانیم سرعت حرکت کلمات رو کنترل کنیم
scrollamount="2" scrolldelay="70"
