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

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

*{margin:0;padding:0;list-style-type:none;}
img,a{border:0;}
.piccon{height:75px;margin:100px 0 0 50px;}
.piccon li{float:left;padding:0 10px;}
#preview{position:absolute;border:1px solid #ccc;background:#333;padding:5px;display:none;color:#fff;z-index:2000;}

销售排行


特效礼花
套餐烟花




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;
}
}