<script type=”text/javascript”>
function onClickDiv(DivId)
{
if(document.getElementById(DivId).style.display==’none’)
{ document.getElementById(DivId).style.display=”; }
else
{ document.getElementById(DivId).style.display=’none’; }
}
</script>

<a href=”javascript:onClickDiv(‘li_contact’)”>点击显示，点击隐藏</a>
<div id=”li_contact” style=”display:none”>

<!–  你要隐藏点击显示的内容 开始–>

<div>N层DIV的内容其他内容 各种内容 各种代码 N层DIV的内容</div>

<!–  你要隐藏点击显示的内容 结束 –>
</div>

一般写href=”#”，点击这个链接后会跳到网页顶端，因为#默认锚点网页顶端#top的位置信息

写：
href=”javascriptvoid(0)”
表示这是一个死链接
Continue reading →

其中images/style.css就是要引入的css文件路径，也可以是绝对路径，例如 http://sunteng.name/images/style.css 这样。

1
2
3
4
5
6
7
8
9

<script type="text/javascript">
       window.onload = function() {
       var l = document.createElement("link");
           l.setAttribute("type", "text/css");
           l.setAttribute("rel", "stylesheet");
           l.setAttribute("href","images/style.css");
           document.getElementsByTagName("head")[0].appendChild(l);
       }
</script>

样式的使用有大体有四种方式：
1，外联式样式表；2，内嵌样式表；3，元素内定；4，导入样式表

导入

1
2
3
4
5

<style type="text/css">
<!--
@import url("css/base.css");
-->
</style>