编程 Javascript

javascript中对对层的控制

Posted in Javascript onDecember 29, 2006

层的开发在实际应用中比较重要，比如漂浮广告等等，我这里简单探讨一下。

1. 控制层的显示或隐藏

两种办法，其实都是控制样式的。

办法一：控制 display 属性

</script>

办法二控制 visibility 属性

如果要控制层定时关闭的话，可以加上：

function setTimeStart()
     10 {
     11     window.setTimeout(hiddenTips,4000);
     12 }^
</script>

上面代码就是利用setTimeout方法来控制4秒后关闭层。

2. 控制层的运动，类似于浮动广告

主要就是通过控制层样式中的top和left属性的值来运动，通过随机生成不同的值，看起来就象在运动一样。

function float_1()
{
var random1 = 100*Math.random();
var random2 = 100*Math.random();

var float_1 = document.all ? document.all.float_1.style : document.float_1;
float_1.left = Math.round(a*Math.cos(t)*Math.cos(t/d)+a)+random1;
float_1.top = Math.round(b*Math.sin(t)+b)+random2;

t+=c;

setTimeout("float_1()", 500);

}
</script>

</head>

<body onLoad="float_1()"><div id="float_1" style="position:absolute;width:200;height:100;z-index:2;visibility:visible">
让我动起来。
</div>

</body>

通过 setTimeout方法进行调用，每隔多少秒运行一次，达到一直运动的目的。

javascript中对对层的控制

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

JQuery UI的拖拽功能实现方法小结

Mar 14 Javascript

浅谈javascript中的作用域

Apr 07 Javascript

js 取时间差去掉周六周日实现代码

Dec 25 Javascript

jQuery:delegate中select()不起作用的解决方法(实例讲解)

Jan 26 Javascript

js 金额格式化来回转换示例

Feb 23 Javascript

javascript日期计算实例分析

Jun 29 Javascript

图解Javascript——作用域、作用域链、闭包

Mar 21 Javascript

浅谈struts1 & jquery form 文件异步上传

May 25 jQuery

使用jQuery实现简单的tab框实例

Aug 22 jQuery

使用async-validator编写Form组件的方法

Jan 10 Javascript

JavaScript门道之标准库

May 26 Javascript

JavaScript碎片—函数闭包（模拟面向对象）

Mar 13 Javascript

JavaScript方法和技巧大全

Dec 27 #Javascript

fromCharCode和charCodeAt 方法

Dec 27 #Javascript

另类调用flash无须激活的方法

Dec 27 #Javascript

完美解决JS中汉字显示乱码问题（已解决）

Dec 27 #Javascript

通用于ie和firefox的函数 GetCurrentStyle (obj, prop)

Dec 27 #Javascript

从javascript语言本身谈项目实战

Dec 27 #Javascript

JavaScript实现禁止后退的方法

Dec 27 #Javascript