欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jQuery實(shí)現(xiàn)鼠標(biāo)經(jīng)過時(shí)出現(xiàn)隱藏層文字鏈接的方法

 更新時(shí)間：2015年10月12日 09:49:45   作者：企鵝  
這篇文章主要介紹了jQuery實(shí)現(xiàn)鼠標(biāo)經(jīng)過時(shí)出現(xiàn)隱藏層文字鏈接的方法,涉及jQuery鼠標(biāo)hover事件的響應(yīng)及頁面元素的動(dòng)態(tài)處理技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下

本文實(shí)例講述了jQuery實(shí)現(xiàn)鼠標(biāo)經(jīng)過時(shí)出現(xiàn)隱藏層文字鏈接的方法。分享給大家供大家參考。具體如下：

這里演示Jquery顯示隱藏層的方法，鼠標(biāo)經(jīng)過時(shí)出現(xiàn)文字鏈接，模擬評(píng)分效果，這里沒有加動(dòng)作，僅顯示了前臺(tái)效果的實(shí)現(xiàn)。

運(yùn)行效果截圖如下：

在線演示地址如下：

http://demo.jb51.net/js/2015/jquery-mouse-over-show-txt-demo/

具體代碼如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JQ顯示隱藏層，鼠標(biāo)經(jīng)過時(shí)出現(xiàn)文字鏈接</title>
<style>.list span{display:none}</style>
<script type="text/javascript" src="jquery-1.6.2.min.js"></script>
<script type="text/javascript">
$(function(){
 $(".list li").hover(function(){
  $(this).find("span").show();
 },function(){
  $(this).find("span").hide();
 });
});
</script>
</head>
<body>
<ul class="list">
 <li><a href="#">文字鏈接</a>　<em>顯示</em>　<span><a href="#">好評(píng)</a> <a href="#">中評(píng)</a> <a href="#">差評(píng)</a></span></li>
 <li><a href="#">文字鏈接</a>　<em>顯示</em>　<span><a href="#">好評(píng)</a> <a href="#">中評(píng)</a> <a href="#">差評(píng)</a></span></li>
 <li><a href="#">文字鏈接</a>　<em>顯示</em>　<span><a href="#">好評(píng)</a> <a href="#">中評(píng)</a> <a href="#">差評(píng)</a></span></li>
 <li><a href="#">文字鏈接</a>　<em>顯示</em>　<span><a href="#">好評(píng)</a> <a href="#">中評(píng)</a> <a href="#">差評(píng)</a></span></li>
 <li><a href="#">文字鏈接</a>　<em>顯示</em>　<span><a href="#">好評(píng)</a> <a href="#">中評(píng)</a> <a href="#">差評(píng)</a></span></li>
</ul>
</body>
</html>

希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。

相關(guān)文章

最新評(píng)論