DHTML Utopia Modern Web Design Using JavaScript & DOM- P8:In a single decade, the Web has evolved from a simple method of delivering technical documents to an essential part of daily life, making and breaking relationships and fortunes along the way. “Looking something up on the Internet,” by which is almost always meant the Web, is now within reach of almost anyone living in a first-world country, and the idea of conducting conversations and business (and probably orchestras) in your Web browser is no longer foreign, but part of life | Chapter 5 Animation Here s the style sheet File ul div extra display block background-color blue position absolute top 30px left 0 width 100 height 2em padding 0 margin 0 z-index 20 div extra z-index 10 li display inline font-weight bold padding 0 margin 0 li a color white background-color blue span position absolute top 0 background yellow border 1px solid blue border-width 1px 1px 0 1px display none Finally here s the script File var rH addEvent function elm evType fn useCapture addEvent cross-browser event handling for IE5 NS6 Mozilla 120 Licensed to siowchen@ Full Rising Tooltips Example Listing By Scott Andrew if evType fn useCapture return true else if var r on evType fn return r else elm on evType fn init function get the header links if return var navList nav a var extra extra for var i 0 i i install event listeners i mouseover false i mouseout false move the corresponding span into the extra div var theLi i .parentNode var theSpan span 0 theSpan block remember where the span is and what s happening i .tipSpan theSpan i .tipState none setInterval 50 test with 500 mOver function e var link if e 121 Licensed to siowchen@ Chapter 5 Animation link if link if link return if 3 link Fix for Safari if full rising mOut function e var link if e link if link if link return if 3 link
