熱情輕鬆地過生活: HTML 滑鼠游標移動到元素上顯示文字說明

2013年9月27日星期五

HTML 滑鼠游標移動到元素上顯示文字說明

當我們在Html上放置一些圖片的時候，如果想要讓使用者將滑鼠指標移動到圖片上時浮出說明的話，可使用"title"屬性來設定說明文字，如以下程式碼:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
<img src="blue.png" title="Test"/>
</body>
</html>

執行結果如下圖所示，這個屬性不只能運用在<img>上，也可以用在別的元素上唷!

沒有留言:

張貼留言

訂閱：張貼留言 (Atom)