tool tip effect in jquery..

<head>
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
 <script type="text/javascript">
    $(document).ready(function(){
        $('.show-tip').hover(
            function(){
            $('.tool-tip').fadeIn(100);
            },
            function() {
                $('.tool-tip').delay(100).fadeOut(100);
            });
    });
   
 </script>
</head>
<body>       
<a href="#" class="show-tip">Learn more</a>
<div class="tool-tip" style="display:none">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vitae sapien ante, lobortis semper massa. Quisque non turpis at dolor ultrices facilisis. Nullam nisi libero, tristique ultricies mollis vel, ultricies eu leo. Morbi vitae ligula id mi condimentum ultrices sit amet quis tortor. Donec adipiscing interdum eros. Phasellus vitae neque risus, at bibendum ligula. Fusce interdum nulla in massa congue posuere a commodo enim. In libero eros, commodo vel cursus laoreet, egestas sit amet quam.
</div>
</body>

Most Popular

Connect to Amazon EC2 instance using Filezilla and SFTP

Image
Hello friends this tutorial help you how to connect AWS EC2 instance using Filezilla and SFTP. First you need to have .pem file. This .pem file is created when you are creating a new instance in your AWS account. Follow below steps to connect AWS EC2 instance. 1. Start Filezilla. Goto preference ->connection->SFTP 2. Add .pem file then you will get prompt to convert .pem file. 3. Save with same name. 4. Add Host address. You will get public ip from AWS EC2 instance. 5. Username ec-2 or ubuntu. Username you will find in connect tab. 6. Port : 22 7. Connect. 8. Finish.
Keep reading

Pan Card Validation Using Javascript

To Validate PanCard you have to use below function  function ValidatePAN(Obj) {            if (Obj.value != "") {             ObjVal = Obj.value;             var panPat = /^([a-zA-Z]{5})(\d{4})([a-zA-Z]{1})$/;             if (ObjVal.search(panPat) == -1) {                 alert("Invalid Pan No");                 Obj.focus();                 return false;             }         }   } <input type="text" ID="textPanNo" MaxLength="10" onblur="ValidatePAN(this);">
Keep reading

Customize wordpress register form wp_register()

<div>             <h3>Register for this site!</h3>             <p>Sign up now for the good stuff.</p>             <form method="post" action="<?php echo site_url('wp-login.php?action=register', 'login_post') ?>" class="wp-user-form">                 <div class="username">                     <label for="user_login"><?php _e('Username'); ?>: </label>                     <input type="text" name="user_login" value="<?php echo esc_attr(stripslashes($user_login)); ?>" size="20" id="user_login" tabindex="101" />                 </div>                                <div class="password">                     <label for="user_email"><?php _e('Your Email'); ?>: </label>                     <input type="text"
Keep reading