62,270
社区成员
发帖
与我相关
我的任务
分享想通过script控制IMAGE的width heigh的大小来实现鼠标移动到上面放大的作用为什么我的代码不能显示
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="site_picture.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<script>
function mov()
{
document.getElementById("Image1").height = "600"
document.getElementById("Image1").width = "600"
}
function mov2() {
document.getElementById("Image1").height = "300"
document.getElementById("Image1").width = "200"
}
</script>
</head>
<body >
<form id="form1" runat="server">
<div class="d1">
<asp:Image ID="Image1" onmouseover="mov()" onmouseout="mov2()" runat="server" Width="200" Height="300" />
<asp:TextBox ID="TextBox1" runat="server">
</asp:TextBox><asp:Button ID="Button1" runat="server" Text="Button" OnClick="Button1_Click" />
<br /><br />
<asp:Image ID="Image2" runat="server" Width="200" Height="200" />
<asp:Image ID="Image3" runat="server" Width="200" Height="200" />
<asp:Image ID="Image4" runat="server" Width="200" Height="200" />
</div>
</form>
</body>
</html>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<script>
function mov()
{
document.getElementById("Image1").height = "600"
document.getElementById("Image1").width = "600"
}
function mov2() {
document.getElementById("Image1").height = "300"
document.getElementById("Image1").width = "200"
}
</script>
</head>
<body >
<form id="form1" runat="server">
<div class="d1">
<asp:Image ID="Image1" onmouseover="mov()" onmouseout="mov2()" runat="server" Width="200" Height="300" />
<asp:TextBox ID="TextBox1" runat="server">
</asp:TextBox><asp:Button ID="Button1" runat="server" Text="Button" OnClick="Button1_Click" />
<br /><br />
<asp:Image ID="Image2" runat="server" Width="200" Height="200" />
<asp:Image ID="Image3" runat="server" Width="200" Height="200" />
<asp:Image ID="Image4" runat="server" Width="200" Height="200" />
</div>
</form>
</body>
</html>
...全文
请发表友善的回复…
发表回复
baidu_34767154 2016-05-02
- 打赏
- 举报
设置了image的尺寸就无法再调整image的大小了
baidu_34767154 2016-05-02
- 打赏
- 举报
<asp:Image ID="Image1" onmouseover="mov()" onmouseout="mov2()" runat="server" Width="200" Height="300" />
这么些就无法修改width height
<asp:Image ID="Image1" onmouseover="mov()" onmouseout="mov2()" runat="server" />这样就实现了我的目的。。百思不得姐啊，我在研究研究
以专业开发人员为伍 2016-05-02
- 打赏
- 举报
通常应该在 mov 和 mov2 设置断点，贴出你的 vs 工具 js 调试画面。
调试验证了你的getElementById确实正确，设置width属性确实可以（调试）查到结果，那么这时候就可以排除代码问题而是考虑深一层的逻辑上张冠李戴的问题了。例如大小写问题？操作样式是否根本不是你乱写width这种语法？
自己调试，自己思考。
