Results 1 to 2 of 2

Thread: Need Help in Minor Problem with CSS

  1. #1
    Join Date
    May 2013
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Need Help in Minor Problem with CSS

    I have problem with accessing the following code while using animate.css

    Code:
    <head>
    <style>
    #rest {
        -vendor-animation-duration: 3s;
        -vendor-animation-delay: 2s;
        -vendor-animation-iteration-count: infinite;
    }
    
    </style>
    
    
    <script  type="text/javascript">
    
    	$(document).ready(function(){
    			$('#rest').addClass('animated tada');
    			
    			animationHover('#rest', 'tada');
    			animationClick('#rest', 'tada');
    			
    			
    					
    			function animationHover(element, animation){
    				element = $(element);
    				element.hover(
    					function() {
    						element.addClass('animated ' + animation);          
    					//wait for animation to finish before removing classes
    						window.setTimeout( function(){
    							element.removeClass('animated ' + animation);
    						}, 2000);          
    					});
    			}
    
    			function animationClick(element, animation){
    				element = $(element);
    				element.click(
    					function() {
    						element.addClass('animated ' + animation);          
    						//wait for animation to finish before removing classes
    						window.setTimeout( function(){
    							element.removeClass('animated ' + animation);
    						}, 2000);           
    			 
    					});
    			} 
    			
    			
    			});
    </script>
    
    </head>
    
    <body>
    
    <div id="check" class="animate tada">Hello! Its working1</div><br /><br />
    <div id="rest">Hello! Its working2</div><br />
    
    
    </body>
    I am curious what I am doing wrong or missing something as I am new to jquery and javascript.
    I will highly appreciate for an immediate reply along with solution.

    Thanks in Advance
    Last edited by jscheuer1; 05-23-2013 at 03:28 PM. Reason: Format

  2. #2
    Join Date
    Jan 2011
    Location
    Southeastern CT
    Posts
    597
    Thanks
    43
    Thanked 28 Times in 28 Posts

    Default

    Your post is vague.

    The post shows nothing about a file animate.css

    Please post a link to the page on your site that contains the problematic script so we can check it out.
    Thanks,

    Bud

Similar Threads

  1. Minor drawing problem with Navigational Menu
    By rr247 in forum Bug reports
    Replies: 0
    Last Post: 01-02-2013, 07:44 PM
  2. Resolved AnyLink CSS Menu v2.0 minor problem - I think
    By Kurcbuz in forum Dynamic Drive scripts help
    Replies: 2
    Last Post: 05-30-2009, 09:55 PM
  3. Resolved Minor problem, but im css handicapped
    By cbier in forum CSS
    Replies: 8
    Last Post: 11-25-2008, 04:52 PM
  4. AJAX Tabs Minor Problem
    By ryuzaki in forum Dynamic Drive scripts help
    Replies: 0
    Last Post: 08-22-2008, 09:26 AM
  5. Minor problem - too bad I don't understand it.
    By StarrRider in forum JavaScript
    Replies: 7
    Last Post: 05-23-2007, 08:24 PM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •