上下滑动门帘伸缩
下面我们使用Visual Studio这个软件来写一个小案例,我们可以用写一个简单的方法,就是实现一个图层上下滑动门帘伸缩效果。
那么这个代码要怎么写呢,首先我们需要先在界面上写一下的Html的代码,我们来看一下界面的代码是什么。
我们先看一下Html页面的截图:
在截图中我们可以看到界面的代码就是,很简单的直接给他一个div包裹着两个div的图层,然后接下来看一下属性代码的截图:
给他这个标签设置一些他的属性,接着定义好界面的属性代码我们接着就需要写一下代码。然后实现出上下滑动门帘伸缩代码的内容,见截图:
首先先声明一个dm的方法然后获取id。接着就返回id的变量,接着写一个Event的方法。然后声明一下事件的状态,document.all的意思是表示当前文档的所有对象的娄组,不包括页面上的实体,还包括不可见的对象。然后就判断当鼠标从元素移开的时候或者触发备选元素的时候触发。接着看46行,声明一个方法可以为元素的事件添加处理,然后写判断支持DOM标准浏览器的元素添加事件的处理方法,或者IE的添加事件的处