一款基于jquery实现的鼠标点击从页面右上角弹出的浮层代码,代码很简单,效果很实用!
主要js代码
$(document).ready(function(){
$(".showdiv").click(function(){
var box =300;
var th= $(window).scrollTop()+$(window).height()/1.6-box;
var h =document.body.clientHeight;
var rw =$(window).width()/2-box;
$(".showbox").animate({top:th,opacity:'show',width:600,height:340,right:rw},500);
$("#zhezhao").css({
display:"block",height:$(document).height()
});
return false;
});
$(".showbox .close").click(function(){
$(this).parents(".showbox").animate({top:0,opacity: 'hide',width:0,height:0,right:0},500);
$("#zhezhao").css("display","none");
});
});