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:

Thursday, 2 January 2014

How do I use a gradient as a font color in CSS?


http://jsfiddle.net/HzzHA/    { Firefox }

http://jsfiddle.net/3rvsm/      { Chrome}
Posted by at No comments:
Subscribe to: Posts (Atom)