1. 基础外观

    点击此处显示所有产品品牌及套餐
    <div class="c_toolTip">
    	<div class="c_toolTipTop"><div></div></div>
    	<div class="c_toolTipContent">
    		文字
    	</div>
    	<div class="c_toolTipBottom"><div></div></div>
    	<div class="c_toolTipPointer"></div>
    	<!--[if IE 6]><iframe class="c_toolTipCover"></iframe><![endif]-->
    </div>
    

    【注】c_tooltip 的代码一般情况下必须写在 m_wrapper2 之内。

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head jwcid="@Head"></head>
    <body jwcid="@Body">
    <div class="m_wrapper"><div class="m_wrapper2">
    
    
    
    <!-- 页面内容 -->
    <!-- c_tooltip 的位置 -->
    
    
    </div></div>
    </body>
    </html>
    
  2. 扩展外观

    1. 箭头在下

      点击此处显示所有产品品牌及套餐
      <div class="c_toolTip c_toolTip-bottom">
      	<div class="c_toolTipTop"><div></div></div>
      	<div class="c_toolTipContent">
      		文字
      	</div>
      	<div class="c_toolTipBottom"><div></div></div>
      	<div class="c_toolTipPointer"></div>
      	<!--[if IE 6]><iframe class="c_toolTipCover"></iframe><![endif]-->
      </div>
      
    2. 箭头位置控制

      点击此处显示所有产品品牌及套餐
      <div class="c_toolTip">
      	<div class="c_toolTipTop"><div></div></div>
      	<div class="c_toolTipContent">
      		文字
      	</div>
      	<div class="c_toolTipBottom"><div></div></div>
      	<div class="c_toolTipPointer" style="right:auto; left:10px;"></div>
      	<!--[if IE 6]><iframe class="c_toolTipCover"></iframe><![endif]-->
      </div>
      
    3. 宽度控制

      点击此处显示所有产品品牌及套餐
      <div class="c_toolTip" style="width:300px;">
      	<div class="c_toolTipTop"><div></div></div>
      	<div class="c_toolTipContent">
      		文字
      	</div>
      	<div class="c_toolTipBottom"><div></div></div>
      	<div class="c_toolTipPointer"></div>
      	<!--[if IE 6]><iframe class="c_toolTipCover"></iframe><![endif]-->
      </div>
      
    4. 加入删除功能

      点击此处显示所有产品品牌及套餐
      <div class="c_toolTip">
      	<div class="c_toolTipTop"><div></div></div>
      	<div class="c_toolTipContent">
      		文字
      		<div class="c_toolTipDelete"><a href="#nogo">不再显示</a></div>
      	</div>
      	<div class="c_toolTipBottom"><div></div></div>
      	<div class="c_toolTipPointer"></div>
      	<!--[if IE 6]><iframe class="c_toolTipCover"></iframe><![endif]-->
      </div>