big image in small panel (image goes out of panel)
i add a big image to an ASP panel and its go out of panel. i want image in panel without scrollbar and move it in panel with javascript. how can i do that. here is my code
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="move background.aspx.cs" Inherits="move_background" %>
<!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 id="Head1" runat="server">
<title></title>
<script type="text/javascript">
Hmove = 12;
function moveObjRight(obj) {
var a = document.getElementById(obj);
var Left = parseInt(a.style.left);
var newpo = Left + Hmove;
a.style.left = newpo + "px";
}
</script>
</head>
<body>
<form id="form1" runat="server">
<asp:Panel ID="Panel1" runat="server" Height="133px"
style="z-index: 1; left: 0px; top: 开发者_如何学Python0px; position: absolute; height: 500px; width: 1000px"
Width="166px" ForeColor="#990000" BackColor="#0066FF"
Direction="LeftToRight" HorizontalAlign="Left">
<img alt="asd" src="Pictures/view.gif" id="AS" style="z-index: 1; left:100px; top:100px; position: relative"/> 'BIG IMAGE'
<img alt="move left" src="" id="moveleft" onclick="javascript:moveObjRight('AS');"
style="z-index: 1; left: 222px; top: 264px; position: absolute; height: 33px; width: 34px;"/>
</asp:Panel>
</form>
</body>
</html>
Add the style overflow:hidden; to the panel.
加载中,请稍侯......
精彩评论