js实现鼠标感应图片展示的方法_javascript技巧

代码如下:






var W3CDOM = (document.createElement() && document.getElementsByTagName());
window.onload = pinballEffect;
function pinballEffect()
{
if (!W3CDOM) return;
var allElements = document.getElementsByTagName('*');
var originalBackgrounds=new Array();
for (var i=0; i {
if (allElements[i].className.indexOf('hovereffect') >= 0)
{
allElements[i].onmouseover = mouseGoesOver;
allElements[i].onmouseout = mouseGoesOut;
}
}
}
function mouseGoesOver()
{
originalClassNameString = this.className;
this.className += " lay-on";
}
function mouseGoesOut()
{
this.className = originalClassNameString;
}
pinballEffect();

红叶传情 By 代码家园 2010.09.23

野花绽放 By 珊珊影视在线 2010.09.23

往事如茶 By 代码家园 2010.09.23

油菜花开 By 七彩影视 2010.09.23

玫瑰情思 By 代码家园 2010.09.23

小雏菊 By 珊珊影视 2010.09.23

希望本文所述对大家的javascript程序设计有所帮助。