-
JavaScript分享网
分享JavaScript的快乐
-
sharejs
-
javaScript分享网
链接 Share JavaScript
一个超级的大的超级连接区域，看看才知道
第一步：
点击这里下载JQuery.js文件
第二步：
在网页<head>区添加以下代码
<script type="text/javascript" src="/code/ajax/jquery/05/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".pane-list li").click(function(){
window.location=$(this).find("a").attr("href");return false;
});
}); //close doc ready
</script>
<style type="text/css">
body {
margin: 10px auto;
width: 470px;
font-size:12px;
}
a {
color: #333300;
text-decoration: none;
}
a:visited {
color: #333300;
}
a:hover {
color: #333300;
text-decoration: underline;
}
h3 {
margin: 0;
padding: 0 0 .3em;
}
p {
margin: 0;
padding: 0 0 .5em;
}
.pane-list {
margin: 0;
padding: 0;
list-style: none;
}
.pane-list li {
background: #ecfad7;
padding: 10px 20px 10px;
border-top: solid 1px #c4df9b;
cursor: pointer;
}
.pane-list li:hover {
background: #f6ffe9;
}
</style>
第三步：
在网页<body> 区添加以下代码
<ul class="pane-list"> <li> <h3><a href="http://www.zcool.com.cn/">JavaScript分享网</a></h3> <p>分享JavaScript的快乐</p> </li> <li> <h3>sharejs</h3> <p>分享<a href="http://www.sharejs.com/">JavaScript</a></p> </li> <li> <h3>javaScript分享网</h3> <p><a href="http://www.sharejs.com">链接</a> Share JavaScript</p> </li> </ul> 增加一个新的连接区域，只需要增加一行新的<li>...</li>即可
