<style type="text/css">
#wk{ width:200px;}
#tck{
display:none;
height:169px;
width:223px;
background-image: url(http://www.0937hw.com/111111111111111.png);
padding-top: 5px;
margin-left: 100px;
background-repeat: no-repeat;
}
body {
background-color: #33CCFF;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
$('#test').mouseover(function(){
$('#tck').show();
})
.mouseout(function(){
$('#tck').hide();
});
})
</script>
</head>
<body>
<span id="test"style="background:#ccc">第一行测试文本
<div id="tck" style="position:relative;top:0px;">
<ul>
<li><a href="#">11111</a></li>
<li><a href="#">22222</a></li>
</ul>
</div>
</span>
<p></p>
<span id="test"style="background:#ccc">第二行测试文本
<div id="tck" style="position:relative;top:0px;">
<ul>
<li><a href="#">11111</a></li>
<li><a href="#">22222</a></li>
</ul>
</div>
id必须唯一.
如果id不唯一.我也给你写了个 . 里面代码略微有些改变.
<style type="text/css">
#wk{ width:200px;}
#tck{
display:none;
height:169px;
width:223px;
background-image: url(
);
padding-top: 5px;
margin-left: 100px;
background-repeat: no-repeat;
}
body {
background-color: #33CCFF;
}
</style>
<script src="
" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
//$('span').mouseover(function(){
// var index= $(this).index();
//
// $('span > div').eq(index).show();
// })
// .mouseout(function(){
// var index= $(this).index();
//
//
// $('span > div').eq(index).hide();
// });
// })
$('span').click(function(){
var index= $(this).index();
$('span > div').eq(index).toggle();
});
})
</script>
</head>
<body>
<span id="test"style="background:#ccc;width:100%;float:left;">第一行测试文本
<div id="tck" style="position:relative;top:0px;">
<ul>
<li><a href="#">11111</a></li>
<li><a href="#">22222</a></li>
</ul>
</div>
</span><span id="test"style="background:#ccc;width:100%;float:left;">第二行测试文本
<div id="tck" style="position:relative;top:0px;">
<ul>
<li><a href="#">11111</a></li>
<li><a href="#">22222</a></li>
</ul>
</div>
</span><span id="test"style="background:#ccc;width:100%;float:left;">第三行测试文本
<div id="tck" style="position:relative;top:0px;">
<ul>
<li><a href="#">11111</a></li>
<li><a href="#">22222</a></li>
</ul>
</div>
</span><span id="test"style="background:#ccc;width:100%;float:left;">第四行测试文本
<div id="tck" style="position:relative;top:0px;">
<ul>
<li><a href="#">11111</a></li>
<li><a href="#">22222</a></li>
</ul>
</div>
</span>本回答被提问者采纳
改用class,或者用两个不同的id试试。