自由控制顯示圖片大小,鼠標拖動圖片看效果
WEBASP.NET
當前位置:
開發者網絡
>>
網頁特效
>>
圖形圖像
>> 內容
精彩推薦
分類最新特效
分類熱點特效
自由控制顯示圖片大小,鼠標拖動圖片看效果
日期:2004-07-13
人氣:
【字體:
大
中
小
】【
收藏此文
】
<HTML> <HEAD> <META http-equiv='Content-Type' content='text/html; charset=gb2312'> <TITLE>自由控制顯示圖片大小,鼠標拖動圖片看效果</TITLE> </HEAD> <BODY > <SCRIPT LANGUAGE="JavaScript"> <!-- Begin function resizeImage(evt,name){ newX=evt.x newY=evt.y eval("document."+name+".width=newX") eval("document."+name+".height=newY") } // End --> </script> <img src="http://www.webasp.net/images/logo.gif" width="150" height="60" name="image" ondrag="resizeImage(event,'image')"> </BODY></HTML>
<!-- 網頁特效代碼由[中國WEB開發者網絡:http://www.ChinaWebDev.com]提供! -->
<!-- 要實現此效果需要 1 個步驟: -->
<!-- 第 1 步: -->
<!-- 把下面的代碼加到<BODY></BODY>區域中: -->
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function resizeImage(evt,name){
newX=evt.x
newY=evt.y
eval("document."+name+".width=newX")
eval("document."+name+".height=newY")
}
// End -->
</script>
<img src="http://www.webasp.net/images/logo.gif"
width="150" height="60" name="image"
ondrag="resizeImage(event,'image')">