鼠标经过小图显示大图和详细信息_html/css_WEB-ITnose
程序员文章站
2022-06-14 19:29:58
...
我现在要实现一个效果是鼠标滑过小图时显示大图和详细信息,我在网上找了段代码
CellSpacing="9">
" id="oimg" alt="" width="100px" height="100px" style="border:0" />
" border="0" width="212px" height="212px">
测试测试测试
这个实现的效果图如下:(如果看不见图片的就看链接地址)
http://img.my.csdn.net/uploads/201304/16/1366081185_5840.jpg
现在我要在大图下再加上几个详细信息,像名称,价格之类的,就出现问题了
CellSpacing="9">
" id="oimg" alt="" width="100px" height="100px" style="border:0" />
" border="0" width="212px" height="212px">
¥
这个就不行了,效果就成了下面这样
http://img.my.csdn.net/uploads/201304/16/1366081185_6372.jpg
要怎么该才能让它一行一行的按顺序显示呢?
自己改一下吧。样式可以直接改.在chrome,firefox里面没问题.
CellSpacing="9">
" id="oimg" alt="" width="100px" height="100px" style="border:0" />
" border="0" width="212px" height="212px">
测试测试测试
这个实现的效果图如下:(如果看不见图片的就看链接地址)
http://img.my.csdn.net/uploads/201304/16/1366081185_5840.jpg
现在我要在大图下再加上几个详细信息,像名称,价格之类的,就出现问题了
CellSpacing="9">
" id="oimg" alt="" width="100px" height="100px" style="border:0" />
" border="0" width="212px" height="212px">
¥
这个就不行了,效果就成了下面这样
http://img.my.csdn.net/uploads/201304/16/1366081185_6372.jpg
要怎么该才能让它一行一行的按顺序显示呢?
回复讨论(解决方案)
测试测试测试
CellSpacing="9">
" id="oimg" alt="" width="100px" height="100px" style="border:0" />
" border="0" width="212px" height="212px">
这样呢,你这个代码,ie6是不支持
无标题文档
自己改一下吧。样式可以直接改.在chrome,firefox里面没问题.
上一篇: PHP7卓越性能背后的原理有哪些?
下一篇: Oracle RAC环境下归档日志的备份