简单的网页导航条代码

简单的网页导航条代码,第1张

<html>

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312" />

<title>none</title>

<style type="text/css">

<!--

body { margin: 0pxpadding: 0pxtext-align: center}

TD {FONT-SIZE: 12pxCOLOR: #333}

#toubiao {BORDER-BOTTOM: #e2e2e2 1px solid}

-->

</style>

</head>

<body>

<SCRIPT>

function toueme(){

document.getElementById("toubiao").style.display="none"

}

</SCRIPT>

<DIV id=toubiao>

<table width="100%" border="0" cellspacing="0" cellpadding="0">

<tr>

<td width="4%" height="30" align="center"><img src="images/kids.gif" width="15" height="14"></td>

<td width="82%">登陆|注册      这里要什么就你自己写咯</td>

<td width="14%" align="right"><a style="CURSOR: hand" onClick=toueme()>关闭</a></td>

</tr>

</table>

</DIV>

呵呵 新建记事本 打开复制该代码 保存 修改后缀名为html 预览效果!

</body>

</html>

1.在<a>标签中添加两个属性,如下

<a href="http://www.hbadesign.com/portfolio/" class="selected" cn="服务" en="Services">

然后再对a添加两个事件,mouseover和mouseout,mouseover中将a标签当中的文字替换成

cn的属性值,mourseout则替换成en的属性值

2.不知道有没有用jquery,如果有的话可以使用事件代理机制

$("#nav li a").live('mourseover', function(){文字替换 *** 作})

$("#nav li a").live('mourseout', function(){文字替换 *** 作})

3.如果没有jquery的话那最方便的做法就是直接在标签中添加onmourseover,onmouseout

ok?够明白么


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6131540.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-15
下一篇 2023-03-15

发表评论

登录后才能评论

评论列表(0条)

保存