»
AnglaisFran�aisVietnamien

Imprimer - Fisheye - JavaScriptBank.com

Version compl�te: jsB@nk » Texte » Fisheye
URL: https://www.javascriptbank.com/fisheye-effect.html

Fisheye © JavaScriptBank.comAjouter un 'fish' effet de votre texte. Déplacez votre souris sur le texte et regarder le changement. Il est mis en œuvre en utilisant JavaScript et CSS.

Version compl�te: jsB@nk » Texte » Fisheye
URL: https://www.javascriptbank.com/fisheye-effect.html



CSS
<style type="text/css">  span {font-size: x-small}</style><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


JavaScript
<SCRIPT LANGUAGE="JavaScript"><!-- Beginfunction convertPreBlocks() {}var regular = "x-small";function bigger(thing){thing.style.fontSize = "large";siblingElement = thing.previousSibling;while(siblingElement) {if(siblingElement.tagName=="SPAN") {siblingElement.style.fontSize = "medium";break;}siblingElement = siblingElement.previousSibling;}siblingElement = thing.nextSibling;while(siblingElement) {if(siblingElement.tagName=="SPAN") {siblingElement.style.fontSize = "medium";break;}siblingElement = siblingElement.nextSibling;}}function normal(thing){thing.style.fontSize = regular;siblingElement = thing.previousSibling;while(siblingElement) {if(siblingElement.tagName=="SPAN") {siblingElement.style.fontSize = regular;break;}siblingElement = siblingElement.previousSibling;}siblingElement = thing.nextSibling;while(siblingElement) {if(siblingElement.tagName=="SPAN") {siblingElement.style.fontSize = regular;break;}siblingElement = siblingElement.nextSibling;}}//  End --></script><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


HTML
The Geek&#39;s Raven<br />[An excerpt, with thanks to Marcus Bales]<br /><br /><span onmouseover="bigger(this)" onmouseout="normal(this)">Once upon a midnight dreary,</span><br/><span onmouseover="bigger(this)" onmouseout="normal(this)">fingers cramped and vision bleary,</span><br/><span onmouseover="bigger(this)" onmouseout="normal(this)">System manuals piled high and wasted paper on the floor,</span><br/><span onmouseover="bigger(this)" onmouseout="normal(this)">Longing for the warmth of bedsheets,</span><br/><span onmouseover="bigger(this)" onmouseout="normal(this)">Still I sat there, doing spreadsheets:</span><br/><span onmouseover="bigger(this)" onmouseout="normal(this)">Having reached the bottom line,</span><br/><span onmouseover="bigger(this)" onmouseout="normal(this)">I took a floppy from the drawer.</span><br/><span onmouseover="bigger(this)" onmouseout="normal(this)">Typing with a steady hand, I then invoked the SAVE command</span><br/><span onmouseover="bigger(this)" onmouseout="normal(this)">But got instead a reprimand: it read &quot;Abort, Retry, Ignore&quot;.</span><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->