如何用css實現滑鼠移入時與滑鼠移出時顏色相同,不使用js急用,謝謝啊

時間 2021-10-14 23:06:00

1樓:刺友互

1、新建一個html檔案,命名為test.html。

2、在test.html檔案中,使用div標籤建立一個模組,並設定其id屬性為tid,下面將通過該id設定其css樣式。

3、在css標籤內,對div進行樣式設定,使用width屬性設定div的寬度為200px,使用height屬性設定div的寬度為20px,使用background屬性設定div的背景顏色為紅色。

4、在css標籤內,再定義一個類名為newbg的樣式,使用background屬性設定背景顏色為黃色。

5、在test.html檔案中,給div繫結onmouseover滑鼠移動事件,當滑鼠移動至div時,執行myfun()函式。

6、在test.html檔案中,在js標籤內,建立一個myfun()函式,在函式內,使用getelementbyid()獲得div物件,通過classname(newbg)設定div的新背景顏色。

2樓:匿名使用者

選單背景為紅色,,滑鼠移入時變成藍色,移出時也一直為藍色 純css是不可能是實現的

3樓:風痕千里

你一開始是紅色的,移入是藍色的,移出是藍的。這個好像要用js吧。要是移出也是紅色的就好做了

4樓:匿名使用者

顯然你這個效果普通css是無法達到這個效果的,如果在a上加hover事件。那a移開後也會恢復原來的顏色,並不能達到你移開不變色的效果。這個時候就需要css裡的另外一種方法來做了,那就是css裡的expression表示式,但是並不建議用這個,因為這個比較卡瀏覽器。

而且只有ie支援。所以還是放棄不用js來實現的念頭吧。

5樓:匿名使用者

給每個加樣式

如下:li_style

li_style:hover

在css中如何實現滑鼠移上去後,字型變顏色?

6樓:人文漫步者

你說的這一個軟體中想要舒適不要的移動來體驗字型的變化就需要設定出這樣一個特殊的模式就可以了

7樓:丶song記油條條

參照以下**

:寫在標籤內的滑鼠經過的語句。

查詢更多**,.bordercolor之類的前面一定要有style,因為是改變行內樣式,如果是classname就不用,如onmouseout="this.style.

一定要'url()',不然出錯。確 認

8樓:蠍

css滑鼠hover樣式:

element:hover

element是需要變顏色的元素,加上:hover後屬性寫需要改變的顏色。

在css中,分別給這3個連結的標籤設定不同的css樣式。

我假設你對這三個連結已經給了各自的id: "linka" 、"linkb"、 "linkc"

然後對這3個連結進行css設定:

#linka a:hover

#linkb a:hover

#linkc a:hover

9樓:匿名使用者

用標籤的hover偽類可以實現,注意ie下的相容問題,要求href必須有效。

如http://www.baidu.com">baiducss這樣寫:

a.hover-red:hover

用css的expression的來實現滑鼠移入時更改**,滑鼠移出時變回原** 不要background的方法。如何實現?

10樓:網海1書生

可以用這樣的思路:當滑鼠移入時,讓img隱藏,然後給img的外框(即父元素)加一個background**,這樣看到的就是這個背景**,而當滑鼠移出時,再恢復img的顯示。這樣就無需更改html和js了,只在css修改一下即可。

比如:唯一需要注意的是:如果img和外框的大小不一致,那麼這種方法可能效果就不是很理想,需要對外框的background做進一步的調整才行。

11樓:麒麟

現滑鼠移入時更改**,滑鼠移出時變回原**.

要達到這種效果,直接使用css定義偽元素即可實現了。

即定義滑鼠還沒有被訪問時的狀態顯示為常規的背景**:

a:hover

然後定義滑鼠經過時顯示的背景**:

a:active

總結:方法有很多種,你多想想就會出來了。

html如何實現滑鼠懸停顯示文字,滑鼠移走文字消失。

12樓:匿名使用者

1、方法一,利用html特性,每個標籤

都有一個title屬性。當滑鼠hover在該標籤內容上時,瀏覽器展示出該標籤的title內容,讓滑鼠移走,內容消失,如下:

div文字內容文字內容

2、方法二,利用css的偽類hover,以及顯示隱藏屬性display,來實現如下:

.continer

.continer div

.continer:hover div

文字內容文字內容

我是滑鼠懸停展示的內容

13樓:大野瘦子

最簡單的做法,給標籤增加title屬性,並賦上要顯示的內容,也就是新增title屬性即可。

**:部分內容

注:title 屬性常與 form 以及 a 元素一同使用,以提供關於輸入格式和連結目標的資訊。同時它也是 abbr 和 acronym 元素的必需屬性。

html的title屬性的用法

1、html的title屬性,當游標移動到該標籤時,資訊提示框內的內容

屬性選擇器

2、設定標籤樣式時指定 屬性css樣式

屬性選擇器

屬性選擇器指定屬性值

14樓:匿名使用者

一、實現滑鼠懸停顯示文字,html中使用title屬性就可實現顯示文字的效果,hello,當滑鼠懸停在 hello上一回就會有文字 "這裡是顯示的文字" 顯示。

二、步驟如下

首先html佈局

我是一個div

擴充套件資料滑鼠懸停顯示文字需要注意事項1、**上方的空白處是否屬於**的佔位

2、觸發顯示文字的那個容器的佔位是不是在這裡的空白處

15樓:黑馬程式設計師

(1)首先html佈局

我是一個div

(2)****顯示:

(3)css樣式**顯示:

懸停文字的問題 , 不用加css 給它加個title屬性就可以了 , 瀏覽器會預設有這個樣式的,最終顯示的**是:

16樓:沒得感情

可能是滑鼠的按鍵出現了問題,應該重新開啟列印。

17樓:非流未知

html如何實現滑鼠懸停顯示文字,滑鼠移走文字消失。

**如下:

hello

當滑鼠懸停在 hello上一回就會有文字 這裡是顯示的文字顯示。

18樓:匿名使用者

你好,樓主!下面的回答其實都不夠專業!!專業的做法不是用title標籤,而是用onmouseover和onmouseout這兩個事件來解決這個問題。如果滿意請給我分吧!!!我愛你

css滑鼠經過**變亮,移開變變暗效果**怎麼寫

19樓:飛喵某

1、開啟hbuilder,在空白的html檔案上面設定一個div,給div一個class並命名為img:

2、在css裡設定img的類一定的寬和高,引入示例**,設定**為不重複。並且給img的類設定「:hover」偽類,設定偽類內的透明度為0.6:

3、開啟瀏覽器,在瀏覽器內檢視效果:

4、將滑鼠移入**,就會發現**已經變亮了。以上就是用css設定滑鼠經過**變亮,移開變變暗效果的演示:

20樓:

原理就是製作兩套樣式,分別運用在滑鼠放上和拿開的時候,比如樓下的同學說的:

imgimg:hover

但是用透明度的方法似乎沒有變亮,變暗的效果。

建議可以在**上加一個層來控制:

希望能幫到你!

21樓:匿名使用者

img:hover

22樓:倒貼的老郵票

加hover的css即可。

imgimg:hover

如何用鍵盤代替滑鼠滾輪中鍵

左鍵 大小鍵盤上的enter鍵。右鍵 用shift f10可以完全代替,而alt enter則是shift f10 r的替代鍵 檢視某選項 可以是檔案,也可以是資料夾,甚至是硬碟 的屬性。選單的彈出與啟用 可以用alt鍵或者組合鍵ctrl f10來彈出第一個選單,或者用alt 相應的字母,直接彈出對...

如何用vba控制滑鼠移動和點選,如何用jQuery實現div隨滑鼠移動而移動

12345額時代 1 首先在開發工具中開啟vba編輯器。2 在單元格區域當中輸入一些自己想要的內容。3 在vba編輯器中插入模組。4 在模組當中輸入 然後執行。5 這樣用快捷鍵alt f8調出執行巨集視窗,然後單擊 執行 按鈕,滑鼠已限定在功能區範圍移動了。 好程式設計師 private decla...

如何區分光電滑鼠與鐳射滑鼠,鐳射滑鼠和光電滑鼠有什麼區別

其實光學滑鼠原理說起來比較複雜,光學滑鼠的核心是一個低解析度迷你攝像機,稱為感測器。原理就是利用發光二極體照射移動表面,並被反射回滑鼠的光學感應器,用以記錄移動動作,以此來捕捉移動位置的不同畫面.當滑鼠移動時,感測器會連續拍攝物體表面,並利用數字訊號處理來比較各個影像,以決定移動的距離和方向。產生的...