css 滑动门 导航特效

来源:百度知道 编辑:UC知道 时间:2024/05/31 01:06:10
我想做一个类似http://www.morrishomes.co.uk/这个网页中间的那种滑动门特效,要求选项卡的地方原始是一个图片,鼠标经过是另一张图,点击时是第三张图,并且选项卡的两头的图片和中央的图片不一样。我在网上搜索了好久,没有能达到这种效果的,请高手帮帮我
我知道这个是flash做的,我是说我想做成类似这种效果的

单纯用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以下的版本对它的支持不是很好。

那个是flash做的
- -
如果用flash做的话,勉强还差不多
css的话,关注后来人吧..

这个网站是专门收集滑动门代码的不妨去找下http://www.2cscs.com/post/10.html