<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jQuery動態提示消息框效果</title><base target="_blank" /> <style type="text/css"> * { font-family: monaco; } div.item_keleyi_com { width:100px; height:50px; background-color: maroon; text-align:center; padding-top:25px; } div#item_keleyi_com_1 { position: absolute; top: 50px; left: 50px;color: white; } div#item_keleyi_com_2 { position: absolute; top: 500px; left: 0px;color: white; } div#item_keleyi_com_3 { position: absolute; top: 0px; left: 500px;color: white; } div#item_keleyi_com_4 { position: absolute; top: 500px; left: 500px; color: white;} ul{ list-style:none;padding:0px 0px 0px 10px;}a{color:Blue;} </style> <link rel="stylesheet" href="http://keleyi.com/keleyi/phtml/jqtexiao/2/stylesheets/jquery.tooltip/jquery.tooltip.css" type="text/css" /> <script type="text/javascript" src="http://keleyi.com/keleyi/pmedia/jquery/jquery-1.10.2.min.js"></script> <script type="text/javascript" src="http://keleyi.com/keleyi/phtml/jqtexiao/2/javascripts/jquery.tooltip.js"></script> <script type="text/javascript"> $j = jQuery.noConflict(); $j(document).ready(function(){ $j("div.item_kel"+"eyi_com").tooltip(); }); </script> </head> <body> <div id="item_keleyi_com_1" class="item_keleyi_com"> 柯樂義 <div class="tooltip_description" style="display:none" title="柯樂義詳細信息"> 本網站的名稱：柯樂義<br /> 本網站的網址： keleyi.com <br /> 本站提供jQuery特效,Javascript實例，ASP.NET源碼等內容資料，歡迎訪問！柯 樂 義 <br />工具：http://tool.keleyi.com <br />搜索本站內容：http://so.keleyi.com </div> </div> <div id="item_keleyi_com_2" class="item_keleyi_com"> jQuery <div class="tooltip_description" style="display:none" title="jQuery介紹"> 網址：http://keleyi.com/menu/jquery/ <br />柯樂義網上有許多jQuery的特效和知識，歡迎訪問。 jQuery實現腳本與頁面的分離<br /> 節省開發者學習時間<br /> 讓JavaScript編程變得有趣<br /><br /><br /> 更多信息請訪問：http://so.keleyi.com/ <br /> 搜索：jQuery的優勢與不足 </div> </div> <div id="item_keleyi_com_3" class="item_keleyi_com"> HTML5 <div class="tooltip_description" style="display:none" title="HTML5介紹"> HTML5的發展越來越邁向成熟，很多的應用已經逐漸出現在你我日常生活中了，不只讓傳統網站上的互動Flash逐漸的被HTML5的技術取代，更重要的是可以透過HTML5的技術來開發跨平台的手機軟件，讓許多開發者感到十分興奮！<br /> 一般廣義而言的HTML5則包含了HTML、CSS和JavaScript三個部分，不單單只是HTML部分而已，CSS 3和JavaScript也有許多的創新，讓整個網頁程序功能更加繽紛。<br /> keleyi.com </div> </div> <div id="item_keleyi_com_4" class="item_keleyi_com"> Javascript <div class="tooltip_description" style="display:none" title="Javascript介紹"> 在javascript中，變量的作用域有全局（window對象）作用域和函數調用作用域。<br /> js獲取本機的外網/廣域網ip地址<br /><br /><br /> 更多信息請訪問：http://so.keleyi.com/ <br /> 搜索：Javascript作用域<br /> js獲取本機的外網/廣域網ip地址<br /> </div> </div> <div style="clear:both;margin-top:130px;width:960px;"> <h3>jQuery動態提示消息框效果</h3> <p>請把光標移動到四個矩形上。適用瀏覽器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. <br />來源：<a href="http://keleyi.com/">柯樂義</a> <a href="http://keleyi.com/a/bjac/hxv86dyi.htm">原文</a></p> <ul> <li><a href="http://keleyi.com/a/bjac/kjsrt3b0.htm">jQuery AJAX</a></li> <li><a href="http://keleyi.com/a/bjac/182di68b.htm">導航樣式</a></li> <li><a href="http://keleyi.com/a/bjac/mt97p5y9.htm">側邊導航</a></li> <li><a href="http://keleyi.com/dev/3068696139522ae4.htm">樹形菜單</a></li> <li><a href="http://keleyi.com/a/bjac/ck9atu5j.htm">jquery ui 可折疊手風琴菜單</a></li><li><a href="http://keleyi.com/a/bjac/r55i6646.htm">jQuery :even 偶數選擇器</a></li><li><a href="http://keleyi.com/a/bjac/9rf4gedp.htm">展開、收起div的jQuery代碼</a></li><li><a href="http://keleyi.com/a/bjac/mnmpm4bv.htm">jQuery圖片走馬燈示例</a></li> </ul> </div> </body> </html>