| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 3459 人关注过本帖
标题:大家来看看这个漂亮的菜单
只看楼主 加入收藏
SkyGull
Rank: 5Rank: 5
来 自:浙江杭州
等 级:贵宾
威 望:13
帖 子:839
专家分:324
注 册:2007-6-7
收藏
得分:0 
不错不错,顶一下
2007-06-11 16:28
xmuer
Rank: 1
等 级:新手上路
帖 子:236
专家分:0
注 册:2007-5-10
收藏
得分:0 

拉拉。。。。
收藏了 。。

2007-06-11 17:49
mjb115889
Rank: 1
等 级:新手上路
帖 子:9
专家分:0
注 册:2007-6-11
收藏
得分:0 

哈哈 真不错

2007-06-12 00:47
huifeituzi
Rank: 1
等 级:新手上路
帖 子:87
专家分:0
注 册:2007-6-25
收藏
得分:0 
学习学习,收藏了
谢谢楼主了

2007-06-26 15:29
yhdafy
Rank: 1
等 级:新手上路
帖 子:2
专家分:0
注 册:2007-6-27
收藏
得分:0 
好东西哦,保存了
2007-06-27 23:19
hangxj
Rank: 6Rank: 6
等 级:贵宾
威 望:29
帖 子:2045
专家分:0
注 册:2006-4-10
收藏
得分:0 

[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编辑过]


http://www./
2007-06-28 12:49
SkyGull
Rank: 5Rank: 5
来 自:浙江杭州
等 级:贵宾
威 望:13
帖 子:839
专家分:324
注 册:2007-6-7
收藏
得分:0 

不错,收了..

2007-06-28 14:04
lois
Rank: 1
等 级:新手上路
帖 子:1
专家分:0
注 册:2007-6-28
收藏
得分:0 
渐变的效果,谢谢楼主!
2007-06-28 14:10
sky58124661
Rank: 1
等 级:新手上路
帖 子:6
专家分:0
注 册:2007-6-28
收藏
得分:0 
还有没有什么其他的哦拿来大家分享一下!!!!哈哈
2007-06-28 22:34
hangxj
Rank: 6Rank: 6
等 级:贵宾
威 望:29
帖 子:2045
专家分:0
注 册:2006-4-10
收藏
得分:0 
想要找其他的精品代码的话,可以查看一下本版的 精华 贴

http://www./
2007-06-29 10:33
快速回复:大家来看看这个漂亮的菜单
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.017288 second(s), 9 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved