文章详情

  • 游戏榜单
  • 软件榜单
关闭导航
热搜榜
热门下载
热门标签
php爱好者> php文档>JavaScript实际应用:对层的控制

JavaScript实际应用:对层的控制

时间:2007-03-01  来源:hello386

JavaScript实际应用:对层的控制

 
来源: 作者: 2006-06-17 出处:巧巧读书 


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


1.  控制层的显示或隐藏


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


办法一:控制 display 属性



<div id="div1" style="left:10px;top:200px;width:250;z-index:2;">
           这是一层,能看见吗,呵呵.
</div>
<a href=# onClick="show('block');">显示</a>
<a href=# onClick="show('none')">关闭</a>



办法二 控制 visibility 属性



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



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


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



</head>



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


</body>


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

相关阅读 更多 +
排行榜 更多 +
辰域智控app

辰域智控app

系统工具 下载
网医联盟app

网医联盟app

运动健身 下载
汇丰汇选App

汇丰汇选App

金融理财 下载