台灣最大程式設計社群網站
線上人數
1240
 
會員總數:246219
討論主題:189783
歡迎您免費加入會員
討論區列表 >> CSS/HTML5/Bootstarp >> 图片随鼠标移动
[]  
[我要回覆]
回應主題 加入我的關注話題 檢舉此篇討論 將提問者加入個人黑名單
图片随鼠标移动
價值 : 30 QP  點閱數:1255 回應數:0
樓主

許仙
門外漢
0 52
600 36
發送站內信

小弟設計一個點圖放大功能 但是我希望圖片放大之後不要超出框架 然後我可以用滑鼠移動圖片 看圖片局部放大效果 我的程式如下:

<html>

<head>
<title>ZOOM</title>

</head>
<input type="image" name="imageField" src="images/A.jpg" onClick="big1()">
<input type="image" name="imageField" src="images/B.jpg" onClick="small1()">


<script>
function small(){
var height1=images0.height
var width1=images0.width
images0.height=height1/1.1
images0.width=width1/1.1
}

function big(){
var height1=images0.height
var width1=images0.width
images0.height=height1*1.1
images0.width=width1*1.1
}


function small1(){
var height1=images1.height
var width1=images1.width
images1.height=height1/1.1
images1.width=width1/1.1
}

function big1(){
var height1=images1.height
var width1=images1.width
images1.height=height1*1.1
images1.width=width1*1.1
}

</script>

<body>
<table width="670" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img border="0" name=images1 src="images/L1.jpg"></td>
</tr>
</table>
</body>

</html>


請各位高手幫忙解答謝謝大家

本篇文章發表於2011-09-25 12:22
目前尚無任何回覆
   

回覆
如要回應,請先登入.