DIV CSS 佈局教程網

設為首頁加入收藏

DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 當鼠標滑過超鏈接出現提示框效果實例

當鼠標滑過超鏈接出現提示框效果實例

編輯：關於JavaScript

<!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=gb2312" />
<title>無標題文檔</title>

<style type="text/css">
body{font: 76%/1.5 Arial,sans-serif;background: #FFF;color: #333}
div#container{width: 500px;margin:0 auto}
h1{color: #3CA3FF;margin: 1em 0 0;letter-spacing: -2px}
p{margin: 0 0 1.7em}
a{color: #F60;font-weight:bold}
a:hover{color: #F00}
.tooltip{
width: 200px; color:#000;
font:lighter 11px/1.3 Arial,sans-serif;
text-decoration:none;text-align:center}.tooltip span.top{padding: 30px 8px 0;
     background: url(http://www.jb51.net/images/uppic/200708171844190.gif) no-repeat top}.tooltip b.bottom{padding:3px 8px 15px;color: #548912;
     background: url(http://www.jb51.net/images/uppic/200708171844190.gif) no-repeat bottom}
</style>
<meta name="viewport" content="width=device-width, initial-scale=1.0"></head>
<body>

<p>My space</p>

</body>
</html>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

上一頁:關於JS判斷圖片是否加載完成且獲取圖片寬度的方法
下一頁:Js動態添加復選框Checkbox的實例方法

關於JavaScript

預加載css或javascript的js代碼: 預加載文件一般有兩種常用的方式：xhr和動態插入節點的方式。動態插入節點是最為簡單也最為廣泛的一種異
Bootstrap學習系列之使用 Bootstrap Typeahead 組件實現百度下拉效果: UnderScore官網：http://underscorejs.org/參考文檔：http://w
javascript驗證手機號和實現星號(*)代替實例: 一、JavaScript替換手機號中間4位// 匹配手機號首尾，以類似“123****8901”的形

相關文章

JavaScript基礎知識 JSON基礎正則表達式關於JavaScript JavaScript技巧 jQuery入門知識 AJAX入門 JavaScript綜合知識

小編推薦

javascript 判斷整數方法分享 JavaScript DOM 學習總結(五) 克隆javascript對象的三個方法小結 JS實現先顯示大圖後自動收起顯示小圖的廣告代碼淺析JavaScript事件和方法 JS代碼實現table數據分頁效果 js數組依據下標刪除元素響應式設計的思考:媒體查詢(media query) javascript動態加載實現方法一 JS教程:學習Javascript數組

熱門推薦

js中常用的Tab切換效果(推薦) js中document.write的那點事原生js實現class的添加和刪除簡單代碼每天一篇javascript學習小結（基礎知識） JavaScript代碼性能優化總結篇 JS判斷是否手機或pad訪問實現方法 Java遍歷集合方法分析（實現原理、算法性能、適用場合）淺析JavaScript中作用域和作用域鏈 JS實現網頁標題隨機顯示名人名言的方法

大家都在看

為嵌入式設備創建可執行的命令序列 ASP.NET AJAX客戶端編程 javascript取得浏覽器地址及參數方法使用CSS Sprite的一些最佳實踐去掉SyntaxHighlighter右上角的?問號小圖標 jQuery彈出可拖動的登錄對話框層 JQuery UI DatePicker中z-index默認為1的解決辦法 JavaScript中getUTCMinutes()方法的使用詳解

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|

Copyright © DIV+CSS佈局教程網 All Rights Reserved