»
EnglishFrenchVietnamese

Print - Fading inline Rich HTML Tooltip - JavaScriptBank.com

Full version: jsB@nk » Framework » jQuery » Fading inline Rich HTML Tooltip
URL: https://www.javascriptbank.com/fading-inline-rich-html-tooltip.html

Fading inline Rich HTML Tooltip © JavaScriptBank.comWith this JavaScript code, annotations are embedded directly inside your webpage and will appear along with fading effects whenever users move mouse over the link. Fading inline Rich HTML Tooltip lets your tooltips appear immediately below links and you can use HTML tags for tooltips.

Full version: jsB@nk » Framework » jQuery » Fading inline Rich HTML Tooltip
URL: https://www.javascriptbank.com/fading-inline-rich-html-tooltip.html



CSS
<style type="text/css">div.htmltooltip{position: absolute; /*leave this and next 3 values alone*/z-index: 1000;left: -1000px;top: -1000px;background: #272727;border: 10px solid black;color: white;padding: 3px;width: 250px; /*width of tooltip*/}</style>


JavaScript
<script type="text/javascript" src="jquery-1.2.2.js"></script><script type="text/javascript" src="htmltooltip.js">/************************************************ Inline HTML Tooltip script- by JavaScript Kit (http://www.javascriptkit.com)* This notice must stay intact for usage* Visit JavaScript Kit at http://www.javascriptkit.com/ for this script and 100s more***********************************************/</script>


HTML
<p align="left">"<ahref="http://en.wikipedia.org/wiki/RSS_(file_format)"rel="htmltooltip">RSS</a> is a popular format for pushingupdated headlines and contents from a site to viewers. JavaScript canbe used to show RSS content on your site, whether by hosting the feedyourself as seen in <ahref="http://www.javascriptkit.com/dhtmltutors/ajaxticker/index.shtml"rel="htmltooltip">RSS Ajax Ticker</a>, or through Google FeedsAPI, explained in the article <ahref="http://www.javascriptkit.com/dhtmltutors/googleajaxfeed.shtml"rel="htmltooltip"> Displaying RSS feeds easily using Google AjaxFeed API</a>."</p><!--Inline HTML Tooltips (DIV with class="htmltooltip"--><!--Matched up with anchor links with rel="htmltooltip" and in theorder they appear within page's source--><div class="htmltooltip">RSS stands for Really SimpleSyndication, and is a type of XML file format.</div><div class="htmltooltip">In this tutorial, see how to useJavaScript and PHP to create a live RSS ticker that taps into any RSSfeed on the web.</div><div class="htmltooltip">In this tutorial, we show you how to useGoogle Ajax Feed API to display RSS feeds from other sites on your owneasily and without hosting the files on your own server.</div>


Files
/javascript/framework/Fading_inline_Rich_HTML_Tooltip/htmltooltip.js/javascript/framework/Fading_inline_Rich_HTML_Tooltip/jquery-1.2.2.js