在html中加 javascript。 能达到这样的目的:网页中显示了一张图片,用鼠标点击一下这张图片。这张图片就移动了一个位置,比如说跑到初始位置的右边。本人只是一个菜鸟,我随便举一个例子:
比如刚开始图片的位置为:左上角坐标(100,100),右下角(200,200)。
用鼠标点击之后就 变为: 左上角坐标(100,300),右下角(200,400)。我只是打个比方而已, 只是想知道怎么用 javascript 来实现这样一种功能??????
比如刚开始图片的位置为:左上角坐标(100,100),右下角(200,200)。
用鼠标点击之后就 变为: 左上角坐标(100,300),右下角(200,400)。我只是打个比方而已, 只是想知道怎么用 javascript 来实现这样一种功能??????
解决方案 »
- 新手求教百度这个效果怎么做
- 请好心人帮我解释一下各种取非的含意,谢谢..
- 用javascript存储输入的资料,现我有一段断码,能只输入一条数据,请高手指教下如何存储第2天数据的同时保留第1条数据 急!谢谢
- 可不可以重写Function对象,以达到使定义的所有的函数前后都加上想要的代码?
- jQuery 表格单元格合并
- 用Prototype 实现javascript 的继承 ,谁能给写个简单点的例子,并说明。
- decodeURI 怎么使用?
- 求教高手!!!!如何单击按钮就停止网页中的一个js?
- 再开一贴,高手进
- webpack +vue如何只编译src下的部分文件夹中的vue/js/css
- 关于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>
头 一次给别人回复正经的帖子啊