特效8:弹起按钮

精华区

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

主题：特效8:弹起按钮

发信人: marsz()
整理人: microant(1999-08-02 12:13:18), 站内信件

实例：弹起按钮
适用浏览器：IE4+

说明：点击一下右边的一排图片按钮对照一下吧。

第一步：复制如下代码到<head>容器中间。

<style>

</style>

<script language="JavaScript1.2">

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

function updownshadow(){
if (event.srcElement.className=="popshadow"){
tempobject=event.srcElement
if (event.type=="mousedown"){
tempobject.filters[0].enabled=false
tempobject.style.left=tempobject.style.top=0
}
else{
tempobject.filters[0].enabled=true
tempobject.style.left=tempobject.style.top=-5
}
}
}

if (document.all){
document.body.onmousedown=updownshadow
document.body.onmouseup=updownshadow
}

</script>

第二步：将希望产生popup效果的图片的标记中加入“class=popshadow”

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

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

[关闭][返回]