登录  注册  会员  搜索  退出 
您现在的位置:逦迤设计 >> 设计指导 >> 设计随笔 >> 阿里导航条实现方法!
阿里导航条实现方法!
作者: 来源: 日期: 2008-05-30,05:33
<!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">
<title>无标题文档</title>
<style type="text/css">
<!--
.lw_3w {
PADDING-LEFT: 2px;
BACKGROUND: url(http://img.china.alibaba.com/images/cn/home/070827/nor.gif) no-repeat;
WIDTH: 53px;
font-size: 12px;
padding-top: 10px;
height: 50px;
}
ul {
list-style-type: none;
}
li {
float: left;
margin-left: 2px;
height: 25px;
padding-top: 6px;
padding-left: 5px;
padding-right: 2px;
}
.lw_3w:link {
BACKGROUND: url(http://img.china.alibaba.com/images/cn/home/070827/nor.gif) no-repeat;
color: #000000;
text-decoration: none;
padding: 10px;
}
.lw_3w:hover {
BACKGROUND: url(http://img.china.alibaba.com/images/cn/home/070827/hov.gif) no-repeat;
color: #000000;
}
.lw_v_3w {
BACKGROUND: url(http://img.china.alibaba.com/images/cn/home/070827/sml/dangqian.gif) no-repeat; WIDTH: 46px
}
-->
</style>
<script language="javascript">
function sr_topul_ini(){
var n = document.getElementById("sr_n").value
var c = document.getElementById("tl_"+n).className
document.getElementById("tl_"+n).className = "lw_v_3w"
}
</script>
</head>
<body>
<ul><INPUT id=sr_n type=hidden value=3>
<li><A class=lw_3w id=tl_1 href="http://china.alibaba.com/" target=_self>找产品</A> </li>
<li><A class=lw_3w id=tl_2 href="http://china.alibaba.com/" target=_self>找公司</A></li>
<li><A class=lw_3w id=tl_3 href="http://china.alibaba.com/" target=_self>找加工</A></li>
</ul>
<SCRIPT type=text/javascript>
sr_topul_ini()
</SCRIPT>
</body>
相关图片
/up_files/image/not/notpic.gif
责任编辑: 文章录入: copland