JavaScript

Window对象的常见的方法

   open() 方法      作用是打开一个新窗口

   open(“新的地址URL”,”弹出新的窗口的名字”,“窗口的特征描述”)

  注意:窗口的特征描述 是一个字符串,每一个特征用”,”隔开

window 还有一些子对象

     document  ==>  window.document

     location   ==>  window.location

     比如:location.href=”要跳转的地址”;

     history历史

         history.back()      后退

         history.go()

            go(数字)   数字代表要前进的步数

            -1     表示后退,和history.back()作用一样

注意

 setTimeout(“要执行的函数名”,”延迟的时间”)  延迟一段时间执行一次

setInterval(“要执行的函数名“,”间隔的时间”) 每隔一段时间执行一次

setTimeout我们经常放到函数里面,达到每延迟一段时间执行一次

例如:

  function aaa(){

    setTimeout(“aaa()”,1000);

}


实现多张图片的浮动代码

关键部分

<script>
var imgs = document.images;
//var xSpeed=3, ySpeed=3; //x,y轴方向上的偏移量
//var x  = 0, y = 0; //用于保存图像的坐标位置
var xSpeed = new Array(), ySpeed = new Array(), x = new Array(), y = new Array();
for(var i=0;i<imgs.length;i++){
xSpeed[i] = 3; ySpeed[i] = 3;
x[i] = i*15; y[i] = i*15;
}
var w = document.documentElement.clientWidth-110, h = document.documentElement.clientHeight-85;
function float(){
for(var i=0;i<imgs.length;i++){
if(x[i]>w || x[i]<0) xSpeed[i] = -xSpeed[i]; //如果图像已经超出边界,就将相应的偏移量取反
if(y[i]>h || y[i]<0) ySpeed[i] = -ySpeed[i];
x[i] += xSpeed[i]; //计算新的位置
y[i] += ySpeed[i];
imgs[i].style.left = x[i] + "px"; //重新设置给图片
imgs[i].style.top = y[i] + "px";
}
a = setTimeout(float, 40); //clearTimeout(a);
}
float();
//setInterval(float, 40) //每隔40毫秒设置一次位置
</script>



  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值