用CSS也可以的,仅供参考.hoverbox
{
cursor: default;
list-style: none;
}.hoverbox a
{
cursor: default;
border-bottom : 0px solid #fcb9b9;
}
.hoverbox a .preview
{
display: none;
}.hoverbox a:hover .preview
{
display: block;
position: absolute;
top: -33px;
left: -100px;
z-index: 101;
}.hoverbox img
{
background: #fff;
border-color: #FCB9B9;
border-style: solid;
border-width: 1px;
color: inherit;
padding: 5px;
vertical-align: top;
width: 100px;
height: 75px;
}.hoverbox li
{
color: inherit;
display: inline;
float: left;
margin: 3px;
padding: 5px;
position: relative;
}.hoverbox .preview
{
border-color: #9E9B9A;
width: 300px;
height: 225px;
}
{
cursor: default;
list-style: none;
}.hoverbox a
{
cursor: default;
border-bottom : 0px solid #fcb9b9;
}
.hoverbox a .preview
{
display: none;
}.hoverbox a:hover .preview
{
display: block;
position: absolute;
top: -33px;
left: -100px;
z-index: 101;
}.hoverbox img
{
background: #fff;
border-color: #FCB9B9;
border-style: solid;
border-width: 1px;
color: inherit;
padding: 5px;
vertical-align: top;
width: 100px;
height: 75px;
}.hoverbox li
{
color: inherit;
display: inline;
float: left;
margin: 3px;
padding: 5px;
position: relative;
}.hoverbox .preview
{
border-color: #9E9B9A;
width: 300px;
height: 225px;
}
解决方案 »
- 如何点击文本框,弹出省市县三级联动菜单,选择后返回选择项值。
- servlet下的.java文件在tomcat下webinfo/classesa中根本没有怎么办
- JS
- javascript报错的地方怎么不是代码错误的地方呢?
- document.write()
- 怎么使用javascript创建 <li> <ol> <a>等元素
- 请教,javascript与select的问题~~
- 求 DVBBS 多功能编辑器的全部源码(包括它的全部图片)(图)!!!!!!!!!!!!!
- 与layer、iframe相关的组件是那些?详细描述见正文,大把给分。。。
- 关于select的提示问题
- 弹出的div被dropdownList(select)挡住了,怎么办?
- 复选框在本页传值问题,急急,在线等!
<head>
<title>无标题页</title>
<script language="javascript" type="text/javascript">
function ShowPreview()
{
var bigPicture = window.document.getElementById("picView");
bigPicture.style.display="block";
}
function HidePreview()
{
window.document.getElementById("picView").style.display="none";
}
</script>
</head>
<body>
<div style="z-index:0;">
<table>
<tr>
<td><img id="smallPicture" style=" left:100px; top:50px; z-index:0;" src="ss/b.jpg" alt="" onmouseover="ShowPreview('smallPicture')" onmouseout="HidePreview()" /></td>
<td>商品介绍</td>
</tr>
</table>
</div>
<div id="picView" style="position:absolute; z-index:1; display:none;" >
<img id="bigPicture" src="ss/a.jpg" alt="" />
</div>
</body>
</html>