I am looking for the code, what I am looking to do is the following...<br />
<br />
When a person runs his mouse over a button link I want it to change a graphic situated somewhere on the page.<br />
<br />
Can I also have a sound do it as well... is this basic HTML or more advanced such as DHTML or flash?<br />
<br />
Thanks for the help.<br />
<br />
Barry<!--content-->Any help would be much appericated...<!--content-->go there,<br />
<br />
<!-- m --><a class="postlink" href="http://www.codeave.com/javascript/code.asp?u_log=7021">http://www.codeave.com/javascript/code.asp?u_log=7021</a><!-- m --><br />
<br />
you will find the complete working code for image mouseovers<br />
<br />
hope i helped!<br />
<br />
<!--content-->on the subject of mouseovers does anyone use this imageswap technique. No javascript, which is nice, but I am not sure how cross-platform cross-browser friendly it is.<br />
<br />
<br />
<!-- m --><a class="postlink" href="http://www.virmalo.net/rollover_html/rollover_html.html">http://www.virmalo.net/rollover_html/rollover_html.html</a><!-- m --><!--content-->Originally posted by pointypuss <br />
on the subject of mouseovers does anyone use this imageswap technique. No javascript, which is nice, but I am not sure how cross-platform cross-browser friendly it is.<br />
<br />
<br />
<!-- m --><a class="postlink" href="http://www.virmalo.net/rollover_html/rollover_html.html">http://www.virmalo.net/rollover_html/rollover_html.html</a><!-- m --> That is a JavaScript method. And like all JavaScript methods it will fail at least one in ten times.<!--content-->A very basic Cascading Style Sheet Rollover would be like this:<br />
<br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"<br />
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<style type="text/css"><br />
<!--<br />
div a:hover { background-image: url("http://www.w3.org/Icons/valid-css.gif"); width: auto;}<br />
div a { background-image: url("http://www.w3.org/Icons/valid-xhtml11.gif"); width: auto;}<br />
--><br />
</style><br />
<title>CSS Rollover<br />
</title><br />
</head><br />
<body><br />
<p>Hover your mouse over the W3C image to see it change; you also need a Transparent *.gif called: dotclear.gif</a><br />
<div><br />
<p><br />
<a href=http://www.webdeveloper.com/forum/archive/index.php/"#"><img src="dotclear.gif" width="88" height="31"<br />
border="0" /></a><br />
</p><br />
</div><br />
</body><br />
</html><!--content-->
<br />
When a person runs his mouse over a button link I want it to change a graphic situated somewhere on the page.<br />
<br />
Can I also have a sound do it as well... is this basic HTML or more advanced such as DHTML or flash?<br />
<br />
Thanks for the help.<br />
<br />
Barry<!--content-->Any help would be much appericated...<!--content-->go there,<br />
<br />
<!-- m --><a class="postlink" href="http://www.codeave.com/javascript/code.asp?u_log=7021">http://www.codeave.com/javascript/code.asp?u_log=7021</a><!-- m --><br />
<br />
you will find the complete working code for image mouseovers<br />
<br />
hope i helped!<br />
<br />
<!--content-->on the subject of mouseovers does anyone use this imageswap technique. No javascript, which is nice, but I am not sure how cross-platform cross-browser friendly it is.<br /><br />
<br />
<!-- m --><a class="postlink" href="http://www.virmalo.net/rollover_html/rollover_html.html">http://www.virmalo.net/rollover_html/rollover_html.html</a><!-- m --><!--content-->Originally posted by pointypuss <br />
on the subject of mouseovers does anyone use this imageswap technique. No javascript, which is nice, but I am not sure how cross-platform cross-browser friendly it is.<br />
<br />
<br />
<!-- m --><a class="postlink" href="http://www.virmalo.net/rollover_html/rollover_html.html">http://www.virmalo.net/rollover_html/rollover_html.html</a><!-- m --> That is a JavaScript method. And like all JavaScript methods it will fail at least one in ten times.<!--content-->A very basic Cascading Style Sheet Rollover would be like this:<br />
<br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"<br />
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<style type="text/css"><br />
<!--<br />
div a:hover { background-image: url("http://www.w3.org/Icons/valid-css.gif"); width: auto;}<br />
div a { background-image: url("http://www.w3.org/Icons/valid-xhtml11.gif"); width: auto;}<br />
--><br />
</style><br />
<title>CSS Rollover<br />
</title><br />
</head><br />
<body><br />
<p>Hover your mouse over the W3C image to see it change; you also need a Transparent *.gif called: dotclear.gif</a><br />
<div><br />
<p><br />
<a href=http://www.webdeveloper.com/forum/archive/index.php/"#"><img src="dotclear.gif" width="88" height="31"<br />
border="0" /></a><br />
</p><br />
</div><br />
</body><br />
</html><!--content-->