探索flutter框架开发的app在移动应用市场的潜力与挑战
567
2022-09-10
用jquery模仿的a的title属性
用jQuery实现的模仿a的title属性的例子,在测试的时候ie6,7上出现了层次混乱,不过最终解决了。
html代码如下:
所属部门:技术部
工作地点:郑州
招聘人数:21
所属部门:技术部
工作地点:郑州
招聘人数:21
所属部门:技术部
工作地点:郑州
招聘人数:21
所属部门:技术部
工作地点:郑州
招聘人数:21
所属部门:技术部
工作地点:郑州
招聘人数:21
所属部门:技术部
工作地点:郑州
招聘人数:21
所属部门:技术部
工作地点:郑州
招聘人数:21
所属部门:技术部
工作地点:郑州
招聘人数:21
所属部门:技术部
工作地点:郑州
招聘人数: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小时内删除侵权内容。
发表评论
暂时没有评论,来抢沙发吧~