»
AnglaisFrançaisVietnamien

Imprimer - Fading inline Rich HTML Tooltip - JavaScriptBank.com

Version complète: 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.comAvec ce code JavaScript, les annotations sont intégrés directement dans votre page Web, et s'affiche avec effets de la décoloration   lorsque les utilisateurs se déplacer la souris sur   le lien. Fading inline Rich HTML Tooltip   bulles d'aide vous permet de figurer immédiatement au-dessous des liens et vous pouvez utiliser des balises HTML pour tooltips.

Version complète: 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