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

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

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

سلام
میشه از روی 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

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

سوال برنامه نویسی دارید؟

خوش آمدید