চলমান বাক্য (Marquee Text) বিভিন্ন ভঙ্গিতে (Style) সাইট দর্শকের (Site visitor) সামনে উপস্থাপন করা যায়। আমরা একে একে বিভিন্ন ভঙ্গীতে বাক্য বা শব্দকে চলমান করার কোডগুলি জানবো।
দুটি কথা প্রথমে বলে নেই। কোডের মধ্যে direction code না লিখলে চলমান বাক্যটি স্বয়ংক্রিয়ভাবে বামপাশে যেতে থাকবে। এবং কোডগুলি বড় হাতের ইংরেজি বর্ণে লিখলেও কাজ হবে। অর্থাৎ marquee এর বদলে MARQUEE লিখলেও কোন সমস্যা হবে না।
১। লেখা বাক্য বা শব্দকে বামপাশে নিয়ে যাওয়া
<marquee behavior="scroll" direction="left">এখানে বামপাশে চলমান বাক্যটি লেখা থাকবে</marquee>যেমন দেখা যাবে:-
উপরের একই পদ্ধতিতে শুধু direction="left" লেখাটি পরিবর্তন করে left এর জায়গায় right লিখে দিলে বাক্যটি ডানপাশে যাবে।
আর direction="left or right" কোডটি ছাড়া চলমান বাক্য
<marquee>direction code ছাড়া চলমান বাক্য</marquee>
এখানে বাক্যের পূর্বে শুধু marquee কোড লেখা আছে।
২। লেখা বাক্য বা শব্দকে ডানেবামে এদিক ওদিক নড়াচড়া করানো।
<marquee behavior="alternate">নড়াচড়া করা বাক্যটি এখানে লিখুন</marquee>ফলাফল যেমন দেখা যাবে:-
৩। বাক্য বা শব্দকে উপরের দিকে নিয়ে যাওয়া।
<marquee behavior="scroll" direction="up">উপরের দিকে যাওয়া বাক্যটি এখানে লিখুন</marquee>কোডটি স্থাপন করলে ফলাফল যেমন হবে:-
একই পদ্ধতিতে direction="up" লেখার up এর জায়গায় down লিখে দিলে বাক্য নিচের দিকে যাবে।
৪। চলমান লেখার গতি পরিবর্তন করা:
<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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvL1hHss23orV3RqQJjB50RgNuRpqMErFjwneYgG7efaf6fLdK2cl5tFjJkj8t36A-3EiW0YwuIqPDTuYWV7Q6y6JLme-LFL5iEVJ7t1r0dZhorGRaof8sT1iseeH1wticYi8AbR_07xOp/s320/10001.gif" width="20" height="20" alt="Bangla Hacks"
/></marquee>
২। বাক্যের মধ্যে নির্দিষ্ট জায়গায় ছবিকে চলমান করাঃ
এখানে একটি মজার বিষয় আছে। আমরা যদি বাক্যের নির্দিষ্ট জায়গায় একটি চলমান বাক্য বা ছবিকে স্থাপন করতে চাই তাহলে নিচের কোডটি স্থাপন করুন।
বাক্যের প্রথম অংশ <marquee width="50%">কোডটি স্থাপন করার পর ফলাফল:-
চলমান বাক্য ও একটি ছবি <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvL1hHss23orV3RqQJjB50RgNuRpqMErFjwneYgG7efaf6fLdK2cl5tFjJkj8t36A-3EiW0YwuIqPDTuYWV7Q6y6JLme-LFL5iEVJ7t1r0dZhorGRaof8sT1iseeH1wticYi8AbR_07xOp/s320/10001.gif" height=20 width=20 alt="Bangla Hacks">
</MARQUEE> বাক্যের শেষের অংশ
বাক্যের প্রথম অংশ বাক্যের শেষের অংশ
৩। ছবির নিচে বাক্যকে চলমান রাখাঃ
<marquee behavior="scroll" direction="left">উপরের কোডটি স্থাপন করার পর ছবির নিচে বাক্য চলে এসেছে এবং দুটো একই সাথে চলমান রয়েছে:-
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvL1hHss23orV3RqQJjB50RgNuRpqMErFjwneYgG7efaf6fLdK2cl5tFjJkj8t36A-3EiW0YwuIqPDTuYWV7Q6y6JLme-LFL5iEVJ7t1r0dZhorGRaof8sT1iseeH1wticYi8AbR_07xOp/s320/10001.gif" width="20" height="20" alt="Bangla Hacks"/>
<p>ছবির নিচের বাক্য</p>
</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>ফলাফল যেমন দেখা যাচ্ছে:-
আশা করি এবার আপনার ব্লগের বিশেষ বিশেষ বাক্যগুলোকে বিভিন্ন ভঙ্গীতে চলমান রাখতে পারবেন।
Hello, I am Aero River. Like to do web tweaking. :)
