網頁設計滑鼠移到圖片上圖片變大_在網頁設計中怎樣編寫代碼實現當滑鼠移動到一張小圖片上

1、HTML網頁，如何做到滑鼠在圖片上，圖片就變大，滑鼠不移走。圖片又回到原大小大

注意修改代碼中的圖片位置
在間插回入如下代答碼
http://www.dabaoku.com"
target="_blank"
onmouseover="www_helpor_net.style.width='200';"
onmouseout="www_helpor_net.style.width=
'150';">
http://www.dabaoku.com/images/logo.gif"
id="www_helpor_net">

2、在html5頁面中，一個div或者圖片，滑鼠移動上去的時候變大，移出的時候又變回原樣怎麼弄，

這里介紹兩種方式：

一：通過樣式中的 ":hover"實現，代碼如下

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
div{
background:red;
width:200px;
height:200px;
}
div:hover{
background:red;
width:500px;
height:500px;
}
</style>
</head>
<body>
<div>變大</div>
</body>
</html>

二：通過javascript方式實現，代碼如下

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
div{
background:red;
width:200px;
height:200px;
}
.divs{
background:red;
width:500px;
height:500px;
}
</style>
</head>
<body>
<div>變大</div>
<script>
// 首先獲取div元素
var divs = document.getElementsByTagName('div')[0];
//滑鼠移入，將divs的className樣式賦給該標簽
divs.onmouseover = function () {
this.className = "divs";
}
//滑鼠移出，將空的className樣式賦給該標簽
divs.onmouseout = function () {
this.className = "";
}
</script>
</body>
</html>

3、像圖中，滑鼠移上去變大，是js代碼，還是css代碼完成的？

你說的途中的情況，一般是採用javascript+
css一起完成的。

4、Dreamweaver怎麼做出當滑鼠移到圖片上面的時候圖片變大這種效果

看看我的效果吧
你看你的相對路徑對不對。有個地方錯了

<img id=MainImg onmouseover=max() onmouseout=min() src="你的圖片地址" width="放大後的寬度" height="放大後的高度"></a>

把</a>去掉，width 和height 是圖片的原始大小，不是放大後的，放大是由if(i<20)setTimeout('max()',100)這里控制的，你把20改為其他數字看看效果，比如100。

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title> 滑鼠放到圖片上慢慢變大，移開後圖片又慢慢變小</title>
</head>
<body>
<img id=MainImg onmouseover=max() onmouseout=min() src="你的圖片地址" width="放大後的寬度" height="放大後的高度"></a>
<script>
var i=0
//變大
function max(){
MImg=MainImg.style.pixelWidth+=i++
MainImg.style.pixelHeight=MImg*aaa
if(i<20)setTimeout('max()',100)
}
//變小
function min(){
MImg=MainImg.style.pixelWidth-=i--
MainImg.style.pixelHeight=MImg*aaa
if(i>0)setTimeout('min()',100)
}
function init(){
aaa=MainImg.height/MainImg.width
MainImg.style.pixelWidth=110
MainImg.style.pixelHeight=110
}
onload=init
</script>
</body>
</html>

5、求html中把滑鼠放在圖片上圖片能變大的代碼急急求大神

這個有很多方式實現
第一種：改變圖片的寬和高
第二種：准備兩張解析度不同的圖內片來實現放容大
第一種的好處就是簡單，但是呢效果不好有鋸齒
第二種的好處就是效果好但是實現難度較大
第一種的實現方式我就不說了
第二種的實現方式實際上就是獲取那張解析度較小的圖片的位置然後按比例在解析度較大的圖片上截取用css可以實現
具體實現自己慢慢研究

6、這個網頁的圖片是用什麼做出來的，就是滑鼠放在哪張圖片上，哪張圖片會變大，其餘圖片會縮小，如下圖所示

圖片是ps軟體製作 cs4 圖標

7、在網頁設計中怎樣編寫代碼實現當滑鼠移動到一張小圖片上,變成大圖片

8、在html中怎麼用js實現滑鼠指向圖片時圖片放大到原圖那麼大？（具體實現）

可以用js事件「onmouseover」和「onmouseout」來實現。

1、新建html文檔，在body標簽中添加圖片標簽，版為這個標簽設置「id」屬性，權然後設置圖片的默認顯示大小css屬性：

2、添加「onmouseover」js事件，首先使用「document.getElementById」獲取到圖片標簽，然後定義滑鼠移動到圖片上時發生的事件，這時圖片將會放大：

3、添加「onmouseout」js事件，首先獲取圖片標簽，然後定義滑鼠移開圖片時發生的事件，這時圖片將會縮小：

9、HTML hover怎麼讓滑鼠移上去圖片變大

#photo img {
width: 210px;
height: 210px;
padding: 20px;
}
#photo img:hover {
width: 300px;
height: 300px;
padding: 0;
}

10、做網頁怎麼讓吧滑鼠放在圖片上他自己會變大，移開後就變會原來大小，求JavaScript軟體代碼？。。T。T

容器添加css
position:relative;
圖片添加css
position:absolute;
圖片添加js,全部例子如下...
<script language="JavaScript">
function over(obj) {
obj.style.width = 400;
obj.style.height = 300;
}

function out(obj) {
obj.style.width = 200;
obj.style.height = 150;
}
</script>
<div style="position:relative; width:200px; height:150px; border:1px solid #CCC;">
<img style="position:absolute; width:200px; height:150px;" src="Test.jpg" onmouseover="over(this);" onmouseout="out(this)" />
</div>

導航:首頁 > 萬維百科 > 網頁設計滑鼠移到圖片上圖片變大

網頁設計滑鼠移到圖片上圖片變大

與網頁設計滑鼠移到圖片上圖片變大相關的知識