topical media & game development

talk show tell print

graphic-javascript-effect-image-button-effect.htm / htm



  <head>
  
  <script type="text/javascript" src="graphic-javascript-effect-image-button.js"></script>
  </head>
  <body>
  
  <p> Four different colors of test buttons.?
  <div name="jsimgbutton" id="jsimgbutton" style=" width:100px; height:25px;background:url(red.png) no-repeat 0 0;"></div>
  <div name="jsimgbutton" id="jsimgbutton" style=" width:100px; height:25px;background:url(blue.png) no-repeat 0 0;"></div>
  <div name="jsimgbutton" id="jsimgbutton" style=" width:100px; height:25px;background:url(green.png) no-repeat 0 0;"></div>
  <div name="jsimgbutton" id="jsimgbutton" style=" width:100px; height:25px;background:url(yellow.png) no-repeat 0 0;"></div>
  <p>Did you say toolbar?</p>
  <div style="width:175px;height:35px;">
  <div name="jsimgbutton" id="jsimgbutton" style="float:left;;width:35px; height:35px;background:url(graphic-javascript-effect-image-ttest.png) no-repeat 0 0;"></div>
  <div name="jsimgbutton" id="jsimgbutton" style="float:left; width:35px; height:35px;background:url(graphic-javascript-effect-image-ttest.png) no-repeat 0 0;"></div>
  <div name="jsimgbutton" id="jsimgbutton" style="float:left; width:35px; height:35px;background:url(graphic-javascript-effect-image-ttest.png) no-repeat 0 0;"></div>
  <div name="jsimgbutton" id="jsimgbutton" style="float:left; width:35px; height:35px;background:url(graphic-javascript-effect-image-ttest.png) no-repeat 0 0;"></div>
  <div name="jsimgbutton" id="jsimgbutton" style="float:left; width:35px; height:35px;background:url(graphic-javascript-effect-image-ttest.png) no-repeat 0 0;"></div>
  </div>
  
  </body>
  


(C) Æliens 20/2/2008

You may not copy or print any of this material without explicit permission of the author or the publisher. In case of other copyright issues, contact the author.