鼠标悬浮停留三秒后显示大图、在网页中还是比较实用的
<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();}