用jquery模仿的a的title属性

网友投稿 567 2022-09-10

用jquery模仿的a的title属性

用jquery模仿的a的title属性

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

html代码如下:

    
            
  • UI设计师             
                    

    所属部门:技术部

                    

    工作地点:郑州

                    

    招聘人数:21

                
          
  •        
  • 前端开发工程师             
                    

    所属部门:技术部

                    

    工作地点:郑州

                    

    招聘人数:21

                
           
  •        
  • 运维工程师             
                    

    所属部门:技术部

                    

    工作地点:郑州

                    

    招聘人数:21

                
           
  •        
  • 研发开发工程师             
                    

    所属部门:技术部

                    

    工作地点:郑州

                    

    招聘人数:21

                
           
  •        
  • UI设计师             
                    

    所属部门:技术部

                    

    工作地点:郑州

                    

    招聘人数:21

                
          
  •        
  • 前端开发工程师             
                    

    所属部门:技术部

                    

    工作地点:郑州

                    

    招聘人数:21

                
           
  •        
  • 运维工程师             
                    

    所属部门:技术部

                    

    工作地点:郑州

                    

    招聘人数:21

                
           
  •        
  • 研发开发工程师             
                    

    所属部门:技术部

                    

    工作地点:郑州

                    

    招聘人数:21

                
           
  •        
  • UI设计师             
                    

    所属部门:技术部

                    

    工作地点:郑州

                    

    招聘人数:21

                
          
  •        
  • 前端开发工程师             
                    

    所属部门:技术部

                    

    工作地点:郑州

                    

    招聘人数:21

                
           
  •        
  • 运维工程师             
                    

    所属部门:技术部

                    

    工作地点:郑州

                    

    招聘人数:21

                
           
  •        
  • 研发开发工程师             
                    

    所属部门:技术部

                    

    工作地点:郑州

                    

    招聘人数:21

                
           
  •             

css代码如下

* {     margin:0;     padding:0; } body {     font-size:12px; } .wrap {     width:600px;     margin:100px auto; } .clearfix:after, .clearfix:before {     display:table;     content: ""; } .clearfix:after {     clear:both;     overflow: hidden; } .clearfix {     zoom: 1; } .list {     position:relative;   //作为定位的父元素,li直接做父元素出现元素内容重叠问题 } .list li {     list-style:none;     width:100px;     height:24px;     line-height:24px;     margin-right:10px;     float:left; } .list li a {     text-decoration:none;     color:#333;     display:block; } .show {     position:absolute;     width:100px;     background:#FFFFE1;     border:1px solid #ffcc01;     padding:6px;     display:none;     z-index:5;     margin-top:10px;   //代替top     margin-left:60px;  //代替left } .show p {     height:18px;     line-height:18px; } .list li a:hover {     text-decoration:underline;     color:#FF0000; }

jQuery代码如下:

预览效果;

版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:一般左边后台点击收缩展开的效果
下一篇:【合集】python 的一些妙用,推导式、三元表达式、with as 等
相关文章

 发表评论

暂时没有评论,来抢沙发吧~