标签：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>slide</title>
<link rel="stylesheet" href="http://static.solaridc.com/project/travel/v2/css/reset.css" />
<style type="text/css">
.site-contact-fixed{position: fixed;top: 400px;z-index: 900;clear: both;}
.site-contact-mod{ position: relative; height:215px;width: 65px;z-index:100;float: right;clear: both;}
.site-contact-1{position:absolute;right:0;top:0;height:215px;overflow:hidden;text-align:right;z-index:10}
.site-contact-2{position:absolute;right: 65px; top:0;height:215px;width: 0px;overflow:hidden;text-align:right;float:right;z-index:100;overflow:hidden;}
.site-contact-tel-num,.site-contact-qq-num,.site-contact-name{width:195px;height:40px;position:absolute;color:#53aaff;font-size:18px;font-family:arial;left:0}
.site-contact-tel-num{top:145px}
.site-contact-qq-num{top: 75px}
.site-contact-name{top: 26px; font-family: ‘youyuan‘; font-size: 22px;}
</style>
</head>
<body>
<div class="site-contact-mod J_contact">
<div class="site-contact-2 J_contact-2" >
<img src="http://192.168.7.151/project/travel/v2/img/contact-2.png" >
<a href="javascript:;" class="site-contact-name">冯虎彪</a>
<a class="site-contact-qq-num J_qq" target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=676703301&site=qq&menu=yes&from=message&isappinstalled=0">676703301</a>
<a class="site-contact-tel-num">010-676703301</a>
</div>
<div class="site-contact-1">
<img src="http://static.solaridc.com/project/travel/v2/img/contact-1.png" class="J_contact-1">
<img src="http://static.solaridc.com/project/travel/v2/img/contact-3.png" class="J_contact-3" style="display:none">
</div>
</div>
<script src="http://static.solaridc.com/jquery/jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$(function(){
$(‘.J_contact‘).hover(function(){
alert(12)
$(".J_contact-2").animate({‘width‘:"205px"});
$(".J_contact-1").hide();
$(".J_contact-3").show();
}, function(){
$(".J_contact-2").animate({‘width‘:"0px"});
$(".J_contact-1").show();
$(".J_contact-3").hide();
});
$(".J_contact-fixed").css("right",($(document).width()-1200)/2);
})
</script>
</body>
</html>
标签：
原文地址：http://www.cnblogs.com/niunaimidou/p/4670920.html
