a.doImg { display: block; height: 50px; width: 50px; background-image: url(root.gif); text-decoration: none; }a.doHov:hover { background-image: url(hover.gif); }body a.doAct:active { background-image: url(active.gif); }/* lots of other stuff to make it line up correctly with the textdisplay: inline-block; is not well supported, so I use multiple float/clears */ var a = new Image(); a.src = 'root.gif';var b = new Image(); b.src = 'hover.gif';var c = new Image(); c.src = 'active.gif'; SCREEN SIZE 720*480
a.doImg { display: block; height: 50px; width: 50px; background-image: url(root.gif); text-decoration: none; }a.doHov:hover { background-image: url(hover.gif); }body a.doAct:active { background-image: url(active.gif); }/* lots of other stuff to make it line up correctly with the textdisplay: inline-block; is not well supported, so I use multiple float/clears */ var a = new Image(); a.src = 'root.gif';var b = new Image(); b.src = 'hover.gif';var c = new Image(); c.src = 'active.gif'; SCREEN SIZE 720*480