for example
<div id="content">
<a onmouseover="erase()" onmouseout="show()">Test</a>
</div>
<script type="text/javascript">
function erase()
{
document.getElementById('content').style.backgroundImage='';
}
function show()
{
document.getElementById('content').style.backgroundImage='xxxx.gif';
}
</script>
2011/2/10, John Warner <john at jwarner.com>:
> Have you considered jQuery to just toggle the images ?
>
> John Warner
>
>
>> -----Original Message-----
>> From: javascript-bounces at lists.evolt.org [mailto:javascript-
>> bounces at lists.evolt.org] On Behalf Of pat at soligsoft.com
>> Sent: Thursday, February 10, 2011 6:44 AM
>> To: javascript at lists.evolt.org
>> Subject: [Javascript] Image ease in upon mouse over of link
>>
>> Hello all,
>>
>> I want to achieve a effect that upon a mouseover of a link a image will
>> ease in. I've looked for such a technique/effect with no success.
>>
>> The image will ease in over the content area, covering the background
>> image. The links are in the same content area and will still be visible
>> above the image easing in which I think I can accomplish by the z-index.
>> Any help, guidance or direction to a tutorial that does just that would
> be
>> greatly appreciated.
>>
>> Thanks in advance
>>
>> Pat
>>
>> _______________________________________________
>> Javascript mailing list
>> Javascript at lists.evolt.org
>> http://lists.evolt.org/mailman/listinfo/javascript
>
>
> _______________________________________________
> Javascript mailing list
> Javascript at lists.evolt.org
> http://lists.evolt.org/mailman/listinfo/javascript
>