当前位置:编程学习 > JAVA >>

用jquery模仿的a的title属性

用jQuery实现的模仿a的title属性的例子,在测试的时候ie6,7上出现了层次混乱,不过最终解决了。

 
html代码如下:


<div class="wrap">
    <ul class="list clearfix">
        <li><a href="">UI设计师</a>
            <div class="show">
                <p>所属部门:技术部</p>
                <p>工作地点:郑州</p>
                <p>招聘人数:21</p>
            </div>
       </li>
        <li><a href="">前端开发工程师</a>
            <div class="show">
                <p>所属部门:技术部</p>
                <p>工作地点:郑州</p>
                <p>招聘人数:21</p>
            </div>
        </li>
        <li><a href="">运维工程师</a>
            <div class="show">
                <p>所属部门:技术部</p>
                <p>工作地点:郑州</p>
                <p>招聘人数:21</p>
            </div>
        </li>
        <li><a href="">研发开发工程师</a>
            <div class="show">
                <p>所属部门:技术部</p>
                <p>工作地点:郑州</p>
                <p>招聘人数:21</p>
            </div>
        </li>
        <li><a href="">UI设计师</a>
            <div class="show">
                <p>所属部门:技术部</p>
                <p>工作地点:郑州</p>
                <p>招聘人数:21</p>
            </div>
       </li>
        <li><a href="">前端开发工程师</a>
            <div class="show">
                <p>所属部门:技术部</p>
                <p>工作地点:郑州</p>
                <p>招聘人数:21</p>
            </div>
        </li>
        <li><a href="">运维工程师</a>
            <div class="show">
                <p>所属部门:技术部</p>
                <p>工作地点:郑州</p>
                <p>招聘人数:21</p>
            </div>
        </li>
        <li><a href="">研发开发工程师</a>
            <div class="show">
                <p>所属部门:技术部</p>
                <p>工作地点:郑州</p>
                <p>招聘人数:21</p>
            </div>
        </li>
        <li><a href="">UI设计师</a>
            <div class="show">
                <p>所属部门:技术部</p>
                <p>工作地点:郑州</p>
                <p>招聘人数:21</p>
            </div>
       </li>
        <li><a href="">前端开发工程师</a>
            <div class="show">
                <p>所属部门:技术部</p>
                <p>工作地点:郑州</p>
                <p>招聘人数:21</p>
            </div>
        </li>
        <li><a href="">运维工程师</a>
            <div class="show&q

补充:web前端 , JavaScript ,
CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,