2011-03-22 27 views
-2

我想更改div標籤標題的設計?如何在div標籤的標題上假設css?

+1

請讓問題更詳細地描述你的問題。 – 2011-03-22 03:30:34

+2

我想了解更多信息:) – 2011-03-22 03:33:28

+1

等一下,你是在問你如何設計在元素上使用title屬性時彈出的工具提示? – 2011-03-22 03:40:02

回答

0

您可以使用JavaScript更改HTML元素的標題。只需找到你想要的元素,並設置其標題屬性等於新的標題。

例子:(view a live example here)

<html lang="en"> 
<head> 
    <meta charset="utf-8"> 
    <title>Awesome Stuff</title> 
<body> 
    <div id="dynamicTitle" title="Old Title">This div has a dynamic title</div> 
    <script> 
     document.getElementById('dynamicTitle').title = 'New Title'; 
    </script> 
</body> 
+0

Hrmph。我猜你可以在div上使用title屬性,呵呵?我一直使用它只是在一個標籤...它可以處理任何事情,並按預期顯示工具提示? – 2011-03-22 03:42:06

+0

@Syntax錯誤當HTML4中首次引入功能時,大多數瀏覽器僅支持錨點和圖像元素。然而,現代瀏覽器現在支持正文中的每個元素的title屬性。 – Moses 2011-03-22 15:36:16

+0

有道理。謝謝。 – 2011-03-22 16:35:09

0

不知道這是什麼你問,但如果你正在尋找只是風格的DIV中的文本,請執行下列操作。

<div id="idName">This is your Title Text</div> 

在你CSS聲明你的DIV ID和應用樣式:

div#idName{ 
    color:#0077CC; 
    font-weight:bold; 
    font-size:24px; 
} 
1

如果你問如何風格,當你使用標題標籤彈出的提示...我想你可以「T。我相當確定這是瀏覽器主題或操作系統的功能。我不是100%肯定的,但我相信這是真的。

但是您可以製作自己的工具提示,並使它們非常漂亮。一個簡單的方法是使用像http://flowplayer.org/tools/tooltip/index.html這樣的庫(只是我在google中發現的第一件事),或者您可以使用:hover和另一個<div>來製作一個純CSS版本。

只要保持內部div被隱藏,直到外部元素被徘徊。不管你想要什麼樣的樣式,你甚至可以使用CSS3過渡效果。

+0

+1,因爲這幾乎肯定是@Daniel想要做的。 – Moses 2011-03-22 15:37:45