導航:首頁 > 萬維百科 > 網頁設計怎麼加滑鼠

網頁設計怎麼加滑鼠

發布時間:2020-09-24 20:24:56

1、網頁設計里滑鼠經過圖像怎麼設置超鏈接

<a href="#" title="鏈接"><img src="../images/xxx.jpg" alt="圖像"></a>

你是要設置滑鼠經過的樣式?

還是在圖片上添加鏈接?

2、網頁設計中如何更換滑鼠指針,求步驟

<span style="cursor:pointer;">測試</span>
pointer是滑鼠指針的樣式,這里是 手指型 的,下面有更多類型的
default 默認游標(通常是一個箭頭)
auto 默認。瀏覽器設置的游標。
crosshair 游標呈現為十字線。
pointer 游標呈現為指示鏈接的指針(一隻手)
move 此游標指示某對象可被移動。
e-resize 此游標指示矩形框的邊緣可被向右(東)移動。
ne-resize 此游標指示矩形框的邊緣可被向上及向右移動(北/東)。
nw-resize 此游標指示矩形框的邊緣可被向上及向左移動(北/西)。
n-resize 此游標指示矩形框的邊緣可被向上(北)移動。
se-resize 此游標指示矩形框的邊緣可被向下及向右移動(南/東)。
sw-resize 此游標指示矩形框的邊緣可被向下及向左移動(南/西)。
s-resize 此游標指示矩形框的邊緣可被向下移動(南)。
w-resize 此游標指示矩形框的邊緣可被向左移動(西)。
text 此游標指示文本。
wait 此游標指示程序正忙(通常是一隻表或沙漏)。
help 此游標指示可用的幫助(通常是一個問號或一個氣球)。

3、如何製作網頁中滑鼠經過的圖標

css有溢出隱藏的屬性:overflow:hidden;,顯示圖片的這個元素就好比是一個「取景器」,他有固定的寬高,也就是顯示範圍。實現的顯示方法就是【顯示這個范圍內的圖像】,取景器不動,就只有背景動了,所以,background-position調節一下圖片的上下左右,就可以切換顯示效果了。
你可以把你的瀏覽器縮小的一個尺寸,通過滾動條上下、左右拖動,是一樣的原理。
或者雙手做取景的效果,來框取范圍查看。

4、網頁設計滑鼠圖標怎麼改?

|用css寫,語法:cursor :+參數;
下面的是參數:
auto | crosshair | default | hand | move | help | wait | text | w-resize |s-resize | n-resize |e-resize | ne-resize |sw-resize | se-resize | nw-resize |pointer | url (url)

5、網頁設計中把滑鼠換成自己設計的滑鼠圖標怎麼弄?在線等!!

下載,然後去控制桌面那個滑鼠圖標點進去設置

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

用CSS

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

7、web網頁設計問題,怎麼設計出下圖的效果,就是滑鼠移上去就切換內容

我給你簡單的寫了例子,至於具體樣式,你自己來寫吧
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</title>
<script>
function meun(mun) {
var tab_name = document.getElementsByName("li");
for(var j=1;j<tab_name.length+1;j++){
for ( var i=1; i<=j; i++){
if ( i==mun ){
document.getElementById("right"+i).style.display="block";
document.getElementById("li"+i).style.color="#0ff";
}
else {
document.getElementById("right"+i).style.display="none";
document.getElementById("li"+i).style.color="#000";
}
}
}
}
</script>
<style>
.left_ul { float:left; width:200px;}
.left_ul li { height:30px; line-height:30px; text-align:center;}
.right1 { display:block; width:400px; float:left; height:200px; background:#999999;}
.right2 { display:none; width:400px; float:left; height:200px; background:#af6439;}
.right3 { display:none; width:400px; float:left; height:200px; background:#0ff;}
.right4 { display:none; width:400px; float:left; height:200px; background:#00f;}</style>
</head>
<body>
<ul class="left_ul">
<li name="li"><a href="#" onmousemove="meun(1)" id="li1">欄目1</a></li>
<li name="li"><a href="#" onmousemove="meun(2)" id="li2">欄目1</a></li>
<li name="li"><a href="#" onmousemove="meun(3)" id="li3">欄目1</a></li>
<li name="li"><a href="#" onmousemove="meun(4)" id="li4">欄目1</a></li>
</ul>
<div class="right1" id="right1">11111111111111111111111</div>
<div class="right2" id="right2">222222222222222222222</div>
<div class="right3" id="right3">3333333333333333333333</div>
<div class="right4" id="right4">44444444444444444444444444</div>
</body>
</html>

8、網頁設計中如何更換滑鼠指針,求步驟

<span style="cursor:pointer;">測試</span>
pointer是滑鼠指針的樣式,這里是 手指型 的,下面有更多類型的
default 默認游標(通常是一個箭頭)
auto 默認。瀏覽器設置的游標。
crosshair 游標呈現為十字線。
pointer 游標呈現為指示鏈接的指針(一隻手)
move 此游標指示某對象可被移動。
e-resize 此游標指示矩形框的邊緣可被向右(東)移動。
ne-resize 此游標指示矩形框的邊緣可被向上及向右移動(北/東)。
nw-resize 此游標指示矩形框的邊緣可被向上及向左移動(北/西)。
n-resize 此游標指示矩形框的邊緣可被向上(北)移動。
se-resize 此游標指示矩形框的邊緣可被向下及向右移動(南/東)。
sw-resize 此游標指示矩形框的邊緣可被向下及向左移動(南/西)。
s-resize 此游標指示矩形框的邊緣可被向下移動(南)。
w-resize 此游標指示矩形框的邊緣可被向左移動(西)。
text 此游標指示文本。
wait 此游標指示程序正忙(通常是一隻表或沙漏)。
help 此游標指示可用的幫助(通常是一個問號或一個氣球)。

9、關於網頁製作,如何做出滑鼠跟隨的效果

你使用的是什麼網頁工具,要是用DW或FP在頁面上右鍵屬性就可以看到背景設置了,注意背景填充方式,至於浮動欄目,在DW中使用時間軸功能就可以了!

10、Dreamweaver網頁製作如何加滑鼠代碼

兩個body 指的不是同一個。

原因一:怎麼說呢。我想應該是你理解錯了。你想的body 是指文件的主體。裡面放各種語句。
但是網上說的body 是指 標簽里的

原因二:還有就是最重要的。滑鼠文件一定要與網頁文件放在同一個文件夾下。

解決方法1:
10。11。12行是你想要的。16行應該是你的錯誤所在。

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</title>
<style type="text/css">
<!--
.STYLE1 {
font-family: "雅坊美工06";
font-size: 50px;}
body {
cursor: url(ichigo7.ani); //這個才是網上所說的body標簽
}
-->
</style>
</head>
<body> //這個是你理解的吧。
</body>
</html>

解決方法2:
我比較喜歡在DW的設計界面中改自己想要的一切。因為我代碼不是很好。

在設計界面中。
文本->css樣式->新建->選標簽。body。僅對該文檔。確定->分類中選擴展。在視覺效果。游標中輸入:url(游標名稱.後綴)
必須在英文輸入狀態下。EG:url(catkingwxx.ani)

應該是差不多了。不過你也真是。都二級了一分不給= =|||

與網頁設計怎麼加滑鼠相關的知識