关于网页上的一个图片效果!

分類: 電腦/網絡 >> 互聯網

問題描述:

正在做一个自己的静态网, 我想要这种效果, 就是鼠标移上去的时候图片会变得更亮, 也就是说之前透明度为80%, 鼠标移上去就是100%显示.

而且还带有链接, 原先以为很简单,但是从网页上考了几个代码都不行, 本人网页方面还是菜鸟. 望高手指教. 谢谢//.

參考答案:

我给你代码，图片地址需要你自己修改，有汉语提示，最后把汉字提示删除掉就可以了，有什么不懂的加我QQ ***********，只要我懂一定给你解答，互相学习，加的时候说明目的

<!-- Beginning of JavaScript Code -------------------

nereidFadeObjects = new Object();

nereidFadeTimers = new Object();

function nereidFade(object, destOp, rate, delta){

if (!document.all)

return

if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);

return;

}

clearTimeout(nereidFadeTimers[object.sourceIndex]);

diff = destOp-object.filters.alpha.opacity;

direction = 1;

if (object.filters.alpha.opacity > destOp){

direction = -1;

}

delta=Math.min(direction*diff,delta);

object.filters.alpha.opacity+=direction*delta;

if (object.filters.alpha.opacity != destOp){

nereidFadeObjects[object.sourceIndex]=object;

nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);

}

// -- End of JavaScript Code -->

</script>

//修改下面的图像地址和大小

<TBODY>

<TD background=图片地址

height=60 width=60><A

href="连接地址"><IMG

alt="Dreamweaver 资源" border=0 height=60

onmouseout=nereidFade(this,01,7,5)

onmouseover=nereidFade(this,100,5,7)

src="图片地址"

style="BORDER-BOTTOM: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; FILTER: alpha(opacity=0)"

width=60></A></TD>

<TD background=图片地址 height=60

width=60><A

href="连接2"><IMG

alt="Fireworks 资源" border=0 height=60

onmouseout=nereidFade(this,01,7,5)

onmouseover=nereidFade(this,100,5,7)

src="图片地址"

style="BORDER-BOTTOM: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; FILTER: alpha(opacity=0)"

width=60></A></TD>

<TD background=图片地址 height=60

width=60><A

href="连接地址"><IMG

alt="Flash 资源" border=0 height=60 onmouseout=nereidFade(this,01,7,5)

onmouseover=nereidFade(this,100,5,7)

src="图片地址"

style="BORDER-BOTTOM: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; FILTER: alpha(opacity=0)"

width=60></A></TD>

<TD background=图片地址 height=60

width=60><A

href="连接地址"><IMG

alt="Photoshop 资源" border=0 height=60

onmouseout=nereidFade(this,01,7,5)

onmouseover=nereidFade(this,100,5,7)

src="图片地址"

style="BORDER-BOTTOM: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; FILTER: alpha(opacity=0)"

width=60></A></TD>

</TR></TBODY></TABLE>

</body>