鼠标悬浮停留三秒后自动显示大图js代码_javascript技巧

鼠标悬浮停留三秒后显示大图，在网页中还是比较实用的

"); return true; }else{ return false; } }); /* $("#preview") .css("top",(e.pageY - xOffset) + "px") .css("left",(e.pageX + yOffset) + "px") .fadeIn("fast"); */ $('#preview').css({ position:'absolute', left: ($(window).width() - $('#preview').outerWidth())/2, top: ($(window).height() - $('#preview').outerHeight())/2 + $(document).scrollTop() }); setTimeout(function(){ $("#preview").fadeIn("fast"); },3000) }, function(){ this.title = this.t; $("#preview").remove(); }); /* $("a.preview").mousemove(function(e){ $("#preview") .css("top",(e.pageY - xOffset) + "px") .css("left",(e.pageX + yOffset) + "px"); }); */ }; $(document).ready(function(){ imagePreview(); });

销售排行

• 特效礼花
• 套餐烟花

• 1
  【81发六锦系列组合烟花】

  ¥200.00
• 2
  【八喜系列组合烟花】五福临门、六六大顺、七星高照、八方得利

  ¥180.00
• 3
  【五福系列组合烟花】福运长流、福满人间、福寿满堂、福如东海、福到财来

  ¥260.00
• 4
  合家欢乐组合烟花\小礼花

  ¥480.00

• 1
  套餐烟花-儿孙满堂

  ¥888.00
• 2
  套餐烟花-六六大顺

  ¥666.00
• 3
  套餐烟花-一路顺发

  ¥1,688.00
• 4
  套餐烟花-喜事连连

  ¥1,288.00

后端处理 //ajax function ajaxBigImage() { if(!empty($_POST['goods_id'])){ $goods_id=$_POST['goods_id']; $goodsimg_mod = & m('goodsimage'); $uploadedfile_mod = & m('uploadedfile'); //$file_id = $goodsimg_mod->getOne("select file_id from `ecm_goods_image` WHERE goods_id={$goods_id} ORDER BY file_id DESC"); //获取file_id 字符串 $file_arr = $goodsimg_mod->getCol("select file_id from `ecm_goods_image` WHERE goods_id={$goods_id} ORDER BY file_id DESC"); if(!empty($file_arr)){ $file_str = implode(",",$file_arr); } //echo $file_str; $url_arr = $uploadedfile_mod->getAll("select file_type,file_path from `ecm_uploaded_file` WHERE file_id IN({$file_str}) ORDER BY add_time DESC"); if(!empty($url_arr)){ foreach ($url_arr as $v){ if($v['file_type'] == 'image/gif'){ $url = $v['file_path']; break; exit(); }else { unset($v); } } } //$url = $uploadedfile_mod->getOne("select file_path from `ecm_uploaded_file` WHERE file_id={$file_id} ORDER BY add_time DESC"); if(!empty($url)){ echo $url; exit(); }else{ echo 0; exit(); } }else{ echo 0; } }