java 鼠标停留时,[Java教程]鼠标悬浮停留三秒 显示大图_星空网

鼠标悬浮停留三秒 显示大图

2014-06-27

0

网站大连烟花网

http://dlyh365.com

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

this.imagePreview = function(){

xOffset = 10;

yOffset = 30;

var urll;

$(".widget .ks-content a,.box .ks-switchable-content div li a").hover(function(){

//$(".widget .ks-content a").hover(function(e){

//var goods_id = $(this).attr("href").replace("goods/", "");

var goods_id = $(this).attr("href").replace("index.php?app=goods&id=", "");

this.t = this.title;

this.title = " ";

var c = (this.t != "") ? "
" + this.t : " ";

$.post("index.php?app=default&act=ajaxBigImage", {goods_id: goods_id},function(data){

$.ajaxSettings.async = false;

if(data!=0){

urll = data;

$("body").append("

"+ c +"

");

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

0

*特别声明：以上内容来自于网络收集，著作权属原作者所有，如有侵权，请联系我们：admin@shaoqun.com。