Response title
This is preview!
- Screen name: anandayan
anandayan's Profile
2 Posts
2 Responses
0
Followers
Activity Trend
Last 30 days
- Last 30 days
- Date Interval
From Date : To Date :
Loading Chart...
Show:
- Expanded view
- List view
Private Message
- 08-Feb-2013 03:35 AM
- Forum: Getting Started
Hello help me out ... i wrote a simple ,show and hide login form in html with jQuery .. Now i want to use that login form as a php file when i save the file as .php file the jQuery code is not working any more.. any idea were exactly im going wrong or doing wrong ???
Thank you
Regards- Hello, there i have just started learning jQuery .. Basically I'm trying to implement if when i hover over an link on the navigation menu ,i want to change the image in the above div according to the button/list hovered ..I'm Not getting what to do next ..i want to show the image name that was caught using the text() method and hide the rest ..here is the code
- <body>
- <div id="container">
- <figure>
- <ul>
- <li><img src="IMG/Cricket.jpg"/></li>
- <li><img class="hide" src="IMG/EPL.jpg"/></li>
- <li><img class="hide" src="IMG/Formula 1.jpg"/></li>
- <li><img class="hide" src="IMG/Golf.jpg"/></li>
- <li><img class="hide" src="IMG/Tennis.jpg"/></li>
- </ul>
- </figure>
- <nav>
- <ul>
- <li><a href="#">Cricket</a></li>
- <li><a href="#">EPL</a></li>
- <li><a href="#">Formula 1</a></li>
- <li><a href="#">Golf</a></li>
- <li><a href="#">Tennis</a></li>
- </ul>
- </nav>
- </div>
- <script src="js/jQuery.js"></script>
- <script>
- (function(){
- var Img=$('li img');
- Img.hide().eq(0).show();
- var hov=$('nav ul li a');
- hov.hover(function(){
- var $this=$(this);
- var imgname=$('nav ul li a').text();
- //alert("clicked on nav button");
- Img.attr('src','IMG/'+imgname+'.jpg');
- })
- })();
- </script>
- </body>
- «Prev
- Next »
Moderate user : anandayan