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

時間 2021-10-14 23:07:41

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

如何用滑鼠同時控制兩臺電腦,如何用一個滑鼠同時控制兩臺電腦?

這樣的軟體很多,如紅蜘蛛多 網路教室 只能用6臺 試用的 易思多,蘇亞星等等吧,都可以做到,你上網查一下。 時傳詩 去賣個分屏器,可以做到,二相機器想只用一個顯示器都行 炫紫淚 對方的?邀請遠端協助 要麼就是不帶攻擊性的操縱對方電腦裡裡的東西,能隨意刪對方硬碟東西 對方100 不知道 同網的電腦,安...

js如何實現滑鼠模擬點選,javascript如何模擬滑鼠點選a便籤

自定義點選一次 j ascript如何模擬滑鼠點選a便籤 獲取a標籤元素,然後後面.click 即可.給個例子把 這裡是a標籤的名稱 點選開啟a標籤 直接用jquery就好了 vbtn click document.getelementbyid vbtn click js如何自動點選onclick ...

delphi如何實現 當滑鼠放到按鈕上,按鈕會變大一點,移開又變回原狀的動態效果

去看 vclskin的原始碼 裡面有攔截了 button 的滑鼠訊息 做相應的改變 畫上去就行了 在按鈕的onmousemove事件加入button.width 100 在窗體的onmousemove事件加入button.width 50 wincc中按鈕如何實現浮動功能!就是滑鼠停在按鈕上按鈕變大...