【杞里香溯源码】【雷霆合击版源码】【元旦网页模板源码】js滑动门源码_css滑动门代码

时间:2024-12-26 23:23:29 编辑:2019解析接口源码 来源:给项目导入源码

1.用div和js做一个导航

js滑动门源码_css滑动门代码

用div和js做一个导航

       <head>

       <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

       <title>无标题文档</title>

       <style type="text/css">

       <!--

       ul {

        margin: 0px;

        padding: 0px;

        list-style-type: none;

       }

       li {

        float: left;

       }

       a,滑动滑动杞里香溯源码 a:visited {

        display: block;

        height: px;

        width: px;

        text-align: center;

        line-height: px;

        color: #;

        background-image: url(normal.gif);

        background-repeat: no-repeat;

        text-decoration: none;

       }

       a:hover {

        font-weight: bold;

        color: #FFFFFF;

        text-decoration: underline;

        background-image: url(hover.gif);

       }

       -->

       </style>

       </head>

       <body>

       <ul>

        <li><a href="#">dfsdf</a></li>

        <li><a href="#">sdfasdf</a></li>

        <li><a href="#">asdfasdf</a></li>

        <li><a href="#">asdfasd </a></li>

        <li><a href="#">新加</a></li>

       </ul>

       </body>

       </html>

        自己找两个图片,一个叫normal.gif.一个叫hover.gif