<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">varShowImage =function() {Xoffset= 10; Yoffset= 30; JQuery ("#imglist"). FIND ("img"). Hover (function(e) {jQuery (" This. src + "'/>"). AppendTo ("Body")); JQuery ("#imgshow"). CSS ("Top", (E.pagey-xoffset) + "px"). CSS ("Left", (E.pagex + yoffset) + "px"). FadeIn ("Fast"); }, function() {JQuery ("#imgshow"). Remove (); }); JQuery ("#imglist"). FIND ("img"). MouseMove (function(e) {jQuery ("#imgshow"). CSS ("Top", (E.pagey-xoffset) + "px"). CSS ("Left", (E.pagex + yoffset) + "px") }); }; JQuery (document). Ready (function() {ShowImage (); }); </script> <style type= "Text/css" >body{width:600px; margin:0Auto;} Img{border:none;} ul,li{margin:0; padding:0; } li{List-Style:none; float: Left; Display:inline; Margin-right:10px; } #imglist img{width:150px;height:120px;} #imgshow {position:absolute; border:1px solid #ccc; background:#333; padding:5px; Color: #fff; Display:none; } </style>JQuery pc-side picture preview, mouse over to view a larger image