当前位置:编程学习 > JS >>

超酷的图片透明度动画变化特效

超酷的图片透明度动态变化特效,用CSS实现透明度变化,然后再用JS去控制这一变化是缓慢的,也就是淡淡出现,多写些代码,但效果肯定是不一样的,希望喜欢哦!
答案:<html>
<head>
<title>图片透明度动画特效</title>
</head>
<BODY bgColor=black>
<p align="center">
<SCRIPT language=JavaScript type="">
<!--
function high(which2){
theobject=which2
highlighting=setInterval("highlightit(theobject)",100)}
function low(which2){clearInterval(highlighting)
which2.filters.alpha.opacity=30}
function highlightit(cur2){
if (cur2.filters.alpha.opacity<200)
cur2.filters.alpha.opacity+=20
else if (window.highlighting)
clearInterval(highlighting)}
//-->
</SCRIPT>
<a target="_blank" href="/">
<IMG align=middle alt="come here" border=0 height=247 onmouseout=low(this) onmouseover=high(this) src="/jscss/demoimg/wall2.jpg" style="border:1px solid #FFFFFF; FILTER: alpha(opacity=30)"></a>
</body>
</html>

上一个:CSS实现鼠标移上黑白图片变成彩色的特效
下一个:缓慢飘起的JS浮动图片代码

CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,