導航:首頁 > 萬維百科 > 網頁設計滑鼠經過文字變大

網頁設計滑鼠經過文字變大

發布時間:2020-11-29 11:46:17

1、網頁製作javascript滑鼠經過文字變色問題

<style type="text/css">
body,td,th {
font-size: 18px;
color: #999;
font-weight: bold;
}

上面已經設置了td,th文字顏色屬性,

<td width="62"><div align="center"><a href=page1.html style="color='#999';cursor:hand" onmouseover="javascript:this.style.color='red'" 
onmouseout="javascript:this.style.color='#999'">游戲介紹</a></div></td>

這里又設置了顏色屬性,不過行內樣式優先,可以改成style="color=blue;............",這時即:

<style type="text/css">
body,td,th {
font-size: 18px;
color: #999;
font-weight: bold;
}<td width="62"><div align="center"><a href=page1.html style="color='blue';cursor:hand" onmouseover="javascript:this.style.color='red'" 
onmouseout="javascript:this.style.color='#999'">游戲介紹</a></div></td>

這時顏色body,td,thcolor屬性已經不起作用了也可以下面這樣,去掉行內style="color:#999",行內的color屬性去掉 前邊color設置成你要的其實顏色。

<style type="text/css">
body,td,th {
font-size: 18px;
color: blue;
font-weight: bold;
}
<td width="62"><div align="center"><a href=page1.html style="cursor:hand" onmouseover="javascript:this.style.color='red'" 
onmouseout="javascript:this.style.color='#999'">游戲介紹</a></div></td>

有點亂,希望有幫助!

2、網頁設計里滑鼠經過一行或一列字時,經過的單個字體變大,不影響布局。希望能幫我解決一下這個問題,謝

你在CSS增加
a link {color:ff6636;font-size:19px;}
這樣應該就可以…

3、急!dreamweaver怎麼製作滑鼠經過文字字體變色效果

1、做好一個鏈接

2、點擊工具面板中CSS模式下的「+」,打開新建CSS樣式面板

3、選擇「復合內容」,選擇a:link,表示正常鏈接時的樣式。

4、點擊確定,打開樣式設置面板,選擇Color:#333,或別的你要的著色,確定。

5、下面設置滑鼠經過的文字色彩,還是參考第二步,打開新建CSS規則面板,選擇「復合內容」,選擇器中選擇:a:hover,

6、color中選擇滑鼠經過的顏色,這里以「#F00」即紅色為例。確定。

7、下面看一下效果,完畢。

4、網頁製作 滑鼠經過文字字體會變大

有鏈接還是沒鏈接的文字。有鏈接的文字用css樣式表就可以;
a{ font-size:12px;}
a:hover{ font-size:14px;}

5、在線急求!!!!網頁設計問題!滑鼠經過圖像變大

<img src="https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/logo-.gif"
style="cursor:pointer;"
onmouseover="this.style.width=274;this.style.height=92;" onmouseout="this.style.width=137;this.style.height=46;"
onclick="document.location.href('http://.baidu.com');"

/>

6、網頁設計中,當滑鼠移過字體顏色會發生變化的效果怎麼做啊

直接在CSS文件中添加一個定義鏈接就是了,在需要的地方調用,比如:

/*網站鏈接總的CSS定義:可定義內容為鏈接字體顏色、樣式等*/

a{text-decoration: underline;} /*鏈接無下劃線none,有為underline*/
a:link {color: #00007f;} /*未訪問的鏈接 */
a:visited {color: #65038e;} /*已訪問的鏈接*/
a:hover{color: #ff0000;} /*滑鼠在鏈接上 */
a:active {color: #ff0000;} /*點擊激活鏈接*/

7、網頁製作 當滑鼠經過文字後字體會變大!在哪裡寫代碼代碼是什麼!!

把要做特效的內容放到一個<a></a>標簽裡面,然後給它設置一個css樣式:
a:hover{font-size:你想要的字體大小;}。
如果不想出現鏈接效果的話,可以把內容放到<span></span>標簽,然後用span:hover{font-size:你想要的大小;}也行。這兩種方法在IE7,8和Firefox上都可行。

如果要兼容杯具或者說餐具的IE6的話,只能用以下方法。
<a href="#" id="linkHover">你想出現效果的內容</a>
為了使得這個超鏈接表現得像普通文本內容,給這個超鏈接建立個樣式如下:
a {color:Black; text-decoration:none;cursor:default;}
a.hover, a:hover { font-size:你想要的字體大小; }

之後再用一段JS給它動態增加css樣式:
<script type="text/javascript">
<!--[if IE 6]>
document.getElementById('linkHover').onmouseover = function() {
this.className = "hover";
};
document.getElementById('linkHover').onmouseout = function() {
this.className = "";
}
<![endif]-->
</script>

至此,無論是Firefox,IE7,8還是杯具的IE6都能夠得到想要的效果了。

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

步驟:
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、看下更改顏色後的效果

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

樣式表的運用

中添加代碼
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;
}

與網頁設計滑鼠經過文字變大相關的知識