- 浏览: 2621833 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (1286)
- js-oop (2)
- js-window (10)
- js-event (19)
- js-string (37)
- js-array (27)
- js-page (4)
- js-dom (62)
- js-lang (8)
- js-number (7)
- js-platform (3)
- js-object (15)
- js-element (3)
- js-browser (7)
- js-url (6)
- js-date (10)
- css基础 (48)
- css优化 (15)
- html基础 (17)
- html标签 (19)
- js基础 (117)
- js-兼容性差异 (33)
- js引擎 (3)
- js性能 (14)
- json (6)
- jQuery源码浅析 (43)
- web mobile开发资料 (78)
- js跨域 (2)
- html5 (74)
- html5-canvas (7)
- css3 (53)
- 浏览器 (5)
- api设计学 (3)
- js-加载 (3)
- linux (37)
- 架构师 (1)
- php (2)
- self开发的脚本库--凤凰 (2)
- web应用名词 (6)
- javascript新特性翻译 (8)
- ajax (6)
- jQuery动画效果 (7)
- prototype的解读 (13)
- 优秀插件翻译 (1)
- css解决方案 (26)
- 数据库 (2)
- english daily (59)
- 浏览器内核探究 (1)
- jQuery插件介绍 (9)
- jquery基础篇 (26)
- chrome浏览器问题整理 (14)
- js选择器那些事 (3)
- 前端框架 (26)
- Firefox私有属性 (11)
- webkit私有属性集合 (17)
- 书籍推荐 (21)
- 数据结构 (1)
- 网站建设相关 (7)
- 好文翻译 (2)
- 个人作品 (3)
- kissy的解读 (4)
- css-layout(布局研究) (5)
- less研究 (1)
- YUI探究 (1)
- hash探究 (1)
- js动画 (7)
- 前端面试题 (37)
- css书写规范 (1)
- js模板引擎 (6)
- js模块化 (19)
- 编写高质量代码 (3)
- 性能探究--应用协议 (2)
- 前端图像处理 (19)
- Mac OS相关 (21)
- 正则表达式 (11)
- 离线应用相关 (0)
- 前端工具 (65)
- nodeJS (55)
- jquery优化篇 (2)
- 设计模式探究系列 (3)
- windows7 (2)
- IE10 (10)
- 微博开放平台探究 (2)
- 常用web服务接口 (1)
- 数据存储相关 (8)
- 零时文件 (2)
- jQuery Mobile (16)
- backbone (15)
- underscore (22)
- sass (11)
- android (3)
- phonegap (10)
- IE私有 (11)
- qwrap (8)
- git (14)
- chrome extensions (5)
- freemarker (11)
- angularJS (3)
- seo (2)
- markdown (3)
- css动画 (4)
- 安卓开发 (2)
- React (7)
- 活动页技术 (1)
- 网络安全 (3)
- grunt (7)
- Lo-Dash (3)
- 前端国际化 (4)
- 版本控制 (2)
- 盒模型 (4)
- 微信开发 (1)
- Mock数据工具 (1)
- sails (1)
- vim (1)
- js-color (1)
- iOS 基础 (43)
最新评论
-
jertom:
<div id="showInfo" ...
addEventListener等事件监听的参数细谈 -
乌托邦国王:
引用[u][/u]
css3动画属性系列之transform细讲移动translate -
hvang1988:
能提供附件下载吗,找不到js库,google封了访问不了
Syntaxhighlighter---代码高亮插件介绍 -
sscsacdsadcsd:
我的天 那到底是为什么function是object我看und ...
typeof func ==='function'的疑惑 -
wkjiangwk:
试了,没用,你们从不去测试。
介绍一下x-webkit-speech -------实现语音输入
一般像这样的双重状态我们都会提供3个api----show|hide|toggle
下面的api主要还是设置style.display来控制显示和隐藏。可以参考jQuery的做法,增加部分动画效果
1、先来显示吧。
/* *show - show the element* *@function* *@param {string||HTMLElement} element* *@return {HTMLElement}* *TODO--later i will add speed to this api just like jquery* http://code.jquery.com/jquery-1.4.js */ ZYC.dom.show = function(element){ element = ZYC.dom.g(element); element.style.display = ""; return element; };
2、再隐藏起来
/* *hide - hide the element* *@function* *@param {string||HTMLElement} element* *@return {HTMLElement}* *TODO--later i will add speed to this api just like jquery* http://code.jquery.com/jquery-1.4.js */ ZYC.dom.hide = function(element){ element = ZYC.dom.g(element); element.style.display = "none"; return element; };
3、可切换当前显示和隐藏的
/* *toggle - change the show/hide of the element* *@function* *@param {string||HTMLElement} element* *@return {HTMLElement}* *TODO--later i will add speed to this api just like jquery* http://code.jquery.com/jquery-1.4.js */ ZYC.dom.toggle = function(element){ element = ZYC.dom.g(element); element.style.display = element.style.display=="none" ?"" : "none"; };
发表评论
-
scrollIntolView
2014-03-14 08:47 1091scrollIntoView: 滚动 ... -
动态创建style并写入
2013-08-06 11:35 0动态创建style标签,并写入内容: ... -
如何获取表格的所有行
2013-07-26 20:23 1453一般简单的思路都是按tagNam ... -
getAttributeNode
2013-06-17 15:30 1249getAttributenode ... -
HTML DOM Form对象
2013-06-08 12:23 1475前言: 本文来自w3c ... -
dom的contains
2013-06-06 16:00 1178contains ... -
mouseenter与mouseleave
2013-06-05 15:35 1477在IE中,鼠标移入移出某元素,触发: ... -
hasParent的设计
2013-05-03 18:07 1323场景: 判断指定的元素 ... -
mouseover与mouseenter的区别
2013-06-05 14:29 1636mouseover与mouseenter的区 ... -
getBoundingClientRect
2013-04-07 16:32 1533getBoundingClientRect ... -
getBoundingClientRect
2013-04-07 16:31 0getBoundingClientRect ... -
IE9下的onpropertychange的特殊之处
2013-03-27 19:04 2435场景: 在IE9下,在 ... -
DOM initEvent
2013-03-27 16:18 1749本文来自w3school:http://www ... -
创建对象的一种独特方式
2013-03-19 15:10 1274前言: 本文部分内容来自S ... -
DOM replaceChild()
2013-03-19 11:21 1499replaceChild() ... -
removeNode
2013-03-15 12:53 1315removeNode // ... -
document.activeElement
2013-01-22 09:57 6019document.activeElement ... -
IE下删除自定义属性的兼容性问题
2012-12-17 10:02 2856很多时候我们会给某个dom元素赋予一些自定义的属 ... -
dom的createTextNode
2012-12-14 16:35 1304createTextNode ----- 创建文本节 ... -
原生DOM获取元素相关的api
2012-12-10 14:19 1600整理一下底层获取元素相关的方法: getE ...
相关推荐
综上所述,掌握JavaScript和jQuery中的元素隐藏显示和文本内容变化对于前端开发至关重要。这些基本技巧不仅可以增强用户体验,也是构建交互式网页的关键步骤。通过实践这些示例,开发者可以更好地理解和应用这些概念...
JavaScript 控制隐藏显示 TABLE 特定列 在 HTML 中,我们经常需要控制 TABLE 的显示和隐藏,特别是在数据表格中,需要根据用户的选择来显示或隐藏某些列。今天,我们将介绍使用 JavaScript 控制隐藏显示 TABLE 特定...
这个标题所指的是一种使用JavaScript库jQuery来实现在鼠标悬停(hover)时动态显示或隐藏元素的技巧。这种技术能够使用户在浏览网页时更加直观地获取信息,比如悬停在某个按钮或链接上时,弹出相关的提示信息。 ...
打开这个文件,你可以看到一个实际运行的示例,并可以通过修改代码来进一步理解 `onclick` 事件和 `div` 隐藏显示的机制。此外,也可以学习如何利用浏览器的开发者工具进行实时查看和调试,这对于提升网页开发技能...
因此,在动画开始前,文章建议给元素添加一个class,如aninode,初始时设置为visibility:hidden(隐藏状态但占用空间),当需要元素显示时,再通过JavaScript给元素添加animated类来触发动画效果,并通过CSS设置该类...
在网页设计和开发中,有时我们需要实现一种交互效果:当用户点击某个元素时,只显示该元素,并隐藏页面上与其相关的其他同辈元素。这样的功能常用于导航菜单、选项卡切换等场景,使得用户能够专注于当前选择的内容。...
本篇文章将详细探讨如何在VC++中显示隐藏的窗体以及指定控件。 首先,理解窗体和控件的基本概念。窗体是应用程序的可视化窗口,而控件则是放在窗体上用于与用户交互的元素,如按钮、文本框、标签等。在MFC...
在Excel VBA编程中,有时候我们需要实现一些交互式的功能,比如通过单个按钮来控制工作表中的特定元素的显示和隐藏。在这个例子中,我们关注的是如何使用VBA来实现一个按钮,使得点击该按钮可以切换指定图片的显示和...
`hide()`方法允许我们快速地隐藏指定的DOM元素,而`show()`方法则用于重新显示之前隐藏的元素。这两个方法都接受一个可选的参数,用来指定动画效果的时长,例如: ```javascript $("#element").hide(500); // 隐藏...
### 按钮显示和隐藏知识点详解 #### 一、知识点概述 在Web开发中,按钮的显示与隐藏是常见的交互需求之一。本知识点主要围绕一个具体的HTML示例来讲解如何通过JavaScript实现按钮的显示与隐藏功能。示例代码通过...
它可以指定元素是如何展示的,比如内联、块级等。display有多种不同的值,其中涉及显示与隐藏的主要是"none"和"block"。当设置display为"none"时,元素不会显示在页面上,也不会占据其在文档流中的位置;而设置为...
当触发器被点击时,display()函数将被执行,从而改变指定元素的显示状态。 JavaScript函数display()接收一个参数y,该参数代表了要操作的HTML元素的id。函数首先通过调用函数$()来获取对应的DOM元素,然后根据当前...
这些方法都接受一个可选的参数,用于指定动画的持续时间(以毫秒为单位),例如`$(selector).slideUp(500)`会让元素在500毫秒内完成滑动隐藏。 接下来是淡入淡出效果,这通常使用`.fadeIn()`、`.fadeOut()`和`....
3. **API函数`ShowWindow`**:这个函数用于改变指定窗口的显示状态。它接受两个参数,第一个是窗口句柄,第二个是一个整数值,指示窗口应该如何显示。例如,`SW_HIDE`(0)用于隐藏窗口,`SW_SHOW`(5)用于显示窗口...
`el` 参数用于指定需要隐藏或显示的元素的 ID,而 `el2` 参数则是用于触发该操作的按钮的 ID。函数通过 `document.getElementById()` 获取这两个元素,然后检查被选区域(`whichEl`)的 `display` 样式属性。如果 `...
3. **切换显示状态**:在`toggleMenu`函数中,我们通过改变菜单元素的CSS属性来实现隐藏和显示。最常见的方法是使用`style.display`属性,其值可以是"none"(隐藏)或"block"(显示)。例如: ```javascript ...
在VB(Visual Basic)编程环境中,我们可以利用API(应用程序接口)函数来操作Windows系统的功能,例如隐藏或显示开始按钮。这种技术通常适用于开发系统级别的工具或者定制化用户界面。下面将详细讲解如何通过VB实现...
如果元素原本就是可见的,调用`.hide()` 将立即或经过指定时间后将其隐藏。 3. `.toggle()`: 此方法非常灵活,可以在元素之间切换显示和隐藏状态。首次调用时,它会显示元素,再次调用则隐藏元素。同样,可以设置...
ElementUI 的滚动条组件是用来处理大型数据列表滚动的,它可以自动管理滚动条的显示和隐藏,并提供了许多实用的配置选项来满足不同的需求。在这个例子中,我们使用 ElementUI 的 `el-scrollbar` 组件来实现滚动条的...
`FindWindow`函数用于查找指定类名或窗口标题的窗口,而`ShowWindow`函数则用来改变窗口的显示状态。 1. `FindWindow`函数的使用: ```csharp [DllImport("user32.dll")] static extern IntPtr FindWindow...