层的开发在实际应用中比较重要,比如漂浮广告等等,我这里简单探讨一下。
1. 控制层的显示或隐藏
两种办法,其实都是控制样式的。
办法一:控制 display 属性
<script language="javascript">
function show(status)
{
document.getElementById("div1").style.display = status;
}
</script>
<div id="div1" style="left:10px;top:200px;width:250;height:100;z-index:2;">
这是一层,能看见吗,呵呵.
</div>
<a href=# onClick="show('block');">显示</a>
<a href=# onClick="show('none')">关闭</a>
办法二 控制 visibility 属性
<script language="javascript">
function show(status)
{
document.getElementById("div1").style.visibility = status;
}
<div id="div1" style="left:10px;top:200px;width:250;height:100;z-index:2;visibility=hideen;">
这是一层,能看见吗,呵呵.
</div>
<a href=# onClick="show('visible);">显示</a>
<a href=# onClick="show('hidden')">关闭</a>
如果要控制层定时关闭的话,可以加上:
function setTimeStart()
10 {
11 window.setTimeout(hiddenTips,4000);
12 }^
</script>
上面代码就是利用setTimeout方法来控制4秒后关闭层。
2. 控制层的运动,类似于浮动广告
主要就是通过控制层样式中的top和left属性的值来运动,通过随机生成不同的值,看起来就象在运动一样。
<script language="javascript">
var a=200, b=100;
var c=0.1;
var d=5;
var t=0;
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方法进行调用,每隔多少秒运行一次,达到一直运动的目的。
分享到:
相关推荐
今天开发中涉及到对一个层的信息控制,就是控制一个层中显示什么信息,查找资料才知道使用innerHTML属性来控制层的值,这个innerHTML跟表单里面的value属性有点类似,能够控制层的显示值。 比如说我一个div层里本来...
层的开发在实际应用中比较重要,比如漂浮广告等等,我这里简单探讨一下。 1. 控制层的显示或隐藏 两种办法,其实都是控制样式的。 办法一:控制 display 属性 [removed] function show(status) { document....
你将学习如何使用选择器来应用样式,如何控制字体、颜色、位置等。 JavaScript:这是一种在浏览器中运行的脚本语言,用于实现网页的动态功能和交互效果。你需要学习JavaScript的基本语法、变量、函数、事件处理等。
实际攻击 应用层攻击 网络层攻击 安全攻击可能发生在应用层或网络层 5/23/2020 14 密码学与网络安全 攻击类型 实际攻击: 病毒(virus):可以修复,可以用良好的备份与恢复过程控制其破坏; 蠕虫(worm):不进行任何...
一个轻量级的 JavaScript 框架,使用模型、视图、控制器模式分离数据和表示,同时还提供了一个消息系统,允许您运行同步命令,将所有层绑定在一起形成一个应用程序。 zMVC 从 puremvc.org 获得灵感,但移除了一些...
"weixin027校园二手...源码介绍:对源码的结构和重要部分进行解释说明。 请注意,以上内容是基于对SSM框架和校园二手平台项目的一般理解。具体的项目细节可能会有所不同,需要查看实际的资源包内容以获得详细信息。
Web应用如此广泛,其中客户端与服务端交互时所消耗的资源及响应时间,频繁的刷新页面使得人机交互体验极为不好,而对每个页面使用客户端处理技术无疑又加大项目开发周期,脚本调试及修改维护的工作量将占用大量的...
1:数据访问层:主要看数据层里面有没有包含逻辑处理,实际上它的各个函数主要完成各个对数据文件的操作。而不必管其他操作。 2:业务逻辑层:主要负责对数据层的操作。也就是说把一些数据层的操作进行组合。 3:表示层:...
JAVA EE Web应用系统从逻辑上可划分为表现层、业务层和持久层,为了使读者对JAVA EE编程技术获得全面系统的了解,《Java EE Web开发实例精解》以JAVA EE Web应用系统的逻辑加构为主线,通过多个典型工程实例对上述三...
如果在浏览器与结合使用(通过 ),则可以消除大部分典型的模型-视图-控制器 (MVC) 中间层*。 IT 中充斥的大多数典型 MVC 逻辑实际上并没有做任何特别有用的事情,而是充当附录; 为什么不用更简单的基于浏览器的...
Spring:一个轻量级的控制反转(IoC)和面向切面(AOP)的容器,它简化了企业级Java开发,提供了松耦合的应用组件开发和装配。 Spring MVC:作为Spring的一个模块,它是一个模型-视图-控制器(MVC)的Web框架,用于构建Web...
SpringMVC:这是Spring框架的一部分,提供了一个构建Web应用程序的MVC(模型-视图-控制器)框架。 MyBatis:这是一个优秀的持久层框架,它支持定制化SQL、存储过程以及高级映射。MyBatis避免了几乎所有的JDBC代码和...
使用SpringMVC框架:作为Spring的一部分,SpringMVC是一个模型-视图-控制器(MVC)Web框架,用于快速开发基于Java的Web应用程序。 使用MyBatis持久层框架:MyBatis是一个半自动的ORM(对象关系映射)框架,它通过XML...
后端源码:包含了SpringBoot项目的源代码,包括实体类、控制器、服务层、数据访问层等,以及配置文件、依赖库等。 前端源码:包含了Vue.js项目的源代码,包括组件、路由、状态管理等,以及配置文件、依赖库等。 ...
用户权限控制:根据不同角色(比如管理员、员工、客户)提供不同的访问权限和操作界面。 提醒通知:自动发送保养提醒或促销信息给客户。 演示视频和源码介绍可能会展示这些功能的实际操作和系统界面,帮助用户理解...
Spring MVC:提供了模型-视图-控制器(MVC)的架构模式,用于处理Web层的请求分发,响应处理等。 MyBatis:一个持久层框架,它简化了JDBC的操作,使得数据库操作更加直观和方便。 前端技术:可能包括HTML、CSS、...
Struts 是目前创建Web 应用最常用的表现层MVC 框架实现,基于Model2 的Struts 框架利用控制器和定制标签库将应用中的模型和视图分离,达到了层间松散耦合的效果 ,同时提高系统的灵活性、重用性和维护性。...
SpringMVC:作为Spring框架的一部分,它是一个用于构建Web应用程序的模型-视图-控制器(MVC)框架,可以处理请求映射、数据绑定和视图解析等功能。 MyBatis:一个支持定制化SQL、存储过程以及高级映射的持久层框架。...
该资源是一个名为"weixin136公交信息在线查询系统"的压缩包,其中包含了该系统的源码、部署说明、演示视频、源码介绍以及学习...同时,开发者也可以通过学习源码,了解SSM框架在实际项目中的应用,提高自己的技术水平。