本文介绍如何使用CSS去除HTML中超链接默认的下划线，并展示了如何让列表项内的内容横向显示的方法。此外，还提供了一个使用jQuery 1.4.2版本的示例代码，展示了如何为特定元素绑定点击事件。
http://www.iteye.com/topic/512273
1.使用超链接时，默认会有个下划线。比如：<a href="#" id="id="29-312"">核心网</a>
会在：核心网 下有下划线，去除方法：
<style type="text/css">
a {text-decoration:none}
</style>
2.<div id="div2">
<li>光网络</li>
<li> 核心网</li>
</div>
网页中是纵向显示，使用超链接的方式即可横向显示：
<div id="div1" >
<a href="#" id="id="29-2"">光网络 </a>
<a href="#" id="id="29-312"">核心网</a>
</div>
<style type="text/css">
li {float:left}
</style>也可以横向显示
3.jquery1.4.2的方法使用示例：
<head>
<script src="js/jquery-1.4.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
$("div#div1>a").bind("click",function(){alert('#')});
$("div.cls1>a").bind("click",function(){alert('class')});
})
</script>
</head>
<body>
<div id="div1" >
<a href="#" id="id="29-2"">光网络 </a>
<a href="#" id="id="29-312"">核心网</a>
</div>
<div class="cls1"> <a href="#" id="id="29-2"">光网络 </a> <a href="#" id="id="29-312"">核心网</a></div>
<div class="cls1"> <a href='#' id='29-314' level='0' >接入网</a> </div>
</body>
1.使用超链接时，默认会有个下划线。比如：<a href="#" id="id="29-312"">核心网</a>
会在：核心网 下有下划线，去除方法：
<style type="text/css">
a {text-decoration:none}
</style>
2.<div id="div2">
<li>光网络</li>
<li> 核心网</li>
</div>
网页中是纵向显示，使用超链接的方式即可横向显示：
<div id="div1" >
<a href="#" id="id="29-2"">光网络 </a>
<a href="#" id="id="29-312"">核心网</a>
</div>
<style type="text/css">
li {float:left}
</style>也可以横向显示
3.jquery1.4.2的方法使用示例：
<head>
<script src="js/jquery-1.4.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
$("div#div1>a").bind("click",function(){alert('#')});
$("div.cls1>a").bind("click",function(){alert('class')});
})
</script>
</head>
<body>
<div id="div1" >
<a href="#" id="id="29-2"">光网络 </a>
<a href="#" id="id="29-312"">核心网</a>
</div>
<div class="cls1"> <a href="#" id="id="29-2"">光网络 </a> <a href="#" id="id="29-312"">核心网</a></div>
<div class="cls1"> <a href='#' id='29-314' level='0' >接入网</a> </div>
</body>
扫一扫
207
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
