نشان دادن حالت انتخاب شده ی عناصر در منو

HTML/XHTML

توسط maynoush در 2 سال پیش
0 575 1 2 سال پیش
maynoushc0der
1

سلام یه منو  طراحی کردم که وقتی روی عناصر منو و زیر منوها میرم دورشون یه کادر با پس زمینه رنگی قرار میگیره.مثل همین جا که وقتی رو منو حرکت میکنی یکم رنگ زمینه عوض میشه. مشکل: وقتی رو منو کلیلک میکنم و صفحه عوض میشه اون کادر رنگی از اطراف عنوانم محو میشه. سوال: چطور پیاده سازی کنم که وقتی رو عناصر منو کلیلک میکنم و صفحه عوض میشه اون پس زمینه ی رنگی محو نشه و نشون بده که چه عنوانی در حالت انتخاب شده است؟؟ ممنون میشم راهنمایی کنید.

آخرین ویرایش: 19-01-2016 ساعت 13:11، توسط maynoush
0

سلام میشه از روی  URL فعلی فهمید تو کدوم صفحه هستیم و بعد المنت a مربوط رو بهش استایل بدیم

<nav>
	<ul>
		<li><a href="home.html">Home</a></li>
		<li><a href="contact.html">Contact Us</a></li>
		<li><a href="about.html">About</a></li>
	</ul>
</nav>	

<script>
$(function() {
  $('nav a[href^="' + location.pathname.split("/").pop() + '"]').addClass('active');
});
</script>

http://uplod.ir/vcvuoiq25tee/web.zip.htm

خوش آمدید

برای طرح سوال، ایجاد بحث و فعالیت در سایت نیاز است ابتدا وارد حساب کاربری خود شوید. در صورتی که هنوز عضو سایت نیستید میتوانید در عرض تنها چند ثانیه ثبت نام کنید.

لطفا ابتدا لاگین کنید