متحرک کردن متن در html
سه شنبه, ۱۷ بهمن ۱۳۹۶، ۰۶:۲۳ ب.ظ
شاید در بعضی از سایت ها یا وبلاگ ها دیده باشین که یه سری کلمات به صورت خود کار حرکت میکنن
بعضی از صفحات دیفیس و لینک دونی چت روم ها معمولا به این شکله
در این پست یاد میگیریم که چطور میتونیم متن متحرکی در وبلاگ یا سایت خود قرار بدیم.
کد زیر را در هر قسمت از وبلاگ یا سایت خود میتونید قرار بدید
<html>
<head>
<title>iransystem</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://Virus32.blog.ir">خانه</a>
<span style="color:#F53381;font-weight:bold">***</span>
<a class="mainlinks" target="_blank" href="http://virus32.blog.ir/page/contact">تماس با من</a>
<span style="color:#F53381;font-weight:bold">***</span>
<a class="mainlinks" target="_blank" href="http://virus32.blog.ir/page/password">رمز مطالب</a>
</marquee>
</div>
</body>
</html>
ابتدا باید قسمت هایی را که با رنگ قرمز مشخص کردم رو تغییر بدین
در این کدها کلمات از چپ به راست حرکت خواهند کرد که ما میتوانیم با تغییر دادن قسمت زیر این حرکت را از راست به چپ تغییر دهیم
<marquee direction="right"
و با تغییر دادن دو قسمت زیر هم میتوانیم سرعت حرکت کلمات رو کنترل کنیم