知识 分享 互助 懒人建站

    懒人建站专注于网页素材下载,提供网站模板、网页设计、ps素材、图片素材等,服务于【个人站长】【网页设计师】和【web开发从业者】的代码素材与设计素材网站。

    懒人建站提供网页素材下载、网站模板
    知识 分享 互助!

    点击竖向展开折叠滑动门菜单

    作者:佳明妈 来源:懒人建站 2009-10-09 人气:
    CSS导航:点击竖向展开折叠滑动门菜单

    点击竖向展开折叠滑动门菜单
    代码片段:
    <div id="se">
        <div class="se1"><span onmouseover="this.style.cursor='hand'" onclick="if (w01.style.display=='none'){w01.style.display='';}else{w01.style.display='none';}"><img src=01-on.jpg></span></div>
     <div id="w01" style="display:none; color:#FFFFFF;background-color:#ff6600";>
     <p>懒人建站收集整理,稍做改造将非常强大方便.</p>
     </div>  
        <div class="se2"><span onmouseover="this.style.cursor='hand'" onclick="if (w02.style.display=='none'){w02.style.display='';}else{w02.style.display='none';}"><img src=02-on.jpg></span></div>
     <div id="w02" style="display:none; color:#FFFFFF;background-color:#fea700";>
     <p>懒人建站收集整理,稍做改造将非常强大方便.</p>
     </div> 
     
     <div class="se3"><span onmouseover="this.style.cursor='hand'" onclick="if (w03.style.display=='none'){w03.style.display='';}else{w03.style.display='none';}"><img src=03-on.jpg></span></div>
       <div id="w03" style="display:none; color:#FFFFFF;background-color:#ff0066";>
     <p>懒人建站收集整理,稍做改造将非常强大方便.</p>
       </div>
     <div class="se4"><span onmouseover="this.style.cursor='hand'" onclick="if (w04.style.display=='none'){w04.style.display='';}else{w04.style.display='none';}"><img src=04-on.jpg></span></div>
     <div id="w04" style="display:none; color:#FFFFFF;background-color:#ac3e23";>
     <p>懒人建站收集整理,稍做改造将非常强大方便.</p>
     </div>
    </div>

    ↓ 查看全文

    点击竖向展开折叠滑动门菜单由懒人建站收集整理,您可以自由传播,请主动带上本文链接

    懒人建站就是免费分享,觉得有用就多来支持一下,没有能帮到您,懒人也只能表示遗憾,希望有一天能帮到您。

    点击竖向展开折叠滑动门菜单-最新评论