62,635
社区成员
发帖
与我相关
我的任务
分享请发表友善的回复…
发表回复
zy 2000-06-23
- 打赏
- 举报
<script language="JavaScript1.2">
function expand(per) {
mypic.width=mypic.width*(1+per/100)
mypic.height=mypic.height*(1+per/100)
}
function reduce(per) {
mypic.width=mypic.width*(1-per/100)
mypic.height=mypic.height*(1-per/100)
}
</script>
</head>
<body>
<img border="0" id="mypic" src="1.gif">
<form>
<input type=button onclick="expand(this.form.exp.value)" value=expand><input type=text name=exp size=3>percent<br>
<input type=button onclick="reduce(this.form.rep.value)" value=reduce><input type=text name=rep size=3>percent
</form>
</body>
function expand(per) {
mypic.width=mypic.width*(1+per/100)
mypic.height=mypic.height*(1+per/100)
}
function reduce(per) {
mypic.width=mypic.width*(1-per/100)
mypic.height=mypic.height*(1-per/100)
}
</script>
</head>
<body>
<img border="0" id="mypic" src="1.gif">
<form>
<input type=button onclick="expand(this.form.exp.value)" value=expand><input type=text name=exp size=3>percent<br>
<input type=button onclick="reduce(this.form.rep.value)" value=reduce><input type=text name=rep size=3>percent
</form>
</body>
BoyMouse 2000-06-23
- 打赏
- 举报
多谢了！
BoyMouse 2000-06-22
- 打赏
- 举报
缩放图片方式：
1，无级别缩放。
2，用按钮控制。
3，图片比例不变。
能帮我吗？多谢了！
1，无级别缩放。
2，用按钮控制。
3，图片比例不变。
能帮我吗？多谢了！
zy 2000-06-21
- 打赏
- 举报
“图片能随意替换成别的图片”很容易。
“缩放图片”的表现形式？说具体一点。
您请教问题的方式，是否可以不要采取命令式？
“缩放图片”的表现形式？说具体一点。
您请教问题的方式，是否可以不要采取命令式？
BoyMouse 2000-06-20
- 打赏
- 举报
现在我最想知道的，是在一定范围内，如何任意缩放图片的大小。
最好图片能随意替换成别的图片。
最好图片能随意替换成别的图片。
zy 2000-06-19
- 打赏
- 举报
2、如何用鼠标任意拖动图片
<body>
<script language="JavaScript">
<!--
whichEl = null;
function grabEl(e)
{
whichEl=event.srcElement;
while (whichEl.id.indexOf("KBDRAG") == -1) {
whichEl=whichEl.parentElement;
if (whichEl == null) { return;} }
if (whichEl != activeEl) {
activeEl = whichEl; }
whichEl.style.pixelLeft = whichEl.offsetLeft;
whichEl.style.pixelTop = whichEl.offsetTop;
currentX = (event.clientX + document.body.scrollLeft);
currentY = (event.clientY + document.body.scrollTop);
}
function moveEl(e) {
if (whichEl == null) {return };
newX = (event.clientX + document.body.scrollLeft);
newY = (event.clientY + document.body.scrollTop);
distanceX = (newX - currentX);
distanceY = (newY - currentY);
currentX = newX;
currentY = newY;
whichEl.style.pixelLeft +=distanceX;
whichEl.style.pixelTop +=distanceY;
event.returnValue = false;
}
function checkEl() {
if (whichEl!=null)
{return false }
}
function dropEl() {
whichEl = null;
}
function cursEl() {
if (event.srcElement.id.indexOf("KBDRAG") != -1)
{event.srcElement.style.cursor = "move" }
}
document.onmousemove = moveEl;
document.onselectstart = checkEl;
document.onmouseover = cursEl;
activeEl = document.all.dropKBDRAG;
document.onmousedown = grabEl;
document.onmouseup = dropEl;
//-->
</script>
<div id='dropKBDRAG' style="position:absolute; left:50; top:50; width:50; height:50"><img src=1.gif></div>
</body>
<body>
<script language="JavaScript">
<!--
whichEl = null;
function grabEl(e)
{
whichEl=event.srcElement;
while (whichEl.id.indexOf("KBDRAG") == -1) {
whichEl=whichEl.parentElement;
if (whichEl == null) { return;} }
if (whichEl != activeEl) {
activeEl = whichEl; }
whichEl.style.pixelLeft = whichEl.offsetLeft;
whichEl.style.pixelTop = whichEl.offsetTop;
currentX = (event.clientX + document.body.scrollLeft);
currentY = (event.clientY + document.body.scrollTop);
}
function moveEl(e) {
if (whichEl == null) {return };
newX = (event.clientX + document.body.scrollLeft);
newY = (event.clientY + document.body.scrollTop);
distanceX = (newX - currentX);
distanceY = (newY - currentY);
currentX = newX;
currentY = newY;
whichEl.style.pixelLeft +=distanceX;
whichEl.style.pixelTop +=distanceY;
event.returnValue = false;
}
function checkEl() {
if (whichEl!=null)
{return false }
}
function dropEl() {
whichEl = null;
}
function cursEl() {
if (event.srcElement.id.indexOf("KBDRAG") != -1)
{event.srcElement.style.cursor = "move" }
}
document.onmousemove = moveEl;
document.onselectstart = checkEl;
document.onmouseover = cursEl;
activeEl = document.all.dropKBDRAG;
document.onmousedown = grabEl;
document.onmouseup = dropEl;
//-->
</script>
<div id='dropKBDRAG' style="position:absolute; left:50; top:50; width:50; height:50"><img src=1.gif></div>
</body>
BoyMouse 2000-06-18
- 打赏
- 举报
我忘了说，是用javascript
