鼠标悬浮停留三秒后显示大图、在网页中还是比较实用的
<Style>*{マージン：0;パディング：0;リストスタイルタイプ：なし;} img、a {border：0;}。piccon {height：75px; margin：100px 0 0 50px;} #ccc;背景：＃333;パディング：5px;表示：なし; color：#fff; z-index：2000;} </style> <script type = "text/javascript"> this.imagepreview = function（）{xoffset = 10; yoffset = 30; var urll; $（ "。widget.ks-content a、.ks-switchable-content div li a"）。 $（this）.attr（ "href"）。 "; $。post（" index.php？app = default＆act = ajaxbigimage "、{goods_id：goods_id}、function（data）{$。ajaxsettings.async= false; if（data！= 0）{urll = data; $（" body "）。 + "</div>"）; return true;} else {return false;}}）;/*$（ "＃preview"）。css（ "top"、（e.pagey -xoffset） + "px"）。 "px"）。fadein（ "fast"）;*/$（ '＃preview'）。css（{position： 'absolute'、left：（$（window）.width（） - $（ '＃preview'） $（document）.scrolltop（）}）; setimeout（function（）{$（ "＃preview"）。fadein（ "fast"）;}、3000）}、function（）{this.title = this.t; $（ "＃preview"）。remaid（）;}）;/*$（ "a.preview"）。mousemove（function（e）{$（ "＃preview"） "px"）;} widget_type = "widget"> <div> <h2> </h2> <div> <ul> <li> <ul> <li> </li> <li> </li> </ul> <div> <ul id = "box1_1476271702" box1_14702 "> <li> <li> <div> <a href =" src = "data/files/store_927/goods_51/small_201312121557314803.jpg"> </a> <b> 1 </b> </div> <div> <div> <a href = "index.php？app = goods＆id = 331">【81发六锦系列组合烟花】</a> </div> <div>¥200.00 </div> </div> </li> <li> <div> <a href = "index.php？app = goods＆id = 336"> <img src = "data/files/store_927/goods_33/small_201312121630335585.jpg"> </a> <b> 2 </b> </div> <div> <div> <a href = "index.php？app = goods＆id = 336"> 【八喜系列组合烟花】五福临门、六六大顺、七星高照、八方得利 </a> </div> <div>¥180.00 </div> </div> </li> <li> <div> <a href = "index.php？app = goods＆id = 375"> <img src = "data/files/store_927/goods_193/small_201312130956337166.jpg"> </a> <b> 3 </b> </div> <div> <div> <a href = "index.php？app = goods＆id = 375"> 【五福系列组合烟花】福运长流、福满人间、福寿满堂、福如东海、福到财来 </a> </div> <div>¥260.00 </div> </li> <li style = "border-color：#fff;" src = "data/files/store_927/goods_197/small_201312131059578989.jpg"> </a> <b> 4 </b> </div> <div> <div> <a href = "index.php？app = goods＆id = 399">合家欢乐组合烟花/小礼花</a> </div> <div>¥480.00 </div> </div> </li> </ul> <ul id = "box2_1476271702" style = "display：;"> <li> <> <a href="index.php?app=goods&id=310"><img src="data/files/store_927/goods_92/small_201312121508128170.jpg"></a> <b>1</b></div><div><div><a href = "index.php？app =商品＆id = 310">套餐烟花</a> </div> <div>¥888.00 </div> </div> </li> <li> <div> <a href = "index.php？app = goods＆id = 305"> <img src = "data/files/store_927/goods_136/small_201312121455369033.jpg"> </a> <b> 2 </b> </div> <div> <div> <a href = "index.php？app =商品＆id = 305">套餐烟花</a> </div> <div>¥666.00 </div> </div> </li> <li> <div> <a href = "index.php？app = goods＆id = 303"> <img src = "data/files/store_927/goods_118/small_201312121451582290.jpg"> </a> <b> 3 </b> </div> <div> <div> <a href = "index.php？app = goods＆id = 303">套餐烟花</a> </div> <div>¥1,688.00 </div> </li> <li style = "border-color：#fff;" src = "data/files/store_927/goods_14/small_201312121443346243.jpg"> </a> <b> 4 </b> </div> <div> <div> <a href = "index.php？app = goods＆id = 300">套餐烟花</a> </div> <div>¥1,288.00 </div> </div> </li> </ul> </div> </div>后端处理// ajaxfunction ajaxbigimage（）{if（！empty（$ _ post ['goods_id']））{$ goods_id = $ _ post ['goods_id']; $ goodsimg_mod =＆m（ 'goodsimage'）; $ uploadedfile_mod =＆m（ 'uploadedfile'）; `ecm_goods_image` where goods_id = {$ goods_id} by file_id desc"）; // desc "）; if（！empty（$ file_arr））{$ file_str = inprode（"、 "、"、$ file_arr）;} // echo $ file_str; $ url_arr = $ uploadedfile_mod-> getall（ " desc "）; if（！empty（$ url_arr））{foreach（$ url_arr as $ v）{if（$ v ['file_type'] == 'image/gif'）{$ url = $ v ['file_path']; file_path from `ecm_uploaded_file` where where file_id = {$ file_id} by add_time desc"）; if（！empty（$ url））{echo $ url; exit（）;}