// Fades out and clips away the FileProgress box.
FileProgress.prototype.disappear = function () {
var reduceOpacityBy = 15;
var reduceHeightBy = 4;
var rate = 30; // 15 fps
if (this.opacity > 0) {
this.opacity -= reduceOpacityBy;
if (this.opacity < 0) {
this.opacity = 0;
}
if (this.fileProgressWrapper.filters) {
try {
this.fileProgressWrapper.filters.item("DXImageTransform.Microsoft.Alpha").opacity = this.opacity;
} catch (e) {
// If it is not set initially, the browser will throw an error. This will set it if it is not set yet.
this.fileProgressWrapper.style.filter = "progid:DXImageTransform.Microsoft.Alpha(opacity=" + this.opacity + ")";
}
} else {
this.fileProgressWrapper.style.opacity = this.opacity / 100;
}
}
if (this.height > 0) {
this.height -= reduceHeightBy;
if (this.height < 0) {
this.height = 0;
}
this.fileProgressWrapper.style.height = this.height + "px";
}
if (this.height > 0 || this.opacity > 0) {
var oSelf = this;
setTimeout(function () {
oSelf.disappear();
}, rate);
} else {
this.fileProgressWrapper.style.display = "none";
}
};
分享到:
相关推荐
然而,当我们尝试获取一个CSS样式为display:none的元素的高度和宽度时,会发现常规的JavaScript方法无法直接获取这些尺寸值,因为display:none的元素没有物理尺寸。为了获得这些隐藏元素的尺寸信息,需要采用一些...
RJS(Remote JavaScript Template)是Ruby on Rails框架中的一个特殊组件,用于在服务器端生成JavaScript代码,并将其发送到客户端执行,从而实现动态更新页面的功能。这种方式可以有效减少页面刷新次数,提升用户...
### JavaScript 获取隐藏元素 (display: none) 的高度和宽度的方法 #### 一、问题背景与需求分析 在前端开发过程中,经常会遇到需要获取隐藏元素尺寸的情况。这些元素可能因为某些逻辑原因被设置为 `display: none...
JavaScript是一种广泛应用于网页和网络应用开发的脚本语言,它主要负责实现客户端的交互功能,如按钮点击、表单验证等。在这个“JavaScript-简单计算器”项目中,我们将会探讨如何利用JavaScript、HTML和CSS创建一个...
JavaScript中的`style.display`属性是用于操作HTML元素的可见性和布局方式的重要属性。它允许开发者动态地改变元素的显示状态,比如隐藏或显示某个元素,或者更改元素的显示类型。这个属性是CSS(层叠样式表)的一...
- **使用JavaScript检测**:可以通过JavaScript检测浏览器版本,针对不支持`display:inline-block`的浏览器应用特殊的样式规则。 #### 五、结论 通过本文的介绍,我们可以看到`display:inline-block`是一个非常...
JavaScript 实现页面打印 本文将介绍使用 JavaScript 实现页面打印的方法,并提供相关的代码示例。 一、使用 ExecWB() 函数实现打印 ExecWB() 函数是 IE 浏览器提供的一个函数,可以用来调用 IE 菜单下的打印命令...
2. CSS操作:JavaScript可以直接访问并修改元素的样式,如`style.color`、`style.display`等,也可以通过`getComputedStyle()`获取元素的实时计算样式。 3. 事件处理:JavaScript通过`addEventListener()`和`...
JavaScript的模态窗口是网页开发中常用的一种交互设计,它可以在用户进行其他操作时暂停页面流程,强制用户关注特定信息或执行某个操作。模态窗口通常由一个覆盖在主页面上的半透明背景(通常称为“mask”)和一个...
在JavaScript中,我们可以用`style.display`来控制其可见性: ```javascript document.getElementById('tooltip').style.display = 'block'; // 显示小贴士 document.getElementById('tooltip').style.display =...
总的来说,visibility和display都是通过JavaScript用来控制页面元素显示与隐藏的重要属性,但它们的行为对页面布局的影响大不相同。visibility隐藏元素但保留其空间,而display不仅隐藏元素而且可以改变其类型和空间...
JavaScript网页计算器是基于Web浏览器的一种交互式计算工具,利用JavaScript编程语言实现,可以在网页上进行基本的数学运算。本文将详细介绍如何使用JavaScript构建一个具备显示当前时间、清零、加减乘除取模运算...
根据提供的文件信息,本文将详细解释“javascript上传下载代码”这一主题所涉及的关键知识点,包括JavaScript如何实现文件的上传与下载功能,以及如何在Java环境中使用这些功能。 ### JavaScript文件上传原理 ####...
JavaScript简单计算器程序是一种基于Web的计算工具,利用HTML、CSS和JavaScript这三种核心技术来实现。在本项目中,JavaScript主要用于处理逻辑计算,HTML构建用户界面,而CSS则用于美化和布局,使计算器在浏览器中...
在这个例子中,我们可能使用`addEventListener`方法来监听用户的点击事件,然后通过修改特定元素的`style.display`属性来控制菜单的可见性。 在"test1.htm"和"test.html"这两个文件中,可能包含了HTML结构以及与之...
在网页开发中,JavaScript是一种非常重要的脚本语言,它能够为网页添加动态功能,提高用户体验。本主题聚焦于使用JavaScript实现div对话框效果,这是一种常见的交互设计,常用于提示信息、用户确认操作或者展示详细...
在提供的示例代码中,通过JavaScript函数`toggleVisibility`和`toggleDisplay`展示了如何动态地切换元素的`visibility`和`display`属性。 ```html <script language="JavaScript"> function toggleVisibility(me) ...
JavaScript可折叠菜单是一种常见的网页交互元素,用于优化用户体验,特别是在导航栏或侧边栏中,通过折叠和展开子菜单来节省空间并保持页面整洁。在本文中,我们将深入探讨JavaScript可折叠菜单的设计与实现,以及它...
通过JavaScript可以监听用户的点击事件,控制子菜单的展开与折叠,通常会结合CSS的`display`属性和过渡效果实现平滑的动画。 6. **CSS圆角边框**:在CSS3之前,创建圆角边框需要复杂的背景图片或者JavaScript。这个...