日期:2014-05-16  浏览次数:20361 次

导航上的点击相应的页面 上面的相应CSS会变怎么做
导航上的点击相应的页面 上面的相应CSS会变怎么做
就比如http://www.zjct.org/ 这个上面的导航 点击首页 页面 按钮就变成红色 点击哪里CSS都会变 用JS怎么写 google了半天也找不到答案。。。

------解决方案--------------------

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <style type="text/css">
        .Menu *
        {
            margin: 0px 0px;
            padding: 0px 0px;
            line-height: 24px;
        }
        .Menu ul
        {
            list-style: none;
        }
        .Menu ul li
        {
            float: left;
            width: 64px;
            border: 1px solid #97B4D1;
            background-color: Yellow;
            margin-left: -1px;
            cursor: pointer;
        }
        .Menu ul li:hover
        {
            background-color: blue;
        }
        .Menu ul li.Selected
        {
            background-color: red;
        }
        .Menu ul li ul
        {
            clear: both;
            display: none;
            width: 128px;
            margin-top: 1px;
            margin-left: -32px;
            background-color: Gray;
        }
        .Menu ul li ul li
        {
            float: none;