网页设计鼠标移到图片上图片变大_在网页设计中怎样编写代码实现当鼠标移动到一张小图片上

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>

导航:首页 > 万维百科 > 网页设计鼠标移到图片上图片变大

网页设计鼠标移到图片上图片变大

与网页设计鼠标移到图片上图片变大相关的知识