ভিজিট করুন নতুন ও স্হায়ী ব্লগ www.alomoy.com, it.alomoy.com

চলমান লেখা বা টেক্সট তৈরি- HTML Marquee Code

বিভিন্ন ধরণের Marquee দেখাচ্ছি
১. এ লেখায় ক্লিক করে মাউস চেপে ধরে রাখলে লেখা থেমে যাবে
<marquee behavior="scroll" direction="left" onmousedown="this.stop();" onmouseup="this.start();">প্রদর্শনীয় লেখা</marquee>
থামাতে ক্লিক করে চেপে ধরুণ 
২.এ লেখার উপরে মাউস ধরলে লেখা থেমে যাবে
<marquee behavior="scroll" direction="left" onmouseover="this.stop();" onmouseout="this.start();">প্রদর্শনীয় লেখা</marquee>
লেখার উপর মাউস ধরুণ
  ৩.  বন্ধ করুন/শুরু করুন বাটন
<marquee behavior="scroll" direction="left" id="mymarquee">
<p>
প্রদর্শনীয় লেখা</p>
</marquee>
<input type="button" value="বন্ধ করুন" onClick="document.getElementById('mymarquee').stop();">
<input type="button" value="শুরু করুন" onClick="document.getElementById('mymarquee').start();">

লেখা থামাতে/বন্ধ করতে বাটনে ক্লিক করুন
 


৪.একবার হয়ে থেমে যাওয়া। এটা বামপাশে গিয়ে থামবে। পুনরায় চলমান হতে হলে পৃষ্ঠাকে রিফ্রেশ করতে হবে।
<marquee behavior="slide" direction="left">প্রদর্শনীয় লেখা</marquee>
দেখলেন!লেখাটা বাঁ প্রোন্তে গিয়ে থেমে গেল!
  ৫. পুন:পুন দিকবদল। লেখা বারবার বামে ও ডানে চলতে থাকবে।
<marquee behavior="alternate">প্রদর্শনীয় লেখা</marquee>
এই টেক্সট বাঁয়ে ও ডানে অদল-বদল করে যাচেছ 
৬.উপর-নিচে চলমান টেক্সট
<marquee  behavior="scroll" direction="up">প্রদর্শনীয় লেখা</marquee>
লেখাটি নিচ থেকে উপরে যাচেছ৭. বাম থেকে ডানে যাওয়া টেক্সট। left এর স্থলে right দিলেই যেকোন marquee বাঁ থেকে ডানে এগোবে।
<marquee behavior="scroll" direction="right">প্রদর্শনীয় লেখা</marquee>
বাঁ থেকে ডানে যাচেছ
  ৮.  লেখার গতি ঠিক করে দেওয়া  নিচে পরপর তিনটি উদাহরণ দেওয়া হলো। নিম্ন গতি, মাঝারি ও উচ্চ।
<marquee behavior="scroll" direction="left" scrollamount="1">নিম্ন-গতির টেক্সট</marquee>
<marquee behavior="scroll" direction="left" scrollamount="10">মাঝারি গতির টেক্সট</marquee>
<marquee behavior="scroll" direction="left" scrollamount="20">দ্রুতগতির টেক্সট</marquee>


নিম্ন-গতির টেক্সট মাঝারি গতির টেক্সট দ্রুতগতির টেক্সট 
৯.চলমান ছবি
<marquee behavior="scroll" direction="left"><img src="image_url" width="100" height="100" alt="give_alt" /></marquee>

give_alt ১০.  চলমান লিঙ্ক। চাইলে একইসাথে ছবি, টেক্সট ও লিঙ্কও যোগ করা যাবে। পরপর দিয়ে দিলেই হবে। যেমন
<marquee behavior="scroll" direction="left">
<img src="" width="100" height="100" alt="" />
<p>লেখা এবং <a href="http://crescentpeace.blogspot.com/">লিঙ্ক</a>.</p>
</marquee>


smile লেখা এবং লিঙ্ক.




১১. বিশাল লম্বা লাইন

<marquee width="650px"; height="30px"; direction="left";>প্রদর্শনীয় লেখা</marquee>

এটা একটি বিশাল লম্বা লাইন, বিশ্বাস না হলে এতে চোখ রাখুন, ঠিক বলেছি না আসলেই লাইনটা অনেক বড়, কারণ দেখুন লাইনটা এখনো শেষ হয়নি, হয়তো এবার শেষ হতে যাচেছ, দেখা যাক। আসলে অন্য লেখাগুলো যদি এতবড় হতো তবে একলাইনে না থেকে অনেকগুলো লাইন হয়ে যেত। অনেক সময় নষ্ট করলাম। মারকিউয়ের আরো অপশন আছে। আরো জানতে হলে মন্তব্য দিন অথবা আপনার অনুভূতি জানাতে,বিদায়।

1 টি মন্তব্য: