【Collections】一個js代碼

來源:互聯網
上載者:User

上次項目中需要一個pop,最後採用了link 的Title屬性,用XMLHTTP賦值,當滑鼠移上去之後,就顯示。

這樣做有兩個缺點:

1. 滑鼠移上去之後就是過一會Title就不見了。

2. 不好安排格式,在link的title中如果是XMLHTTP response過來的值,不支援html格式。

今天在微軟上看到這個,感覺不錯,偷過來咯! (:

如果再用XMLHTTP傳值,就靈活多了。

<script language="javascript">
var oPopup = window.createPopup();
function HelpPopup()
{
   if("False" == "False")
   {
      var iX = window.event.x;
      var iY = window.event.y;
      var sMenuText = "";

      sMenuText = "<b>100:</b> 介紹性的、概括性資料的技術等級。假設對主題或所談及的主題概念、功能、特性和優點有很少瞭解或不是十分瞭解。<p /><b>200:</b> 中介層次資料的技術等級。假設具有100級的知識並有該主題的特定培訓和學習。<p /><b>300:</b> 進階資料的技術等級。假設具有200級的知識並且具有對真實應用環境特性的深刻瞭解和很熟練的編碼技巧。提供對產品/技術特性的子集的詳細技術概覽,包括體繫結構、效能、移植、部署和開發。<p /><b>400:</b> 專家級資料的技術等級。假設具有深層次的技術知識和經驗,並且具有對主題的詳細和全面的理解。提供專家到專家的互動和對特定主題的覆蓋。<p />";

      var oPopupBody = oPopup.document.body;
         oPopupBody.style.padding = "4px";
         oPopupBody.style.backgroundColor = "infobackground";
         oPopupBody.style.color = "infotext";
         oPopupBody.style.borderTop = "2px solid threedshadow";
         oPopupBody.style.borderLeft = "2px solid threedshadow";
         oPopupBody.style.borderBottom = "2px solid threeddarkshadow";
         oPopupBody.style.borderRight = "2px solid threeddarkshadow";
         oPopupBody.style.fontFamily = "Tahoma";
         oPopupBody.style.fontSize = "12px";
         oPopupBody.innerHTML = sMenuText;
         oPopupBody.onclick = doClick;

      oPopup.show(iX, iY,400, 240, document.body);

   }
}
function doClick()
{
   oPopup.hide();

}  //end doClick

</script>
<tr>
<td>
</td><img id="TechLevelHelpImage" onclick="HelpPopup()" onmouseover="this.style.cursor='hand'" src="graphics/icon_info.gif" align="right" style="border-width:0px;padding-top:3px;" /></td>
</tr>

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.