導航:首頁 > 萬維百科 > 網頁設計hover的意思

網頁設計hover的意思

 發布時間：2020-11-13 03:14:53

1、網頁設計中的動態臉接中a:link a:visited a:hover a:active四種狀態的含義是什麼?

a:link 是指超鏈接正常的時候的狀態
a:visited 是超鏈接被點擊以後的狀態
a:hover 是超鏈接滑鼠經過狀態
a:active 是超鏈接激活狀態

呵呵~~希望幫到您

2、hover在網頁設計中代碼的意思是什麼？

hover是用在網頁中產生動態效果的，比如說你把滑鼠移到有hover事件的區塊上那麼那個那個區塊就會根據你自己改變的顏色而變色；說簡單點就是把滑鼠一上去就馬上變為另一種顏色。

3、網頁設計中在table中怎麼寫a:hover的效果~~~

在Table里加個ID，然後，這個ID上寫a:hover，這樣兼容性好一些。

或者寫一個類，在表格的內容需要實現這個效果的地方調用這個類

4、網頁設計怎麼單獨的設計多種a:hover？

因為css無法選擇父元素，但是能選擇兄弟元素，所以我們沒必要那麼死板，可以讓方框和字體作為兄弟節點，讓字體懸浮在方框上就行了。想要單獨給某個a設置hover，可以直接利用該a的id，或者用父元素的後代選擇器nth-child()，不過不推薦

<!DOCTYPE html>

<html>


<head>

<meta charset="UTF-8">

<title>icon</title>

<style type="text/css">

a {

text-decoration: none;

}


#box {

width: 306px;

height:306px;

position: relative;

overflow: hidden;

} 

#icon{

width: 300px;

height: 300px;

position: absolute;

border: 1px solid black;

}

#icon:hover{

border: 3px solid red;

}

#icon img{

width: 200px;

height: 200px;

border: 1px solid orange;

border-radius: 100px;

margin-left:50px;

margin-top: 20px;

}

#txt{

width: 300px;

display: block;

position: absolute;

bottom: 5px;

text-align: center;

cursor: pointer;

z-index: 100;

}

#txt:hover{

color: green;

}

#txt:hover + #icon{

border: 3px solid green;

}

</style>


</head>


<body>


<div id="box">

<a id="txt">請放進來</a>

<a id="icon"><img src=""/></a>

</div>


</body>


</html>

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

把要做特效的內容放到一個<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都能夠得到想要的效果了。

6、html網頁設計：一個簡單的登錄界面代碼！

是這樣的效果嗎？

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>3</title>
<script>
function r()
{

var username=document.getElementById("username");

var pass=document.getElementById("password");
if(username.value=="")
{
alert("請輸入用戶名");
username.focus();
return;
}
if(pass.value=="")
{
alert("請輸入密碼");
return;
}
return true;
}
</script>
</head>
<body>
<form>
<table width="350" bgcolor="#ccffcc" style="border-color" border="1">
<tr align=center>
<td>用戶名</td><td><input type="text" name="username" id="username"></td>
</tr>
<tr align=center><td>密 碼</td><td><input type="password" name="password" id="password"></td></tr>
<tr align=center><td>驗證碼</td><td><input type="text" name="yanzheng"></td></tr>
<tr align=center><td colspan="2"><input type="button" value="登 錄" onclick="r();"/>     <input type="reset" value="重 置"/></td></tr>

</table>
</form>
</body>
</html>

7、網頁設計中的.top ul li:hover a表示什麼意思 求指教

表示定義一個按照元素層級關系限定的CSS樣式。

即：要求元素的層級關系，首先是最外層元素要包含.top樣式，其次再去尋找下面ul元素，再找到ul下面的li，再找到li下面的a標簽元素。


上面這個樣式的意思是當滑鼠移動到li元素上時，它下面的a標簽將會按照這個樣式進行渲染。


<div class="top">
    <ul>
        <li>
            <a href="#">鏈接</a>
        </li>
    </ul>
</div>

 樣式的這種定義方式只對滿足上述結構的元素生效，像如下結構的代碼，將不會擁有上述定義的樣式：

<div class="top">
    <a href="#">鏈接</a>
    <ul>
        <li>
        </li>
    </ul>
</div>

8、網頁製作CSS+DIV如何控制文字背景效果問題？

給相冊分頁的相冊a標簽設置一個class類為current,
.current , a:hover { color:red;background:url(地址)};

9、DW製作網頁導航欄如何設置滑鼠經過時背景顏色會改變？

使用偽類 :hover{background-color:#f00;}
例如你要給一個div 標簽設置滑鼠懸浮上去改變背景，
css樣式：
.box{background-color:#0f0;} //設置div的背景顏色
.box:hover{background-color:#f00;} //設置滑鼠懸浮上去時的背景意思
html內容：
<div class="box">滑鼠懸浮改變背景</div>

10、html css 網頁設計 a:link ,a:visited,a:hover, 怎麼 添加行內樣式

a:link，a:visited，a:hover，貌似不可以用行內樣式表示哦。

可以用內部樣式：

<style>
    a:link {color:blue}
    a:visited{color:red} 
    a:hover {color:yellow}
</style>

也可以用css文件中的外部樣式：

<link rel="stylesheet" type="text/css" href="test.css"></link>
test.css文件里：
    a:link {color:blue}
    a:visited{color:red} 
    a:hover {color:yellow}

但是貌似不可以用行內樣式的。

如果一定要用，可以這樣的方式來：

<a href="javascript:void(0);" onmouseover="this.style.color='yellow';" onmouseout="this.style.color='blue';" onclick="this.style.color='red';">鏈接</a>

其中，onmouseout對應的a:link，onclick對應的a:visited，onmouseover對應的a:hover

與網頁設計hover的意思相關的知識