topical media & game development
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.