Phiên bản đầy đủ: jsB@nk » Framework » jQuery » Chú thích mờ dần với mã HTML
URL: https://www.javascriptbank.com/fading-inline-rich-html-tooltip.html
Với đoạn mã này, chú thích của bạn được nhúng trực tiếp vào trong trang web và sẽ hiển thị với hiệu ứng mờ dần mỗi khi người dùng rê chuột vào liên kết chỉ định. Chú thích sẽ hiển thị ngay bên dưới liên kết và bạn có thể sử dụng các thẻ HTML cho chú thích.
Phiên bản đầy đủ: jsB@nk » Framework » jQuery » Chú thích mờ dần với mã HTML
URL: https://www.javascriptbank.com/fading-inline-rich-html-tooltip.html
<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><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>
<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>
/javascript/framework/Fading_inline_Rich_HTML_Tooltip/htmltooltip.js/javascript/framework/Fading_inline_Rich_HTML_Tooltip/jquery-1.2.2.js