小功能 代碼

    <div class="content-box dock-box">
         <a class="zixun_new" href="http://chat.doyoo.net/WebModule/chat/p.do?c=27975&g=23159&f=58191" style="  width:100%;height:56px;display:block;cursor:pointer;margin-top:62px"> 
        </a>
        <!-- 以上爲在圖片某一個部門添加點擊連接的方法設置一個不顯示的div-->
         <ul class="links">
            <li><a href="#div1">出國留學</a></li>
            <li><a href="#div2">大學考試</a></li>
            <li><a href="#div3">高中輔導</a></li>
            <li><a href="#div4">初中輔導</a></li>
            <li><a href="#div5">小學課程</a></li>
            <li><a href="#div6">英語學習</a></li>
        </ul>
       <!-- <ul class="links">
            <li><a href="#tab_1">留學名校</a></li>
            <li><a onclick="goToLeyu()">大學無憂</a></li>
            <li><a onclick="goToLeyu()">贏在高中</a></li>
            <li><a onclick="goToLeyu()">初中進取</a></li>
            <li><a onclick="goToLeyu()">少兒成長</a></li>
            <li><a onclick="goToLeyu()">語音學習</a></li>
        </ul>-->
      <!--  修改前的代碼 沒法跳轉-->

        <a target="_blank" href="http://chat.doyoo.net/WebModule/chat/p.do?c=27975&g=23159&f=58191">
            <img class="tel" src="images/im-dock-tel.png">
        </a>
    </div>

紅色框框內爲添加的連接

2:overflow:hidden的做用是防止子類內容（圖片文字）在父類大小框框中溢出 讓溢出的內容隱藏  注意：overflow在父類的style中使用