Full version: jsB@nk » Link » Tooltip » Tooltip onMoveover
URL: https://www.javascriptbank.com/balloon.html
When visitors move mouse over the link, this JavaScript code will display the description for every link.
Full version: jsB@nk » Link » Tooltip » Tooltip onMoveover
URL: https://www.javascriptbank.com/balloon.html
<STYLE type=text/css>.balloon {BORDER-RIGHT: aqua 8px solid; BORDER-TOP: aqua 8px solid; VISIBILITY: hidden; BORDER-LEFT: aqua 8px solid; BORDER-BOTTOM: aqua 8px solid; POSITION: absolute; BACKGROUND-COLOR: aqua}</STYLE><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><SCRIPT><!--function setUp() {makeBalloon("Anticommons" ,280, "When too many individuals have the right of exclusion to a scarce resource, and no one has an effective privilege of use, under-utilization may occur.");makeBalloon("Leisure",240, "Consumers in rich countries have become harried in their futile attempt to increase the productivity of their non-work time."); makeBalloon("Selfcontrol",280, "People who believe that they will procrastinate when faced with immediate costs and prematurely appropriate immediate rewards may counteract this tendency sometimes to their own benefits.");makeBalloon("Decision",240, "Decisions that are small in size, time perspective, and in relation to their cumulative effect may lead to suboptimal resource allocation.");makeBalloon("Defectors",240, "There is selective advantage in being always honest even when it may be disadvantageous to do so at times.");makeBalloon("Sanctions",240, "Prices compel decision makers to consider the external costs of their acts, whereas sanctions deter people from doing what is wrong.");makeBalloon("Innovation",280, "Dominant companies' preoccupation with pleasing high-end customers for higher profit margin inadvertently creates niches at the low-end of the market for start-ups to invade.");makeBalloon("Origin",280, "Economic behavior is predictable largely because bounded rationality leads people to adopt rules of thumb which display greater regularity than does optimization.");makeBalloon("Fishmarket",280, "In the world of zero transaction cost, the market becomes a price-determining mechanism, and its institutional setting becomes irrelevant. The ubiquitous existence of transactions costs, however, means that the institutional structure of exchange does matter.");makeBalloon("Sample",280, "A way to provide footnotes, help information, or other material to the user without forcing a jump to a hyperlink and moving the loaded page.");}function makeBalloon(id, width, message) { var astr = '<STYLE TYPE="text/css">#'+id+'{width:'+width+';}</STYLE>'; astr+='<DIV CLASS="balloon" id="'+id+'">'+message+'</DIV>'; document.write(astr);}function makeVisible(id, event) {document.all[id].style.pixelLeft = (document.body.scrollLeft +event.clientX) + 10; document.all[id].style.pixelTop = (document.body.scrollTop + event.clientY) + 10;document.all[id].style.visibility="visible";}function hide(id) {document.all[id].style.visibility="hidden";}//--></SCRIPT><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><TABLE> <TBODY> <TR> <TD></TD> <TD></TD> <TD></TD></TR> <TR> <TD><B>Row 1</B></TD> <TD><B><A onmouseover="makeVisible('Fishmarket', event)" onmouseout="hide('Fishmarket')" href="http://JavaScriptBank.com/">Item 1</A></B></TD></TR> <TR> <TD><B>Row 2</B></TD> <TD><B><A onmouseover="makeVisible('Origin', event)" onmouseout="hide('Origin')" href="http://JavaScriptBank.com/">Item 2</A></B></TD></TR> <TR> <TD><B>Row 3</B></TD> <TD><B><A onmouseover="makeVisible('Innovation', event)" onmouseout="hide('Innovation')" href="http://JavaScriptBank.com/">Item 3</A></B></TD></TR> <TR> <TD><B>Row 4</B></TD> <TD><B><A onmouseover="makeVisible('Leisure', event)" onmouseout="hide('Leisure')" href="http://JavaScriptBank.com/">Item 4</A></B></TD></TR> <TR> <TD><B>Row 5</B></TD> <TD><B><A onmouseover="makeVisible('Selfcontrol', event)" onmouseout="hide('Selfcontrol')" href="http://JavaScriptBank.com/">Item 5</A></B></TD></TR> <TR> <TD><B>Row 6</B></TD> <TD><B><A onmouseover="makeVisible('Decision', event)" onmouseout="hide('Decision')" href="http://JavaScriptBank.com/">Item 6</A></B></TD></TR> <TR> <TD><B>Row 7</B></TD> <TD><B><A onmouseover="makeVisible('Defectors', event)" onmouseout="hide('Defectors')" href="http://JavaScriptBank.com/">Item 7</A></B></TD></TR> <TR> <TD><B>Row 8</B></TD> <TD><B><A onmouseover="makeVisible('Anticommons', event)" onmouseout="hide('Anticommons')" href="http://JavaScriptBank.com/">Item 8</A></B></TD></TR> <TR> <TD><B>Row 9</B></TD> <TD><B><A onmouseover="makeVisible('Sanctions', event)" onmouseout="hide('Sanctions')" href="http://JavaScriptBank.com/">Item 9</A></B></TD></TR></TBODY></TABLE>An example of providing nonintrusive <SPAN onmouseover="makeVisible('Sample', event)" onmouseout="hide('Sample')"><B>assistance</B> </SPAN>to users.<SCRIPT language=JavaScript1.2>setUp();</SCRIPT><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->