62库

您现在的位置是:首页 > 前端开发 > JavaScript > 正文

JavaScript

javascript移动,javascript移动鼠标

Admin2023-11-11JavaScript38

javascript 移动复制文件没反应

想问下,你是用的啥浏览器啊?

ActiveXObject("Scripting.FileSystemObject");只是适合IE类的浏览器。其他内核的浏览器不支持的,而且JavaScript一般是不支持文件系统操作的,如果想操作文件的话用VB或者C来做比较好

在 javascript 中 怎样将一个层移动到指定位置

!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" ""

html

head

meta http-equiv="Content-Type" content="text/html; charset=GBK"

title移动层/title

style type="text/css"

!--

#Layer1 {

position:absolute;

left:46px;

top:64px;

width:131px;

height:39px;

z-index:1;

background-color: #999999;

}

--

/style

script language="javaScript" type="text/javascript"

function checkbutton(){

document.getElementById("Layer1").style.left="100px";

document.getElementById("Layer1").style.top="200px";

}

/script

/head

body

div id="Layer1"我是一个层/div

input type="button" name="Submit" value="单击我改变层的位置" onclick="checkbutton()"

/body

/html

呵呵 可以简单的实现改变层的位置

如果不是想要的效果还可以问我 qq393016244

js 如何实现文字内容上下移动

一、先用光标左键选定下移(或上移)的目标区域,然后把光标移到圈定的边框下线(上移时则圈定边框上线),直到出现带十字箭头的光标,按住光标左键往下(或往上)拖拽到空白处即可,如果是与下面(或上面)单元格交换,则可按同时按住shift键。

二、如果是整行移动,操作与上述一致,只是选定整行即可。

javascript里怎么实现图像的移动?

用CSS3吧

!DOCTYPE html

html

head

style 

div

{

width:100px;

height:100px;

background:red;

position:relative;

animation:myfirst 5s;

-moz-animation:myfirst 5s; /* Firefox */

-webkit-animation:myfirst 5s; /* Safari and Chrome */

-o-animation:myfirst 5s; /* Opera */

}

@keyframes myfirst

{

0%   {background:red; left:0px; top:0px;}

25%  {background:yellow; left:200px; top:0px;}

50%  {background:blue; left:200px; top:200px;}

75%  {background:green; left:0px; top:200px;}

100% {background:red; left:0px; top:0px;}

}

@-moz-keyframes myfirst /* Firefox */

{

0%   {background:red; left:0px; top:0px;}

25%  {background:yellow; left:200px; top:0px;}

50%  {background:blue; left:200px; top:200px;}

75%  {background:green; left:0px; top:200px;}

100% {background:red; left:0px; top:0px;}

}

@-webkit-keyframes myfirst /* Safari and Chrome */

{

0%   {background:red; left:0px; top:0px;}

25%  {background:yellow; left:200px; top:0px;}

50%  {background:blue; left:200px; top:200px;}

75%  {background:green; left:0px; top:200px;}

100% {background:red; left:0px; top:0px;}

}

@-o-keyframes myfirst /* Opera */

{

0%   {background:red; left:0px; top:0px;}

25%  {background:yellow; left:200px; top:0px;}

50%  {background:blue; left:200px; top:200px;}

75%  {background:green; left:0px; top:200px;}

100% {background:red; left:0px; top:0px;}

}

/style

/head

body

pb注释:/b本例在 Internet Explorer 中无效。/p

div/div

/body

/html

javascript让图片移动的函数

/**

* 简单自定义动画函数

* @param {objec} obj 一个元素对象

* @param {string} pos 表示移动到的目标地点

* @param {number} speed 速度大小,表示每秒移动的像素数,默认为1px/100ms

* @param {function} callback 动画执行完后调用的函数

* @return {[object]} 元素自身,方便链式写法

*/

function ani(obj, pos, speed, callback) {

/* 清除无用的定时器 */

if (obj.move) {

clearTimeout(obj.move);

}

obj.style.position = "absolute";

var speed = speed || 10,

x = parseInt(obj.style.left) || 0,

y = parseInt(obj.style.top) || 0;

/* 初始化元素的相关属性值 */

if (!obj.x) {

obj.x = x;

obj.y = y;

obj.fx = x + pos[0];

obj.fy = y + pos[1];

}

/* 如果元素到达指定位置,则跳出并执行回调函数 */

if (x === (pos[0] + obj.x) y === (pos[1] + obj.y)) {

if (typeof callback === "function") {

callback();

}

obj.x = null;

obj.y = null;

obj.fx = null;

obj.fy = null;

return obj;

}

/* 判断在水平方向上是应该往哪个方向移动 */

if (obj.x obj.fx) {

if (x obj.fx) {

obj.style.left = (x + speed) + "px";

}

} else {

if (x obj.fx) {

obj.style.left = (x - speed) + "px";

}

}

/* 判断在垂直方向上是应该往哪个方向移动 */

if (obj.y obj.fy) {

if (y obj.fy) {

obj.style.top = (y + speed) + "px";

}

} else {

if (y obj.fy) {

obj.style.top = (y - speed) + "px";

}

}

obj.move = setTimeout(function() {

ani(obj, pos, speed, callback);

}, 100);

}

window.onclick = function() {

ani($("#testAni")[0], [100, 0], 5, function() {

ani($("#testAni")[0], [-100, 0],null,function(){

alert("success")

});

})

}

可供参考

javascript是干什么的

JavaScript(简称“JS”)是一种具有函数优先的轻量级,解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名,但是它也被用到了很多非浏览器环境中,JavaScript基于原型编程、多范式的动态脚本语言,并且支持面向对象、命令式、声明式、函数式编程范式。

javascript是一种解释类型的语言,跟c++、c语言这些不一样(先编译后执行),它是在程序运行过程中每行都要进行解释。javascript不仅是一种基于对象的脚本语言,它既可以创建对象,也可以直接使用已有的对象。

javascript是事件驱动性的脚本语言,比如用户在访问网页时,鼠标在点击,移动等操作。javascript是可以直接对这些时间做出相应,并不需要通过web服务器来对用户的行为做出相应。

javascript特点:

1、简单性

javascript是弱类型的变量类型,对于数据类型并没有严格要求,她的设计简单紧凑。

2、跨平台性

javascript是不需要依靠操作系统,只要浏览器支持,它编译后就可以直接带到任何支持浏览器脚本语言上就可以直接使用了,而javascript几乎已经获得所有浏览器的支持。

javascript是事件驱动性的脚本语言,比如用户在访问网页时,鼠标在点击,移动等操作。javascript是可以直接对这些时间做出相应,并不需要通过web服务器来对用户的行为做出相应。

发表评论

评论列表

  • 这篇文章还没有收到评论,赶紧来抢沙发吧~