一区二区久久-一区二区三区www-一区二区三区久久-一区二区三区久久精品-麻豆国产一区二区在线观看-麻豆国产视频

用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"><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></ul></div>

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; //代替topmargin-left:60px; //代替left}.show p {height:18px;line-height:18px;}.list li a:hover {text-decoration:underline;color:#FF0000;}

jQuery代碼如下:

<script type="text/Javascript">$(function(){var $li=$(".wrap").find("li");$li.bind("mouseover",function(){$(this).find(".show").show(); }).bind("mouseout",function(){$(this).find(".show").hide();})})</script>

預覽效果;

JavaScript技術用jquery模仿的a的title屬性的例子,轉載需保留來源!

鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。

主站蜘蛛池模板: 国产熟睡乱子伦视频观看看 | 久热福利 | 香蕉大久久 | 美女视频黄视大全视频免费的 | 色综合天天综合高清网国产 | 中文字幕在线精品视频万部 | 在线视频观看一区 | 美女性色 | 久久久久久噜噜噜久久久精品 | 2021在线永久免费视频 | 欧美成年黄网站色高清视频 | 中国a毛片 | 国产五区 | 一级做a爰片性色毛片思念网 | 中文字幕久久综合伊人 | 亚洲第一成人在线 | 精品一区二区三区三区 | 欧美性一区 | 国产欧美一区二区三区免费 | 国产大陆亚洲精品国产 | 国产男人和女人做性全部视频 | 91网址在线 | 日韩avv| 国内精品久久久久影院网站 | 五月天综合色 | 美女黄在线观看 | 国产aaa免费视频国产 | 午夜黄色大片 | 成人在线观看网址 | 99久久99久久 | 5月色婷婷| 欧洲视频一区 | 中文字幕激情视频 | 国产精选一区二区 | 好爽毛片一区二区三区四区 | 国产高清视频a在线大全 | 欧美亚洲国产精品第一页 | 欧美一级做一a做片性视频 欧美一级做一级做片性十三 | 国产一区视频在线免费观看 | 黄色免费在线视频 | 国产四虎免费精品视频 |