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   class="duv99rq"   id="tabs1"><div   id="qrkddfi"   class="menu1box">   <ul id="menu1">    <li id="m2hngjd"    class="hover" onmouseover="setTab(1,0)">網站建設</li>    <li onmouseover="setTab(1,1)">網絡營銷</li>    <li onmouseover="setTab(1,2)">客戶類別</li>   </ul></div><div   id="jcllmot"   class="main1box">   <div   id="u9mwxj9"   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菜單（很大氣）

下一篇：很酷的網頁頂部圖標菜單右上角下拉菜單