图片随着鼠标移动而拉伸，超过固定div宽度，图片自动隐藏超过的部分

var Gifwidth=document.getElementById("yy").width; //图片宽
var Gifheight=document.getElementById("yy").height;//图片高

function test() //图片拉动事件

{
if(Gifwidth>1000)
{
document.getElementById("yy").width=Gifwidth-widthX;
document.getElementById("yy").height=350;
// document.getElementById("HiddenField1").value=Gifwidth-widthX;
}
else
{
document.getElementById("yy").width=Gifwidth+widthX;
document.getElementById("yy").height=350;
//document.getElementById("HiddenField1").value=Gifwidth+widthX;
}

}

<div style=" overflow:hidden;width: 800px; position: absolute; height: 400px" o id="dd">
<img alt="yyyy" id="yy" runat="server" ondragend="test(event)" style=" position: absolute;" /></div>