jQuery模仿的标题属性的一个示例
使用jQuery来模拟一个，当测试的标题属性的一个例子，在ie6,7层次混乱，但它终于解决了。HTML代码如下所示：
UI设计师
部门：技术部
工作地点：郑州
新兵人数：21人
前端开发
部门：技术部
工作地点：郑州
新兵人数：21人
运营维护工程师
部门：技术部
工作地点：郑州
新兵人数：21人
研发工程师
部门：技术部
工作地点：郑州
新兵人数：21人
UI设计师
部门：技术部
工作地点：郑州
新兵人数：21人
前端开发
部门：技术部
工作地点：郑州
新兵人数：21人
运营维护工程师
部门：技术部
工作地点：郑州
新兵人数：21人
研发工程师
部门：技术部
工作地点：郑州
新兵人数：21人
UI设计师
部门：技术部
工作地点：郑州
新兵人数：21人
前端开发
部门：技术部
工作地点：郑州
新兵人数：21人
运营维护工程师
部门：技术部
工作地点：郑州
新兵人数：21人
研发工程师
部门：技术部
工作地点：郑州
新兵人数：21人
CSS代码如下所示
{ *
保证金：0；
填充：0；
}
{体
字体大小：12px；
}
{。包
宽度：600px；
保证金：100px汽车；
}
。clearfix：之后，Clearfix在{
显示：表；
内容：；
}
{ clearfix：后。
清楚：两者；
溢出：隐藏；
}
{。clearfix
缩放：1；
}
{。列表
位置：相对；作为父元素定位，李直接父元素内容重叠问题
}
列出李{
列表样式：无；
宽度：100px；
身高：24px；
行高：24px；
右边距：10px；
浮点数：左；
}
列出李{
文字装饰：无；
颜色：# 333；
显示块；
}
{。显示
位置：绝对；
宽度：100px；
背景：# ffffe1；
边境：1px solid # ffcc01；
填料：6px；
显示：无；
Z指数：5；
边距：10px； / /而不是顶部
margin-left: 60px； / /不要离开
}
显示{ {
身高：18px；
行高：18px；
}
列出李A：悬停{
文字装饰：下划线；
颜色：# FF0000；
}
jQuery代码如下所示：
$（函数（）{（））
var = $（）。查找（）；
li.bind美元（鼠标悬停
$（this）。查找（）；
}）。Bind（mouseout
$（这个）。查找（）。隐藏（）；
}）
}）
预览效果；