1，怎么用css3做出可以滑动的导航

单用css3不行吧，得和js事件结合起来，导航hover事件触发设置对应内容显示，其他块隐藏。
把这个导航栏单独做一个html文件，如：menu.html然后用iframe加载这个文件，方法为：<iframe src="menu.html"></iframe>

怎么用css3做出可以滑动的导航

2，如何使用divcss 实现简单的导航栏

<html><head></head><body><style type="text/css">li}a}.lanmuwidth:980px;height:120px;border:1px #993399 solid;margin:0 auto;}.lanmu ul width:900px;height:60px;margin:0 auto;border:1px #9900CC solid;margin-top:30px;}.lanmu ul li width:210px;height:30px;float:left;margin-top:10px;border:1px solid;text-align:center;padding-top:10px}</style><div class="lanmu"><ul><li><a href="#">栏目1</a></li><li><a href="#">栏目2</a></li><li><a href="#">栏目3</a></li><li><a href="#">栏目4</a></li></ul></div></body></html>结合css就可以了#换成你想要的链接 ，再把边框线去掉就可以了
<html><head></head><body>冯佳敏<div><ol><a href="www.baidu.com"><li>列表项1</li></a><a href="www.baidu.com"><li>列表项2</li></a><a href="www.baidu.com"><li>列表项n</li></a></ol></div></body></html>

如何使用divcss 实现简单的导航栏


文章TAG：css导航栏滑块怎么弄  怎么用css3做出可以滑动的导航  
下一篇