Tab滑动门效果

2024-09-05 12:20:53

字体：大中小

来源：转载

供稿：网友

Tab滑动门效果，和选项卡基本是一样的原理，只不过改变了一下JS的函数，在鼠标滑动TAB时更换内容，这就是滑动门的原理，onmouseClick改变为onmouseover，其实也就是将选项卡变为了滑动门。

<html><head><meta http-equiv="Content-Type" content="text/html;charset=gb2312" /><title>Tab滑动门效果</title><style type="text/css"></style><script></script></head><body><br /><br /><div id="tabs1"><div class="menu1box">   <ul id="menu1">    <li class="hover" onmouseover="setTab(1,0)">网站建设</li>    <li onmouseover="setTab(1,1)">网络营销</li>    <li onmouseover="setTab(1,2)">客户类别</li>   </ul></div><div class="main1box">   <div class="main" id="main1">    <ul class="block">        <li>网站的网络营销方案怎么写</li>        <li>企业如何做好网站建设营销SEM </li>        <li>网站SEO优化之百度搜索引擎</li>     </ul>    <ul>    <li>网站推广之如何更好的把自己的</li>         <li>网站建设过程中网站标题的SEO</li>         <li>搜索引擎SEO营销(SEM)的服务流程</li>         <li>搜索引擎营销SEM的目的是什么</li>         <li>商丘seo之百度近期可能要进行大</li>         <li>网站SEO优化之一次增加很多外链</li>         <li>网站SEO之如何增加百度的相关域</li>    </ul>    <ul>    	 <li>煤球机设备的修理方法</li>         <li>国内外煤球机的厂家是哪些</li>         <li>煤球是如何做出来的</li>         <li>有没有最好的煤球机机器设备</li>         <li>国内常见的煤球机设备</li>    </ul>   </div></div></div></body></html>

上一篇：CSS菜单（很大气）

下一篇：很酷的网页顶部图标菜单右上角下拉菜单