不错不错,顶一下
拉拉。。。。
收藏了 。。
2007-06-11 16:28
2007-06-11 17:49
2007-06-12 00:47
2007-06-26 15:29
2007-06-27 23:19
[CODE]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
.menu,a{
float:left;
font-size:12px;
color:#fff;
border:0px;
background:#ffa500;
filter:blendtrans(duration=0.5);
cursor:hand;
text-align:center;
list-style:none;
margin:0;
}
a{float:left;list-style:none;padding:5px 5px 2px 5px;}
a:link, a:visited,a:hover, a:active { text-decoration:none;}
</style>
</head>
<body>
<script type="text/javascript">
//<![CDATA[
function attachXMenu(objid){
var tds=objid.getElementsByTagName('a');
for(var i=0;i<tds.length;i++){
with(tds[i]){
onmouseover=function(){
with(this){
filters[0].apply();
style.background='#69f'; //这是鼠标移上去时的背景颜色
style.border='0px'; //边框
style.color='#fff'; //文字颜色
filters[0].play();
}
}
onmouseout=function(){
with(this){
filters[0].apply();
style.background='#ffa500'; //这是鼠标离开时的背景颜色
style.border='0px'; //边框
style.color='#fff'; //文字颜色
filters[0].play();
}
}
}
}
}
//]]>
</script>
<!--菜单从这里开始, 注意要把class设置成和css里相同的, 还要为它设一个id-->
<div class="menu" id="xmenu0" >
<a href="index.asp">冷韵首页</a>
<a href="index1.asp">原创文学</a>
<a href="index2.asp">设计仓库</a>
<a href="index3.asp">脚本收藏</a>
<a href="index4.asp">精品网文</a>
<a href="index5.asp">解决方案</a>
<a href="index6.asp">技术论坛</a>
<a href="index7.asp">冷韵寒香</a>
<a href="index8.asp">淡水河边</a>
</div>
<script type="text/javascript">
attachXMenu(xmenu0); //在上面这个table结束的地方执行事件动作的绑定, 这里的这个xmenu0就是那个菜单的id
</script>
</body>
</html>
[/CODE]
无聊
重新把代码给优化了下，使之符合过渡模式。。
[此贴子已经被作者于2007-6-28 12:50:30编辑过]
2007-06-28 12:49
2007-06-28 14:04
2007-06-28 14:10
2007-06-28 22:34
2007-06-29 10:33
渐变的效果，谢谢楼主！
哈哈
