First off, my apologies for a lengthy post. I am trying to use CSS, HTML and JavaScript, so please don't recommend using std. libraries.1)I have found people using different approaches in CSS,HTML and JavaScript to achieve the "fade in/ fade out effect" on navigation bars, some of the approaches using CSS and JavaScript are:a) Use property "left" to get the submenu outside the screen. Default left :-500px ;onmouseover- left:-10pxb) Use property "visibility". Default visibility: "hidden" and onmouseover- visibility: visbilec)use property "display". Default display:none and onmouseover- display:blockMy question is which one is the best approach and why? 2)I have used the method a) in this jsfiddle: http://jsfiddle.net/A7TND/.CSS\[code\].teal-box{left:-10px;}\[/code\]HTML\[code\]<div class="level1" onmouseover="showSubs("+")"> \[/code\]Javascript\[code\]switch (vwFlg){ case "+" :elmt.style.left = "-10px";...}\[/code\]In the example, I am not sure whether the function gets called over and over when I am moving between the main item(favorite) and subitems(jsfidddle, google), my questions are: a) does it get called over and over during the mouse movement between main items(favorites) and sub-items(google and jsfiddle)?b) how does that(calling javascipt function over and over) affect the responsiveness of the page?3.The approach I did for having multiple images(see the jsfiddle link) separated by , is have multiple divs - where top has different values, is that the best approach? This would mean , I would have to write a div for each image, is there a some spiffy way of using "position" properties absolute and relative to achieve that without creating as many divs as images?[*]I want to have a table
,how do I get that "button popping out of the page" look ? I tried to debug a commercial web app, it seems they seem to repeat a background image, which I tried, but that did not work.CSS\[code\].sel-row {border-style:solid;border-width:1px;background-image:url("\lb_sel.gif");background-repeat:repeat-x-y;background-color:#CDD2D7 ;border-color:#8B96A2 ;height:20px;}\[/code\]