Javascript - pređi mišem prikaži poruku u balonu

Javascript koji mouseover-om preko linka prikazuje poruku u okviru balona koji se pojavljuje sa fae-in efektom.

primer:

pogledajte primer>>>

Upotreba: kod ispod kopirajte u head i body sekciju Vaše stranice.

Head kod:

<script type="text/javascript" src="jquery-1.2.2.pack.js"></script>

<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="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>

Body kod:

<p align="left">"<a href="http://en.wikipedia.org/wiki/RSS_(file_format)" rel="htmltooltip">RSS</a> is a popular format for pushing updated headlines and contents from a site to viewers. JavaScript can be used to show RSS content on your site, whether by hosting the feed yourself as seen in <a href="http://www.javascriptkit.com/dhtmltutors/ajaxticker/index.shtml" rel="htmltooltip">RSS 
Ajax Ticker</a>, or through Google Feeds API, explained in the article <a href="http://www.javascriptkit.com/dhtmltutors/googleajaxfeed.shtml" rel="htmltooltip"> Displaying RSS feeds easily using Google Ajax Feed API</a>."<p></p>

<!--Inline HTML Tooltips (DIV with class="htmltooltip"-->
<!--Matched up with anchor links with rel="htmltooltip" and in the order they appear within page's source-->

<div class="htmltooltip">RSS stands for Really Simple Syndication, and is a type of XML file format.</div>

<div class="htmltooltip">In this tutorial, see how to use JavaScript and PHP to create a live RSS ticker that taps into any RSS feed on the web.</div>

<div class="htmltooltip">In this tutorial, we show you how to use Google Ajax Feed API to display RSS feeds from other sites on your own easily and without hosting the files on your own server.</div>

Dodatni fajlovi: htmltooltip.JS , jquery-1.2.2.pack.JS - download u folder gde je stranica

Novosti:

Partner sajta iz nagradne igre :

početna > Download > javascript - pređi mišem prikaži poruku u balonu

Design by sajt-dizajn grupa