jquery html js图片滚动 鼠标放上去停止滚动并且放大,鼠标离开缩小 这个问题100分,链接请看描述
我已经问过了http://wenwen.soso.com/z/q240210425.htm 谢谢...
我已经问过了 http://wenwen.soso.com/z/q240210425.htm 谢谢
展开
1个回答
展开全部
用CSS ,试试这段代码,这里仅仅是放大,至于滚动你加工一下就OK了.
<style>
ul#hovershow li{
float: left;
width:75px;
height:48px;
margin: 0px;
}
ul#hovershow li a img{
border:0px #666 solid;
width:100%;
height:100%;
}
ul#hovershow li a:hover{
position: absolute;
z-index:0;
margin: -0px 0 0 -8px;
}
ul#hovershow li a:hover img{
width:91px;
height:48px;
border:1px #666 solid;
}
</style>
<table border="0" width="100%" height="58" id="table6" cellspacing="0" cellpadding="0">
<tr>
<td width="327"> </td>
<td width="493">
<ul id="hovershow">
<li><a href="#" onclick="hide('sy')"><img src="images/tquick01_h.jpg" alt="test"/></a></li>
<li><a href="#" onclick="hide('mlfl')"><img src="images/tquick02_h.jpg" alt="test"/></a></li>
<li><a href="#" onclick="hide('gwzn')"><img src="images/tquick03_h.jpg" alt="test"/></a></li>
<li><a href="#" onclick="hide('tjsp')"><img src="images/tquick04_h.jpg" alt="test"/></a></li>
<li><a href="#" onclick="hide('zxsp')"><img src="images/tquick05_h.jpg" alt="test"/></a></li>
<li><a href="#" onclick="hide('zxly')"><img src="images/tquick06_h.jpg" alt="test"/></a></li>
</ul>
</td>
<td width="80"> </td>
</tr>
</table>
<style>
ul#hovershow li{
float: left;
width:75px;
height:48px;
margin: 0px;
}
ul#hovershow li a img{
border:0px #666 solid;
width:100%;
height:100%;
}
ul#hovershow li a:hover{
position: absolute;
z-index:0;
margin: -0px 0 0 -8px;
}
ul#hovershow li a:hover img{
width:91px;
height:48px;
border:1px #666 solid;
}
</style>
<table border="0" width="100%" height="58" id="table6" cellspacing="0" cellpadding="0">
<tr>
<td width="327"> </td>
<td width="493">
<ul id="hovershow">
<li><a href="#" onclick="hide('sy')"><img src="images/tquick01_h.jpg" alt="test"/></a></li>
<li><a href="#" onclick="hide('mlfl')"><img src="images/tquick02_h.jpg" alt="test"/></a></li>
<li><a href="#" onclick="hide('gwzn')"><img src="images/tquick03_h.jpg" alt="test"/></a></li>
<li><a href="#" onclick="hide('tjsp')"><img src="images/tquick04_h.jpg" alt="test"/></a></li>
<li><a href="#" onclick="hide('zxsp')"><img src="images/tquick05_h.jpg" alt="test"/></a></li>
<li><a href="#" onclick="hide('zxly')"><img src="images/tquick06_h.jpg" alt="test"/></a></li>
</ul>
</td>
<td width="80"> </td>
</tr>
</table>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询