導航:首頁 > 萬維百科 > 滑鼠經過時顯示文字的網頁設計

滑鼠經過時顯示文字的網頁設計

發布時間:2020-10-18 05:29:59

1、如何在網頁實現滑鼠經過文字後更改顏色?

一般我做的滑鼠經過文字後改變顏色的都是這段文字是一個鏈接 文字是鏈接的話就可以在頁面屬性里改一下 鏈接(css)這一欄 把那四個什麼什麼鏈接都改一下不一樣的顏色就可以了 樓主可以試試 要是這文字不是鏈接的話就做成圖片吧 兩張不一樣顏色文字的圖片 插入滑鼠經過圖像就可以了 其他的我就不會啦 哈哈 這個本人接觸的也少

2、網頁設計中如何讓字體的顏色隨著滑鼠的移動或者滑鼠經過字體時而改變?

樣式表的運用

中添加代碼
a:link
{
//滑鼠未經過時也就是網頁顯示的顏色
color:darkgreen;
text-decoration:none;//不顯示下劃線
}
a:hover
{
//滑鼠經過時也就是點擊時顏色
color:red;
position:relative;
top:1px;
//滑鼠經過時讓鏈接的文字上移一像素(動態效果就在這)
text-decoration:none;
}
a:visited
{
//滑鼠經過後也就是點擊鏈接後的顏色
color:blue;
position:relative;
top:1px;
text-decoration:none;
}

3、網頁製作:如何實現滑鼠經過圖片時彈出隱藏的背景及文字,請高手指教。用文字表達,不要給我代碼,或者參考

首先說你的要求是滑鼠經過時,要用到滑鼠經過的事件(Onmousemove);再是你的顯示出隱藏的背景及文字,觸發滑鼠事件,要求獲取此圖片或圖片外圍的DIV的對象,對其樣式進行設置,設置其樣式背景為顯示,文字同樣為顯示即可。不知道是否可以幫你解決,如果不行的話我再另想辦法。

4、在網頁設計中,怎樣設計當滑鼠浮動到超鏈接文本是,改變字體顏色和像素?

用CSS

a {color:#XXXXXX; font-size:12px;} // 滑鼠沒經過時,平常鏈接的字體顏色(XXXXXX是顏色的編號)和字型大小(這段可以不寫,但是訪問過的鏈接會變成紫色,如果不想變紫色,就寫上這段)
a:hover {color:#XXXXXX; font-size:14px;} //滑鼠經過時顏色,字型大小

5、網頁製作滑鼠經過文字顯示圖像。

如果是靜態頁面的話,很好做。

也就是添加一個「層」(把你需要顯示的圖片放在層中),然後為你的關鍵字添加「行為--顯示和隱藏」,可以選擇滑鼠的多種動作,比如可以選擇當滑鼠滑過的時候,顯示層等等。

6、dreamweaver怎麼製作滑鼠停留提示文字(經過操作滑鼠停在網頁上的文字上,顯示設置的提示文字。)

用層吧!顯示隱藏啊,在文字上方加個層

7、網頁設計時如何使滑鼠經過文字的時候變成手型

樣式:
#div{
cursor:pointer;
}

8、在設計網頁時,滑鼠滑過某些文字時會彈出相關信息,這是怎麼設計的

如果僅中顯示文字,使用TITLE標簽即可,加在A標簽里。如<a href="#" title="要彈出的字">文字</a>

如果要更好的效果就只有用JS特效了,網上搜索一下,到處都有的。

9、網頁製作中的--滑鼠經過文字?

步驟:
1、打開dw軟體,新建一個文檔。
2、在dw當中,寫入以下css樣式:
<style>
.mengsb{width:648px;margin:0px auto ;}
.jixing1 a{ position:relative;width:320px;margin:0 0px 0 0;float:left;height:232px;}
.jixing1 li{width:320px;float:left;margin:2px;display:block;list-style:none;}
.jixing1 li img{width:320px}
.jixing1 a:hover{text-decoration:none;cursor:hand;}
.jixing1 a span{display:none;cursor:hand;text-align:center;color:#FFF;line-height:36px;padding:98px 0;font-weight:bold;}
.jixing1 a:hover span{width:320px;background:#000;display:block;position:absolute;bottom:0px;left:0;color:##FFF;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;align:center;}
</style>
3、然後在body當中加入以下圖片,代碼為:
<body>
<div class="mengsb">
<div class="jixing1"><li><a href="#"><img alt="河卵石" src="file:///C|/Users/Administrator/Desktop/20151221.jpg" /><span>物料花崗岩</span></a></li>
<li><a href="#"><img alt="河卵石" src="file:///C|/Users/Administrator/Desktop/2015122101.jpg" /><span>物料花崗岩</span></a></li>
</div></div>
</body>
4、在實時視圖中看下最後的效果。
5、另外我們可以改變一些參數來實現不同的效果,我們可以換不同的背景顏色。
6、看下更改顏色後的效果

與滑鼠經過時顯示文字的網頁設計相關的知識