鼠标悬浮停留三秒后显示大图, 在网页中还是比较实用的
<tyle>*{마진 : 0; 패딩 : 0; 목록 스타일 유형 : None;} img, a {테두리 : 0;}. piccon {height : 75px; 마진 : 100px 0 50px;}. Piccon Li {왼쪽; 패딩 : 0 10px;}#위치 : PORTINS : 1PX SOUD #CCC; 배경 :#333; 패딩 : 5px; 디스플레이 : 없음; 색상 : #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"). 호버 (function () {//k-content A ". $ (이) "; $. 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"). css ( "left", (e.pagex + yoffset) + "px"). fadein ( "fast");*/$ ( '#preview'). css ({위치 : '절대', 왼쪽 : ($ (창) .width () - $ ( '#preview'). outerwidth ())/2, 상단 : ($ (Window) .height () - $ ( '#preview')/2 + $ (document) .scrolltop ()}); settimeout (function () {$ ( "#preview"). fadein ( "fast");}, 3000)}, function () {this.title = this.t; $ ( "#preview"). remain ();});/*$ ( "a.preview"). MousEmove (함수 (e) {$ ( "#preview"). css ( "top", (e.pagey -xoffset) + "px"). css ( "left", (pagex + yoffset) + "px");});*/}; $ (document) .ready (function () {imagepreview ();}); </script> <div id = "_ widget_579"name = "jdr_sale_list" widget_type = "위젯"> <div> <h2> </h2> <div> <ul> <li> </li> <li> </li> </ul> <liD> <ul id = "Box1_147627171702"> <li> <li> <index.php? app = 331 "> <mg src = "data/files/store_927/goods_51/small_201312121557314803.jpg"> </a> <b> 1 </b> </div> <div> <div> <a href = "index.php? app = app = goods & id = 331"> 【81 发六锦系列组合烟花】 </a> </a> </div> <div> ¥ 200.00 </div> </div> </li> <li> <div> <a href = "index.php? app = words & id = 336"> img src = "data/files/stor_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> < "index.php? app = goods & id = 375"> img src = "data/files/store_927/goods_193/small_201312130956337166.jpg"> </a> <b> 3 </b> </div> <div> <a href = "index.php? app = goods & id = 375"> </a> </div> <div> ¥ 260.00 </div> </div> </li> <li style = "Border-Color : #fff;" src = "data/files/stor_927/goods_197/small_201312131059578989.jpg"> </a> <b> 4 </b> </div> <div> <div> <a href = "index.php? app = app = goods & id = 399"> 合家欢乐组合烟花/小礼花 </a> </a> </div> <div> 480.00 </div> </div> </li> </ul> <ul id = "box2_1476271702"style = "display :"> <li> <div> <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> <a href = "index.php? app = app = goods & id = 310"> 套餐烟花-儿孙满堂 </a> </a> </div> <div> 888.00 </div> </div> </li> <li> <div> <index.php? app = words & id = 305 "> <IMG src = "data/files/store_927/goods_136/small_201312121455369033.jpg"> </a> <b> 2 </b> </div> <div> <a href = "index.php? app = goods & id = 305"> 套餐烟花 套餐烟花-六六大顺 </a> </a> </div> <div> ¥ 666.00 </div> </div> </li> <li> <div> <a href = "index.php? app = words & id = 303"> img src = "data/files/stor_927/goods_118/small_201312121451582290.jpg"> </a> <b> 3 </b> </div> <div> <a href = "index.php? app = goods & id = 303"> 套餐烟花 套餐烟花 </a> </a> </div> <div> 1,688.00 </div> </div> </li> <li style = "Border-Color : #fff;"a href = "index.php? 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> </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 ( 'uploadedEdfile'); $ gotesimg_id에서> "select _id getone ("select getOne ( "). `ecm_goods_image`where verse_id = {$ goods_id} file_id desc "); // 获取 file_id 字符串 $ file_arr = $ goodsimg_mod-> getcol ("ecm_goods_image` {$ goods_id} Order} Order에서`select file_id desc "); if (! empty ($ file_arr)) {$ file_str = implode (", ",", $ file_arr);} // echo $ file_str; $ url_arr = $ uploadedFile_mod-> getAll ( "select file_type,`ecm_uploaded_file '에서 file_pite, where}) 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 = $ uple | ``ecm_uploaded_file '의 file_path where file_id = {$ file_id} add_time desc "); if (! empty ($ url))) {echo $ url; exit ();} else {echo 0; exit ();}} else {echo 0;}}}