滑鼠移過出現說明文字 css html jquery語法 ~ 猛甲茶道互動式創意網頁設計 Tea Road

大標題１

次標題１

Answer：

回答內容回答內容回答內容回答內容回答內容

大標題２

次標題２

Answer：

回答內容回答內容回答內容回答內容回答內容

大標題３

次標題３

Answer：

回答內容回答內容回答內容回答內容回答內容

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文件</title>

div.preview {              /* 控制回答方框 */
 filter: alpha(opacity=92);
 -moz-opacity: 0.92;       /* 方框的透明度 */
 opacity: 0.92;
 background: #DBFFDD;      /* 方框的背景 */
 border: 2px solid #cb9;   /* 方框的框線 */
 width:550px; }            /* 方框的寬度 */

div.preview1 {              /* 第２組控制回答方框 */
 filter: alpha(opacity=92);
 -moz-opacity: 0.92;        /* 第２組方框的透明度 */
 opacity: 0.92;
 background: #DBFFDD;       /* 第２組方框的背景 */
 border: 2px solid #cb9;    /* 第２組方框的框線 */
 width:900px;
 z-index:9999; }            /* 第２組方框的寬度 */

div.preview h3,div.preview1 h3 {           /* 控制大標題 */
 margin: 0px;
 padding: 2px;
 color:green;
 font-size: 20px;
 background:#B3FFB6;
 text-align: center; }

div.preview div,div.preview1 div  {         /* 控制次標題 */  
 margin: 0px;
 padding: 2px;
 color: #000b4f;
 font-size: 18px; }

div.preview div.date,div.preview1 div.date {    /* 控制回答內容 */ 
 text-align:left;
 font-size: 16px;
 padding:10px; }
-->
</style>

</head>

<a  href="#"  onmouseover="overTip('sw01')"  onmouseout="outTip('sw01')"  />大標題１</a>
 <div id="sw01" class="sw">
  <div class="preview" >
   <div>次標題１</div>
    <h3>Answer：</h3>
     <div class="date" style"width:900px;">回答內容回答內容回答內容回答內容回答內容</div>
  </div>
 </div><br/>

<a  href="#"  onmouseover="overTip('sw02')"  onmouseout="outTip('sw02')"  />大標題２</a>
 <div id="sw02" class="sw">
  <div class="preview">
   <div>次標題２</div>
    <h3>Answer：</h3>
     <div class="date" >回答內容回答內容回答內容回答內容回答內容</div>
  </div>
 </div><br/>

<a  href="#"  onmouseover="overTip('sw03')"  onmouseout="outTip('sw03')"  />大標題３</a>
 <div id="sw03" class="sw">
  <div class="preview">
   <div>次標題３</div>
    <h3>Answer：</h3>
     <div class="date">回答內容回答內容回答內容回答內容回答內容</div>
  </div>
 </div><br/>

</div>

</body>
</html>

~歡迎轉載，但請註明來源網站名稱和網址，文章若有侵權，請來信告知，我們會盡快處理~

響應式網頁架站只要6,888元起|[RWD]響應式網站，自適應網頁，讓SEO搜尋引擎最佳化你的網站

"你是獵人還是獵物？"

Tea Road

Monga Shop

猛甲茶道互動式創意網頁設計 Tea Road