上一篇CSS教程 文章:CSS高级技巧:图片替换 网页教学网
滑动门(Sliding Doors)
还是决定把滑动门单独提作一种单独的技术.
它是CSS引入的一项用来创造漂亮且实用的界面的新技术, 它使用简单, 我们只需要使用两张单独的背景图片, 就可以实现.
网页教学网
滑动门一般用做网站Tab导航, 根据Tab中内容的长短自动缩放Tab的效果.
前面所述的圆角矩形只是它的一种实现方式而已. 真正的滑动门只需要2组标签就可以完成: 网页教学网
HTML代码如下: .Com
<ul>
<li><a href="http://www.webjx.com" title="">网页教学网</a></li>
</ul>
CSS代码大致如下:
网页教学网
完全符合语义, 而且没有多余的标签, 非常完美, 还能通过a:hover来进一步制作翻转效果.
网页教学网
下一篇CSS教程 文章:CSS高级技巧:文字环绕图片 .Com
以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索css
, 网页
, 代码
, 效果
, 高级
, 网页滑动效果
, 技巧
, 滑动门
, 通用滑动门
tab滑动框
,以便于您获取更多的相关知识。