网页导航条css样式的问题求教

html-css022

网页导航条css样式的问题求教,第1张

比如点击的时间onclick="backColor()"

<script type="text/javascript">

function backColor()

{

//第一种 DOM的方式

document.getElementById("你得ID").css({"background-color","blue"})

//第二种 jquery

$.("你的id").css({"background-color","blue"})

}

</script>

1. 登录CSS网站，搜索你想要的CSS导航，找到后点击下载；

2. 下载后打开文件，复制CSS代码；

3. 在你的网页中新建一个HTML文件，将复制的CSS代码粘贴到文件中；

4. 在HTML文件中加入你想要的导航栏，比如：<ul><li><a href="index.html">首页</a></li><li><a href="about.html">关于我们</a></li><li><a href="contact.html">联系我们</a></li></ul>

5. 将CSS代码中的类名称添加到HTML代码中，比如 <ul class="nav">

6. 保存文件，浏览器中打开，就可以看到你下载的CSS导航栏了。