扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
想问下,你是用的啥浏览器啊?
创新互联建站-专业网站定制、快速模板网站建设、高性价比沧县网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式沧县网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖沧县地区。费用合理售后完善,十余年实体公司更值得信赖。
ActiveXObject("Scripting.FileSystemObject");只是适合IE类的浏览器。其他内核的浏览器不支持的,而且JavaScript一般是不支持文件系统操作的,如果想操作文件的话用VB或者C来做比较好
!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
一、先用光标左键选定下移(或上移)的目标区域,然后把光标移到圈定的边框下线(上移时则圈定边框上线),直到出现带十字箭头的光标,按住光标左键往下(或往上)拖拽到空白处即可,如果是与下面(或上面)单元格交换,则可按同时按住shift键。
二、如果是整行移动,操作与上述一致,只是选定整行即可。
用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
/**
* 简单自定义动画函数
* @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(简称“JS”)是一种具有函数优先的轻量级,解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名,但是它也被用到了很多非浏览器环境中,JavaScript基于原型编程、多范式的动态脚本语言,并且支持面向对象、命令式、声明式、函数式编程范式。
javascript是一种解释类型的语言,跟c++、c语言这些不一样(先编译后执行),它是在程序运行过程中每行都要进行解释。javascript不仅是一种基于对象的脚本语言,它既可以创建对象,也可以直接使用已有的对象。
javascript是事件驱动性的脚本语言,比如用户在访问网页时,鼠标在点击,移动等操作。javascript是可以直接对这些时间做出相应,并不需要通过web服务器来对用户的行为做出相应。
javascript特点:
1、简单性
javascript是弱类型的变量类型,对于数据类型并没有严格要求,她的设计简单紧凑。
2、跨平台性
javascript是不需要依靠操作系统,只要浏览器支持,它编译后就可以直接带到任何支持浏览器脚本语言上就可以直接使用了,而javascript几乎已经获得所有浏览器的支持。
javascript是事件驱动性的脚本语言,比如用户在访问网页时,鼠标在点击,移动等操作。javascript是可以直接对这些时间做出相应,并不需要通过web服务器来对用户的行为做出相应。
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流