社区
JavaScript
帖子详情
如何实现,单击一个按钮,移动一下图片,其中,图片放在表格内?
kwiner
2003-10-20 03:56:34
如何实现,单击一个按钮,移动一下图片,其中,图片放在表格内?
...全文
127
3
打赏
收藏
如何实现,单击一个按钮,移动一下图片,其中,图片放在表格内?
如何实现,单击一个按钮,移动一下图片,其中,图片放在表格内?
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
3 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
利而不害
2003-10-20
打赏
举报
回复
刚才贴的太急,有些bug没有发现,现在更正如下:
<TABLE border="0" cellspacing="0" cellpadding="0">
<TR>
<TD style="border:1px solid #000000" valign="top" width="300" height="300">
<img id="csdn" src="http://expert.csdn.net/images/csdn.gif" width="150" height="70" style="position:relative;top:0;left:0">
</TD>
</TR>
</TABLE><br>
<input type="button" value=" 上 " onClick="MoveImg(1)">
<input type="button" value=" 下 " onClick="MoveImg(2)">
<input type="button" value=" 左 " onClick="MoveImg(3)">
<input type="button" value=" 右 " onClick="MoveImg(4)">
<input name="aa">
<input name="bb">
<SCRIPT LANGUAGE="JavaScript">
function MoveImg(type) {
var lenTop = parseInt(csdn.style.top) + 0;
var lenLeft = parseInt(csdn.style.left) + 0;
var EndTop = parseInt(csdn.parentElement.height) - parseInt(csdn.height) - 5;
var EndLeft = parseInt(csdn.parentElement.width) - parseInt(csdn.width) - 5;
if(lenTop < 5 && type == 1) return;
if(lenTop >= EndTop && type == 2) return;
if(lenLeft < 5 && type == 3) return;
if(lenLeft >= EndLeft && type == 4) return;
switch(type) {
case 1:
csdn.style.top = lenTop - 5;
break;
case 2:
csdn.style.top = lenTop + 5;
break;
case 3:
csdn.style.left = lenLeft - 5;
break;
case 4:
csdn.style.left = lenLeft + 5;
break;
}
}
</SCRIPT>
利而不害
2003-10-20
打赏
举报
回复
<TABLE border="0" cellspacing="0" cellpadding="0" width="640">
<TR height="480">
<TD style="border:1px solid #000000">
<img id="csdn" src="http://expert.csdn.net/images/csdn.gif" style="position:relative;top:50;left:50">
</TD>
</TR>
</TABLE><br>
<input type="button" value=" 上 " onClick="MoveImg(1)">
<input type="button" value=" 下 " onClick="MoveImg(2)">
<input type="button" value=" 左 " onClick="MoveImg(3)">
<input type="button" value=" 右 " onClick="MoveImg(4)">
<SCRIPT LANGUAGE="JavaScript">
function MoveImg(type) {
var lenTop = parseInt(csdn.style.top) + 0;
var lenLeft = parseInt(csdn.style.left) + 0;
if(lenTop < 5 || lenLeft < 5) return;
switch(type) {
case 1:
csdn.style.top = lenTop - 5;
break;
case 2:
csdn.style.top = lenTop + 5;
break;
case 3:
csdn.style.left = lenLeft - 5;
break;
case 4:
csdn.style.left = lenLeft + 5;
break;
}
}
</SCRIPT>
孟子E章
2003-10-20
打赏
举报
回复
方法有很多种,其中之一
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center" id=mxh><img src="http://www.csdn.net/images/homeimage/csdn.gif" border="0" width="120" height="60"></td>
</tr>
</table>
<input type=button onclick="document.all.mxh.style.paddingLeft=200">
JavaScript网页特效范例宝典源码
实例046 不用
图片
实现
质感导航条 72 1.9 下拉菜单式导航条 73 实例047 二级导航菜单 74 实例048 半透明背景的下拉菜单 76 实例049 展开式导航条 80 实例050 用层制作下拉菜单1 81 实例051 用层制作下拉菜单2 84 1.10...
word
图片
靠右_Word软件中我的
图片
放在
右边,想在
图片
的右边打字,应该怎么弄?...
回答:方法就是把
图片
和文字插入到
表格
的单元格中,分两步,具体如下:第一步:插入-
表格
,如图,插入
一个
一行三列的
表格
。第二步:
表格
中插入
图片
和文字,如图所示,并适当调整单元格高度、宽度以及文字方向和大小...
【layui】Layui
实现
数据
表格
中鼠标悬浮
图片
放大效果
Layui
实现
数据
表格
中鼠标悬浮
图片
放大效果 前端代码: var url = baseUrl + "/api/SysUser/GetSysUsers"; table.render({ elem: '#currentTableId', url: url, height: 700, width: 1600,
项目【MFC】(五)-鼠标拖动
实现
图像
移动
功能:点击
按钮
【
移动
图像】,然后鼠标
放在
图像显示区域,按下鼠标左键,鼠标
移动
,鼠标左键抬起
实现
图像拖动。
实现
思路: 1、首先鼠标左键按下,获取起始点坐标;这个过程中需要判断鼠标是否
放在
图片
显示控件...
word
表格
分开快捷键_Word使用技巧(
表格
技巧、快捷键)
一、
表格
技巧1、拆分
表格
在word中插入的
表格
,如果需要拆分成两个,只需要选取某行的单元格,按ctrl+shift+回车键,即可在该行上面添加
一个
空行。拆分前拆分后2、在
表格
中间插入一行光标
放在
表格
该行后换行符前,按...
JavaScript
87,907
社区成员
224,614
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章