Home > Web Front-end > HTML Tutorial > Mouse over the small image to display the large image and detailed information_html/css_WEB-ITnose

Mouse over the small image to display the large image and detailed information_html/css_WEB-ITnose

WBOY
Release: 2016-06-24 12:20:37
Original
1359 people have browsed it

What I want to achieve now is to display the large image and detailed information when the mouse slides over the small image. I found a piece of code on the Internet


CellSpacing="9">

t;
                                                                                    ;%#Eval("product_img") %>" id="oimg" alt="" width="100px" height="100px" style="border:0" />
;img src="images/<%#Eval("product_img") %>" border="0" width="212px" height="212px">
Test Test Test

                                                                     ​🎜> http://img.my.csdn.net/uploads/201304/16/1366081185_5840.jpg

Now I want to add some detailed information under the big picture, such as name, price, etc. Yes, there is a problem
CellSpacing="9">
                                                                                                                                            alt="" width="100px" height="100px" style="border:0" />
                                                                                               >" border="0" width="212px" height="212px">

                            


                                             

This won’t work , the effect is as follows
http://img.my.csdn.net/uploads/201304/16/1366081185_6372.jpg

How can I make it display in order line by line? ?

Reply to discussion (solution)


CellSpacing="9">
🎜>                                                                           class="thumbnail" href="#thumb">
                                                                                ​100px" height="100px" style="border:0" />
                                                                             " width="212px" height="212px">
                                                                                                                                                      🎜>                                                                                                                      Change it yourself. The style can be changed directly. No problem in chrome and firefox.