SOCIALIZE IT

Thursday, 23 January 2014

Menu Active Button






<script src="http://code.jquery.com/jquery-1.8.3.js" /> </script>
<script>
$(document).ready(function() { alert('Active Button')
$("span").on("click", function() {
      $(this).siblings().removeClass('active').end().addClass("active");
});
});
</script>

<style>
#text1 { padding:2px 8px; margin:3px; }
.active
 { background:red; color:#fff; }
</style>

</head>
<body>
<div id="text">
<span class="text_1 active" id="text1">Home</span>
<span class="text_2" id="text1">About</span>
<span class="text_3" id="text1">Contact</span>
<span class="text_4" id="text1">Faq's</span>
</div>





  • <script type='text/javascript'>
$(window).load(function(){
$("#main-menu a").click(function() {
    $('.active').removeClass('active');
    $(this).addClass("active");
});
});>  
</script>
<style>
.active {font-weight:bold}
</style>
<!--Navigation-->
    <nav id="main-menu">
        <ul class="right">
        <li><a href="#">Home</a></li>                                    
        <li><a href="#">Test Link 1</a></li>
        <li><a href="#">Test Link 2</a></li>
        <li><a href="#">Test Link 3</a></li>
    </ul>
</nav>



Posted by at

No comments:

Post a Comment

Subscribe to: Post Comments (Atom)