欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

鼠标经过小图显示大图和详细信息_html/css_WEB-ITnose

程序员文章站 2022-06-14 19:29:58
...
我现在要实现一个效果是鼠标滑过小图时显示大图和详细信息,我在网上找了段代码


CellSpacing="9">


鼠标经过小图显示大图和详细信息_html/css_WEB-ITnose" id="oimg" alt="" width="100px" height="100px" style="border:0" />
鼠标经过小图显示大图和详细信息_html/css_WEB-ITnose" border="0" width="212px" height="212px">
测试测试测试



这个实现的效果图如下:(如果看不见图片的就看链接地址)
http://img.my.csdn.net/uploads/201304/16/1366081185_5840.jpg

现在我要在大图下再加上几个详细信息,像名称,价格之类的,就出现问题了
CellSpacing="9">


鼠标经过小图显示大图和详细信息_html/css_WEB-ITnose" id="oimg" alt="" width="100px" height="100px" style="border:0" />
鼠标经过小图显示大图和详细信息_html/css_WEB-ITnose" border="0" width="212px" height="212px">







这个就不行了,效果就成了下面这样
http://img.my.csdn.net/uploads/201304/16/1366081185_6372.jpg

要怎么该才能让它一行一行的按顺序显示呢?

回复讨论(解决方案)


CellSpacing="9">


鼠标经过小图显示大图和详细信息_html/css_WEB-ITnose" id="oimg" alt="" width="100px" height="100px" style="border:0" />
鼠标经过小图显示大图和详细信息_html/css_WEB-ITnose" border="0" width="212px" height="212px">

测试测试测试









这样呢,你这个代码,ie6是不支持

无标题文档鼠标经过小图显示大图和详细信息_html/css_WEB-ITnose

鼠标经过小图显示大图和详细信息_html/css_WEB-ITnose鼠标经过小图显示大图和详细信息_html/css_WEB-ITnose鼠标经过小图显示大图和详细信息_html/css_WEB-ITnose


自己改一下吧。样式可以直接改.在chrome,firefox里面没问题.