Cyber Cantik

Cool Tooltips with Pure CSS Hint.css is a tooltip library in CSS that helps you add cool tooltips to any element of your page. The major difference between Hint.css and othe tooltip plugins is that Hint.css uses data-* attribute, pseudo elements, content property and CSS3 transitions so that it's only compatible with those modern browsers which fully support HTML5 and CSS3. DOWNLOAD DEMO How to use it: Include Hint.css in your page <link rel="stylesheet" href="hint.css"> Markup your link with at least 2 classes. Use data-hint attribute to add your tooltip text. <p> <a href="#" class="hint hint--top" data-hint="jQueryScript.Net">Look, there is something over me.</a> </p> Position Options. class="hint hint--top" class="hint hint--bottom"...

jQuery Automatic BlackEagle Slideshow Plugin jquery.blackEagleSlideShow.js is a lightweight and easy-to-use jQuery slideshow plugin that automatically generates captions from img's title attribute. DOWNLOAD DEMO How to use it: Insert a set of images you want present into a DIV container. <div id="blackeagle_slideshow"> <img src="1.jpg" alt="" title="Image 1"/> <img src="2.jpg" alt="" title="Image 2"/> <img src="3.jpg" alt="" title="Image 3"/> <img src="4.jpg" alt="" title="Image 4"/> </div> Place jQuery library and the jquery.blackEagleSlideShow.js script at the end of the html document. <script src="//code.jquery.com/jquery.min.js"></script> <script src="jquery.blackEag...