淡入淡出的图片效果
网络与通信
网页上有一幅半透明的图像,当鼠标移到图像上面的时候,它慢慢变清晰,鼠标移开,图像又变回半透明。怎么样,是不是很心动?那就接着往下看吧。
打开你的网页源代码,首先在
要注意加下划线“setInterval”与“clearInterval”的大小写。
然后在插入图片的地方加一点源代码(注意加下划线语句)
保存一下吧,然后看看效果,是不是很酷。
这段代码的意义是这样的:首先设置图像的透明度为20%;当鼠标移到图像上时,图像的透明度以10%的频率增加至100%;当鼠标移开时,图像的透明度恢复为20%。
在这几段代码中,“which2.filters.alpha.opacity=20”与“style="filter: alpha(opacity=20)"”中的“20”是图像初始透明度,可以按个人喜好而设定;“cur2.filters.alpha.opacity+=10”中的“10”是透明度增加频率,可按实际显示效果而设定。