Baji 999

সেরা ক্যাসিনো প্ল্যাটফর্ম

🌍 দেশ 🌐

লগইন রেজিস্টার

### 2. জাভাস্ক্রিপ্ট লজিক (JavaScript Logic) এই স্ক্রিপ্টটি ট্যাবারের কার্যকারিতা নিয়ন্ত্রণ করে: সক্রিয় অবস্থা (Active State) নির্ধারণ, ইন্ডিকেটর লাইন মুভমেন্ট এবং পেজ লোড হওয়ার সাথে সাথে সঠিক মেনু হাইলাইট করা। document.addEventListener('DOMContentLoaded', function() { const tabLinks = document.querySelectorAll('.tab-link'); const indicator = document.getElementById('tab-indicator'); const currentPath = window.location.pathname; // একটিভ কালার কনফিগারেশন const activeIconClass = 'text-[#FCD34D]'; // গোল্ডেন কালার const activeTextClass = 'text-white'; const inactiveColorClass = 'text-[#9CA3AF]'; // ইন্ডিকেটর পজিশন আপডেট করার ফাংশন function moveIndicator(index) { if (indicator) { // প্রতিটি ট্যাবের প্রস্থ ২০% (১০০% / ৫) const percentage = index * 100; indicator.style.transform = `translateX(${percentage}%)`; } } // আইকন এবং টেক্সট স্টাইল আপডেট করার ফাংশন function setActiveStyle(targetIndex) { tabLinks.forEach((link, index) => { const icon = link.querySelector('i'); const span = link.querySelector('span'); // মাঝখানের বাটন (Register) আলাদাভাবে হ্যান্ডেল করা হচ্ছে const isCenterBtn = link.classList.contains('bg-gradient-to-b'); if (parseInt(link.dataset.index) === targetIndex) { // একটিভ অবস্থা if (!isCenterBtn) { link.classList.remove(inactiveColorClass); link.classList.add(activeIconClass); if (icon) icon.classList.replace('ri-home-5-line', 'ri-home-5-fill'); // উদাহরণের জন্য আইকন ফিল করা } } else { // ইনএকটিভ অবস্থা if (!isCenterBtn) { link.classList.add(inactiveColorClass); link.classList.remove(activeIconClass); } } }); moveIndicator(targetIndex); } // পেজ লোড হলে বর্তমান URL অনুযায়ী একটিভ ট্যাব নির্ধারণ let activeIndex = 0; // ডিফল্ট হোম tabLinks.forEach((link) => { const href = link.getAttribute('href'); if (href && href !== 'javascript:downloadApp()' && currentPath.includes(href)) { activeIndex = parseInt(link.dataset.index); } }); // ইনিশিয়াল স্টেট সেট করা setActiveStyle(activeIndex); // ক্লিক ইভেন্ট লিসেনার tabLinks.forEach(link => { link.addEventListener('click', function(e) { // ডাউনলোড ফাংশন থাকলে ডিফল্ট বিহেভিয়ার আটকানোর দরকার নেই, অন্যথায় পেজ লোড হবে const index = parseInt(this.dataset.index); moveIndicator(index); // UI তাৎক্ষণিক আপডেটের জন্য setActiveStyle(index); }); }); }); ### বৈশিষ্ট্যের বিবরণ (Technical Highlights): 1. **ডিজাইন ও থিম:** Baji 999-এর "ক্লাসিক রেট্রো" থিমের সাথে মিল রেখে গাঢ় ধূসর (`#4B5563`) এবং মেটালিক গোল্ড (`#FCD34D`) কালার ব্যবহার করা হয়েছে। গ্রেডিয়েন্ট ব্যাকগ্রাউন্ড এটিকে একটি প্রিমিয়াম লুক দেয়। 2. **এসইও (SEO):** শব্দার্থিক `