在html中加 javascript。 能达到这样的目的:网页中显示了一张图片,用鼠标点击一下这张图片。这张图片就移动了一个位置,比如说跑到初始位置的右边。本人只是一个菜鸟,我随便举一个例子:
比如刚开始图片的位置为:左上角坐标(100,100),右下角(200,200)。
用鼠标点击之后就 变为: 左上角坐标(100,300),右下角(200,400)。我只是打个比方而已, 只是想知道怎么用 javascript 来实现这样一种功能??????
比如刚开始图片的位置为:左上角坐标(100,100),右下角(200,200)。
用鼠标点击之后就 变为: 左上角坐标(100,300),右下角(200,400)。我只是打个比方而已, 只是想知道怎么用 javascript 来实现这样一种功能??????
解决方案 »
- 网页关于JQ,或者J效果,做出锚连接,滑动效果,怎么做?
- 关闭模式子窗体时如何刷新父窗体,谢谢!!!
- 两个table怎么保持列宽一致?
- 大侠帮帮我 为什么Jquery layout 里操作dialog,页面会闪.
- 我有个问题,关于marquee属性的,大家来帮忙呀,谢谢
- 如何修改IE中的ActiveX安全性
- 使用javascript对某些对象操作,例如<Table>,删了它一些行,但我想撤销javascript做的操作,除了刷新页面,有没有直接在该页面撤销它上一步或所有操作的方法呢(不刷新!)?
- 一个javascript动态添加页面的问题
- 大佬们帮忙看看,关于ArcGISTiledMapServiceLayer不显示地图的问题
- 小白不懂就问
- 关于jQuery调用没有效果
- Automation 服务器不能创建对象
<script type="text/javascript">
var ol,tm,obj,firstl;
function move(){
if(!obj) obj = document.getElementById("d");
if(parseInt(obj.style.left) - firstl >=100){ clearInterval(tm);return ;}
ol = parseInt(obj.style.left);
obj.style.left = ++ol + "px";
}
function over(){
firstl = parseInt(document.getElementById("d").style.left);
tm = setInterval(move, 10);
}
</script>
只改变左上角的坐标就可以了,如果图片改变了大小就考虑右下角了
也就是说改变位置,四个角选一个即可
用css+js
position: absolute;
z-index: 9999;
left: 100px;
top: 300px;
js就用style.position = "absolute";
style.zIndex = "9999";
style.left = "100px";
<html>
<head>
<script type="text/javascript">
var pos1x=100;
var pos1y=100;
var pos2x=500;
var pos2y=300;
var posFlag=true;
function changePos(div)
{
if(posFlag)
{
div.style.left=pos2x+"px";
div.style.top=pos2y+"px";
posFlag=!posFlag;
}
else
{
div.style.left=pos1x+"px";
div.style.top=pos1y+"px";
posFlag=!posFlag;
}
}
</script>
</head>
<body>
<div style="position:absolute;width:200;height:200;background-color:#cdef12;left:100px;top:100px;" onclick="changePos(this);">
<img src="2.gif"></img>
</div>
</body>
</html>
头 一次给别人回复正经的帖子啊