精华区 [关闭][返回]

当前位置:网易精华区>>讨论区精华>>网络专区>>● 网站建设>>盖世神功 — 网站建设技术>>HTML — 做好一个网页不能没有的基础>>DHTML特效>>特效5:若隐若现的按钮

主题:特效5:若隐若现的按钮
发信人: marsz()
整理人: microant(1999-08-02 12:13:18), 站内信件
实例:若隐若现的按钮
适用浏览器:IE4+
 
说明:当鼠标移动到按钮图标上时,图标会从淡化效果逐渐清晰,极酷!
 
第一步:将下列代码复制到网页的Head和Body标记中间。



<script language="JavaScript1.2">

/*
modified by mars ,www.joysoft.net
*/

function high(which2){
theobject=which2
highlighting=setInterval("highlightit(theobject)",50)
}
function low(which2){
clearInterval(highlighting)
which2.filters.alpha.opacity=20
}



function highlightit(cur2){
if (cur2.filters.alpha.opacity<100)
cur2.filters.alpha.opacity+=5
else if (window.highlighting)
clearInterval(highlighting)
}

</script>

第二步:将下列代码放置到希望产生变化的图片标记中(



style="filter:alpha(opacity=40)" onMouseover="high(this)" onMouseout="
low(this)"

例如:

<a href="??.htm"><img src="mygif.gif" border=0 style="filter:alpha(o
pacity=40)" onMouseover="high(this)" onMouseout="low(this)">

--
________________________________________________
欢迎访问飞翔鸟软体驿站: HTTP://JOYSOFT.SOIM.NET
BEST REGUARDS, MARS         MAILTO:[email protected]

※ 来源:.月光软件站 http://www.moon-soft.com.[FROM: 210.74.177.242]

[关闭][返回]