鼠标悬浮停留三秒后显示大图 , 在网页中还是比较实用的
<style>*{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; latar belakang:#333; padding: 5px; Tampilan: Tidak Ada; Warna: #FFF; Z-index: 2000;} </style> <type script = "text/javascript"> this.imagePreview = function () {xoffset = 10; yoffset = 30; var urll; $ (". widget .ks-content a, .box .ks-switchable-content div li a"). hover (function () {// $ (". $ (ini) .attr ("href"). ganti ("barang/", ""); var goods_id = $ (ini) .attr ("href"). ganti ("index.php? app = barang & id =", ""); ini. "; $. POST (" index.php? App = default & ACT = AjaxBigImage ", {goods_id: goods_id}, function (data) {$. Ajaxsettings.async = false; if (data! = 0) {urll = data; $ (" body "). append (" <div id = 'iMer'> <"c+ <" oLl '= "" "" "" "" "" "" "" "" "" "" "" "" "" "" "" "" "" "" "" "" "" "" "" c+ {URll = $ ("BODE"). " + "</div>"); return true;} else {return false;}});/*$ ("#preview"). css ("atas", (e.pagey - xoffset) + "px"). css ("kiri", (e.pagex + yoffset) + " "px"). fadein ("fast");*/$ ('#preview'). css ({position: 'absolute', kiri: ($ (window) .width () - $ ('#preview'). outerwidth ())/2, atas: ($ (window) .height () - $ ('#preview'). $ (dokumen) .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 ();}); </script> <div id = "_ widget_579" name = "jdr_sale_list" widget_type = "widget"> <div> <h2> 销售排行 </h2> <viv> <ul> <li> 特效礼花 </li> <li> 套餐烟花 </li> </ul> <ve> <ul id = "box1_1476271702"> <li> <v> <Div> <a href = "index.php = iM = IM = 2"> <li> <li> <li> <v> <a href = "index.php = IDP = ID = iM = 2" "> <li> <li> <Li> <div> <a href =" index.php? SRC = "Data/File/Store_927/Goods_51/Small_201312121557314803.jpg"> </a> <b> 1 </b> </div> <div> <v> <a href = "index.php? app = barang & id = 331"> 【81 发六锦系列组合烟花】 </a> </div> <verv> ¥ 200.00 </div> </div> </li> <li> <viv> <a href = "index.php? App = ID & ID = 336"> <img SRC = "Data/File/Store_927/Goods_33/Small_201312121630335585.jpg"> </a> <b> 2 </b> </div> <div> <v> <a href = "index.php? app = barang & id = 336"> 【八喜系列组合烟花】五福临门、六六大顺、七星高照、八方得利 </a> </div> <div> ¥ 180.00 </div> </div> </li> <li> <v div> <a href = "index.php? App = Good & ID = 375"> <img SRC = "Data/File/Store_927/Goods_193/Small_201312130956337166.jpg"> </a> <b> 3 </b> </div> <div> <v> <a href = "index.php? App = barang & id = 375"> 【五福系列组合烟花】福运长流、福满人间、福寿满堂、福如东海、福到财来 </a> </div> <ver> ¥ 260.00 </Div> </div> </li> <Li style = "Border-color: #fff;"> <Div> <a href = "index.php? App = Goods & ID = 399"> <g> SRC = "Data/File/Store_927/Goods_197/Small_201312131059578989.jpg"> </a> <b> 4 </b> </div> <v> <v div> <a href = "index.php? app = barang & id = 399"> 合家欢乐组合烟花/小礼花 </a> </div> <verv> ¥ 480.00 </div> </div> </li> </ul> <ul "> <box2_1476271702" style = "no No;"> <Li> <Li> href = "index.php? app = barang & id = 310"> <img src = "data/file/store_927/goods_92/small_201312121508128170.jpg"> </a> <b> 1 </b> </div> <v> <v> <a href = "index.php? app = barang & id = 310"> 套餐烟花-儿孙满堂 </a> </div> <div> ¥ 888.00 </div> </div> </li> <li> <viv> <a href = "index.php? App = ID = 305"> <img SRC = "Data/File/Store_927/Goods_136/Small_201312121455369033.jpg"> </a> <b> 2 </b> </div> <v> <v> <a href = "index.php? app = barang & id = 305"> 套餐烟花-六六大顺 </a> </div> <div> ¥ 666.00 </div> </div> </li> <li> <viv> <a href = "index.php? App = ID = 303"> <Img SRC = "Data/File/Store_927/Goods_118/Small_201312121451582290.jpg"> </a> <b> 3 </b> </div> <v> <v> <a href = "index.php? App = barang & id = 303"> 套餐烟花-一路顺发 </a> </div> <ver> ¥ 1,688.00 </div> </div> </li> <Li style = "Border-color: #FFF;"> <div> <a href = "index.php? App = Id = iD = 300 SRC = "Data/File/Store_927/Goods_14/Small_201312121443346243.jpg"> </a> <b> 4 </b> </div> <div> <v> <a href = "index.php? app = barang & id = 300"> 套餐烟花-喜事连连 </a> </div> <div> ¥ 1,288.00 </div> </div> </li> </ul> </div> </div> </div> 后端处理 // Ajaxfunction 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` di mana goods_id = {$ goods_id} pesanan oleh file_id desc"); // 获取 file_id 字符串 $ file_arr = $ goodsimg_mod-> getCol ("pilih file_id dari` ecm_goods_image` di mana goods_id = {$ goods_id oleh `ecm_goods_image` di mana goods_id = {$ goods_id oleh` ecm_goods_image` where goods_id = {$ goods_id oleh `ecm_goods_image` di mana goods_id = {$ goods_id oleh` ecm_goods_image` di mana goods_id = {$ goods_id oleh `ecm_goods_id Desc "); if (! Kosong ($ file_arr)) {$ file_str = implode (", ", $ file_arr);} // echo $ file_str; $ url_arr = $ unggah` ’` `’ `` `` `` `` `` `` `` `` `` `` `` Desc "); if (! Kosong ($ url_arr)) {foreach ($ url_arr as $ v) {if ($ v ['file_type'] == 'gambar/gif') {$ url = $ v ['file_path']; break; exit ();} else {unset ($ v); file_path dari `ecm_uploaded_file` di mana file_id = {$ file_id} pesanan oleh add_time desc"); if (! empt ($ url)) {echo $ url; exit ();} else {echo 0; exit ();}} else {echo 0;} {echo 0;