有什么问题请到评论中发表<br> <!-- http://www.mb5u.com/ --> <!-- / --> <!--# 特效来源:http://www.mb5u.com/jscode --> <!--要完成此效果需要两个步骤 第一步:把如下代码加入到<head>区域中--> <script> document.onmouseover = doOver; document.onmouseout = doOut; document.onmousedown = doDown; document.onmouseup = doUp; function doOver() { var toEl = getReal(window.event.toElement, "className", "coolButton"); var fromEl = getReal(window.event.fromElement, "className", "coolButton"); if (toEl == fromEl) return; var el = toEl; var cDisabled = el.cDisabled; cDisabled = (cDisabled != null); // If CDISABLED atribute is present if (el.className == "coolButton") el.onselectstart = new Function("return false"); if ((el.className == "coolButton") && !cDisabled) { makeRaised(el); makeGray(el,false); } } function doOut() { var toEl = getReal(window.event.toElement, "className", "coolButton"); var fromEl = getReal(window.event.fromElement, "className", "coolButton"); if (toEl == fromEl) return; var el = fromEl; var cDisabled = el.cDisabled; cDisabled = (cDisabled != null); // If CDISABLED atribute is present var cToggle = el.cToggle; toggle_disabled = (cToggle != null); // If CTOGGLE atribute is present if (cToggle && el.value) { makePressed(el); makeGray(el,true); } else if ((el.className == "coolButton") && !cDisabled) { makeFlat(el); makeGray(el,true); } } function doDown() { el = getReal(window.event.srcElement, "className", "coolButton"); var cDisabled = el.cDisabled; cDisabled = (cDisabled != null); // If CDISABLED atribute is present if ((el.className == "coolButton") && !cDisabled) { makePressed(el) } } function doUp() { el = getReal(window.event.srcElement, "className", "coolButton"); var cDisabled = el.cDisabled; cDisabled = (cDisabled != null); // If CDISABLED atribute is present if ((el.className == "coolButton") && !cDisabled) { makeRaised(el); } } function getReal(el, type, value) { temp = el; while ((temp != null) && (temp.tagName != "BODY")) { if (eval("temp." + type) == value) { el = temp; return el; } temp = temp.parentElement; } return el; } function findChildren(el, type, value) { var children = el.children; var tmp = new Array(); var j=0; for (var i=0; i<children.length; i++) { if (eval("children[i]." + type + "==\"" + value + "\"")) { tmp[tmp.length] = children[i]; } tmp = tmp.concat(findChildren(children[i], type, value)); } return tmp; } function disable(el) { if (document.readyState != "complete") { window.setTimeout("disable(" + el.id + ")", 100); // If document not finished rendered try later. return; } var cDisabled = el.cDisabled; cDisabled = (cDisabled != null); // If CDISABLED atribute is present if (!cDisabled) { el.cDisabled = true; el.innerHTML = '<span style="background: buttonshadow; width: 100%; height: 100%; text-align: left;">' + '<span style="filter:Mask(Color=buttonface) DropShadow(Color=buttonhighlight, OffX=1, OffY=1, Positive=0); height: 100%; width: 100%%; text-align: left;">' + el.innerHTML + '</span>' + '&</body></html>