»
Tiếng AnhTiếng PhápTiếng Việt

In - Chữ phóng to khi rê chuột - JavaScriptBank.com

Phiên bản đầy đủ: jsB@nk » Chữ » Chữ phóng to khi rê chuột
URL: https://www.javascriptbank.com/fisheye-effect.html

Chữ phóng to khi rê chuột © JavaScriptBank.comHiệu ứng sẽ làm cho chữ trên trang web sẽ tự động phóng to khi người dùng rê chuột đến.

Phiên bản đầy đủ: jsB@nk » Chữ » Chữ phóng to khi rê chuột
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-->