jQuery大气的顶部下拉在线咨询代码特效

使用方法：

引入CSS样式文件

<link href="css/reset.css" rel="stylesheet" type="text/css" />

引入就Query库文件、特效JS文件

<script type="text/javascript" src="js/jquery.1.4.4.min.js"></script>
<script type="text/javascript" src="js/lrtk.js"></script>

HTML结构

<div class="tog_contact">
  <div class="t_con_box">
    <div class="drift_left">
	  <p><img src="images/top_logo.gif" /></p>
	  <p class="f-yh">澳大利亚瑞思迈官方授权<br/>呼吸机消毒器上海地区独家代理</p>
	</div>
	<div class="phone">
	  <dl>
	    <dd>
		  <div><img src="images/icon_phone.gif" /><h3 class="f-yh">电话咨询</h3><span>PHONE CONSULTING</span></div>
		  <p>400-888-8888</p>
		</dd>
		<dd>
		  <div><img src="images/icon_consult.gif" class="consult_img" /><h3 class="f-yh">在线咨询</h3><span>ONLINE CONSULTING</span></div>
		  <a href="#" class="online" target="_blank" ><q class="f-yh">在线客服</q></a><a href="#" class="online" target="_blank" ><q class="f-yh">售后咨询</q></a>
		</dd>
	  </dl>
	</div>
		<div class="map"><img src="images/map.gif" /></div>
  </div>
</div>
<div class="tog" id="tog"><span>和我联系吧</span></div>