アイテムのリストでは、アイテムのサムネイルが表示されます

ページ上にイメージ名のリストがあります。表示している行のイメージにマウスを合わせると、サムネイルが表示されます。アイテムのリストでは、アイテムのサムネイルが表示されます

どうすればいいですか？コード例？ CSSのStyles.cssをファイルの

2011-01-14 Blankman

あなたはのいずれかを試してくださいましたこれら？ http://www.google.com/#q=jquery+thumbnail+hover – Alec

CONTENT scripts.js、ファイルの

.secret { 
    display: none; 
    height: 20%; 
    background-color: #ccc; 
    position: absolute; 
    padding: 3px; 
}

CONTENT

$(document).ready(function(){ 
    $('.hoverMe').hover(function(event){ 
     child = $(this).children(); 
     child.css("left", event.pageX + 10); 
     child.css("top", event.pageY + 10); 
     child.show(); 
     }, function(){ 
     $(this).children().hide(); 
    }) 
});

HTMLコード

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html> 


    <head> 
     <title>jQuery Test</title> 
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
     <link rel="stylesheet" href="styles.css"/> 
     <script type="text/javascript" src="jquery-1.4.4.min.js"></script> 
     <script type="text/javascript" src="scripts.js"></script> 
    </head> 

    <body> 


    <ul> 
      <li class="hoverMe">Image One 
       <img class="secret" src="img/image1.jpg" alt="Image 1"/> 

      </li> 
      <li class="hoverMe">Image Two 
       <img class="secret" src="img/image2.png" alt="Image 2"/> 
      </li> 
      <li class="hoverMe">Image N 
       <img class="secret" src="img/imageN.jpg" alt="Image N"/> 
      </li> 
     </ul> 

    </body> 
</html>

出典

2011-01-14 17:12:27 Yordans

アイテムのリストでは、アイテムのサムネイルが表示されます

答えて

関連する問題