document.write("<style type='text/css'>");
document.write(".yyfloat_p{width:209px; height:396px;position:fixed!important;position:absolute;left:150px;top:80px;_top:expression(offsetParent.scrollTop+offsetParent.clientHeight-600);z-index:788; background:none; }");
document.write(".yyform_p{width:150px; height:396px; float:left; background:none; }");
document.write(".yybar_p{width:30px; float:left; height:250px; float:left;background:url(/swt/zmd_tcan.gif) left center no-repeat; margin-top:30px;cursor:pointer;} ");
document.write(".zzsm{width:349px; height:182px; position:fixed!important;position:absolute;left:-319px;top:350px;_top:expression(offsetParent.scrollTop+offsetParent.clientHeight-350);z-index:800; background:none; }");
document.write("</style>");
document.write("<div class=\"yyfloat_p\" id=\"yyfloat_p\">");
document.write("<div class=\"yyform_p\"><a href=\"/swt\"><img src=\"/swt/zmd_tc.gif\" /></a></div>");
document.write("<div class=\"yybar_p\"></div>");
document.write("</div>");
//左侧浮动预约
$(document).ready(function () {
//预约框
$(".yybar_p").hover(function(){
$(".yyfloat_p").css("z-index","1420");
$(".yyfloat_p").stop().animate( { left: '0px' } , 500 );
},function(){
hideobj();
});
/*郑重申明
$(".zzsm").hover(function(){
$(".zzsm").stop().animate( { left: '0px' } , 500 );
},function(){
$(".zzsm").stop().animate( { left: '-319px' } , 500 );
}); */
});
//隐藏预约框
function hideobj() {var xx = new test_out("yyfloat_p");}
function test_out(id){
var _this = this, obj = document.getElementById(id);
this.in_dom = function(m,n){
if (m==n) return true;
else if (!m.parentNode) return false;
else if (m.parentNode==n) return true;
else return _this.in_dom(m.parentNode,n);
};
obj.onmouseout = function(event){
var e = arguments[0]||window.event;
var x = e.relatedTarget||e.toElement; // 鼠标滑出的目标元素
if (!_this.in_dom(x,obj)){
$("#yyfloat_p").stop().animate({left: '-150px'} , 500 ,function(){$(".yyfloat_p").css("z-index","789");});
}
}
}
zmd_tcan.gif 显示的图片
zmd_tc.gif 放上去显示的图片(隐藏)
left: '-150px' 隐藏图片的宽度