tool tip effect in jquery..

By December 28, 2011 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>

Leave a Reply

19 + = 20

Open chat
💬 Need help?