css 滑动门 导航特效

html-css08

css 滑动门 导航特效,第1张

单纯用CSS也是做不出来的。

需要搭配JS才可以。 起码CSS里面没有点击这个效果。

鼠标经过倒是可以。

<style type="text/css">

<!--

a {

text-decoration: none

}

span {

float:left

display:none

}

a:hover span{

display:inline

}

-->

</style>

</head>

<body>

<a href="#">这是标题<span>这是标题提示</span></a>

类似这样的效果。多设计个SPAN就可以。

不过CSS做出来的毕竟有局限性,IE6.0以下的版本对它的支持不是很好。

比如我现在要滑动到此p标签区域,可先给p标签加上一个id,

导航处的a标签利用它的href属性,如<a href="#scroll"></a>

<p id="scroll"></p>