<html>
<head>
<title>Example</title>
</head>
<body>
<div id="hiddenNode" style="display:none; width:100px; height:80px;"></div>
<a href="javascript:display()">Display</a>
<script language="javascript">
var Fanappz = Fanappz || {};
Fanappz.setTimeout = function(callback, timeOut){
var args = Array.prototype.slice.call(arguments,2);
var _cb = function(){
callback.apply(null,args);
}
window.setTimeout(_cb,timeOut);
}
Fanappz.onDisplay = function(nodeId, exeFunction){
var node = document.getElementById(nodeId);
if(!node){//No specified node is found.
return;
}
var args = Array.prototype.slice.call(arguments,2);
var display = node.style.display;
if(display == '' || display == 'block'){
exeFunction.apply(null, args);
}else{
var newArgs = [Fanappz.onDisplay, 2000].concat(Array.prototype.slice.call(arguments,0));
Fanappz.setTimeout.apply(null, newArgs);
}
}
function resizeImage(nodeId, src){
var node = document.getElementById(nodeId);
var width = node.clientWidth;
var height = node.clientHeight;
var img = '<img src="' + src + '" width="' + width + '" height="' + height + '"/>';
node.innerHTML = img;
}
var img = 'http://www.google.com.hk/intl/zh-CN/images/logo_cn.png';
Fanappz.onDisplay('hiddenNode', resizeImage, 'hiddenNode', img);
function display(){
document.getElementById('hiddenNode').style.display = 'block';
}
</script>
</body>
</html>
分享到：
相关推荐
- 在操作元素前，确保元素可见，可能需要滚动到元素所在位置。 - 结合expectedConditions进行判断，并封装循环判断以确保元素出现后再操作。 - 开发人员应遵循良好的编码习惯，为元素提供唯一的标识符，如name或...
在营销领域，品牌促销活动策划及执行是至关重要的环节，旨在提升品牌知名度、刺激产品销售以及维护企业形象。本文将详细解析促销策略（SP）、公共关系（PR）及其各自的作用，以及活动策划的不同类型和流程。 1. **...
`**：使元素不可见，但保留其空间。 - **`outline`**：定义元素的轮廓样式。 - **`cursor:pointer;`**：当鼠标指针移到元素上时，指针变为手形。 - **`list-style`**：定义列表项标记的类型、位置和图像。 - **`text...
DOM支持事件模型，允许开发者在特定事件（如点击、鼠标移动等）发生时执行代码。常见的事件处理函数有`addEventListener()`和`removeEventListener()`，它们分别用于添加和移除事件监听器。 五、DOM遍历 遍历DOM树...
- **显隐**：用于控制符号的可见性，例如，当救援队伍抵达现场后，可以将其他无关元素隐藏起来。 ##### 2.3 动态推演模拟的工作流程 1. **数据收集与整理**：收集有关突发事件的所有相关信息，包括地理位置、受...
结点是一个物理元素，它在运行时存在，代表一个可计算的资源，通常占用一些内存和具有处理能力。 动作事物是UML模型中的动态部分，代表时间和空间上的动作。总共有两种主要的动作事物：interaction和状态机。 ...
闭包是JavaScript中的一个重要特性，允许函数访问并操作其外部作用域的变量，即使在其外部函数已经执行完毕后。 4. **异步编程**：JavaScript是非阻塞的，它使用回调函数、Promise和async/await进行异步处理，处理...
规范性引用文件包括了医疗器械领域的多个标准和规定，如质量手册YY/T 0287-2017、GB/T 1.1-2009等，这些都是制定和执行文件控制程序的重要依据。 在组织和职责方面，办公室作为主责部门，负责程序的制定、文件系统...
电桥行业在2021至2026年面临激烈的市场竞争，企业要想在这个领域实现市场突围，必须制定并执行有效的市场战略。本分析报告旨在为电桥行业的企业提供宝贵的指导，帮助它们在技术和市场策略上取得突破。 首先，电桥...
6. **活动效果评估**：计划中强调了活动的“针对性、有效性、可执行性和可见收效性”，在IT行业，这涉及到数据分析和A/B测试。通过收集数据并分析，评估活动的效果，以便调整策略。 7. **技术集成**：虽然文档未...
规划风险管理是项目风险管理的第一步，它定义了如何执行风险管理活动的计划，确保这些活动的程度、类型和可见性与项目风险及其对组织的重要性相匹配。规划风险管理应尽早开始，通常在项目构思阶段就开始规划，并在...
通过制定和执行清洁标准，确保5S活动的持续性和一致性。 5. 修养（Shitsuke）：修养是5S中最持久的部分，它涉及到培养员工遵守规则和持续改进的习惯。通过持续的培训和激励，修养能帮助企业文化形成，使5S成为日常...
网络编辑是互联网运营中的关键角色，主要负责搜集和整理网站内容，包括撰写和上传文章、资料，以提升网站在搜索引擎中的可见度和品牌形象。这部分内容提到的“标题关键词描述”是SEO（搜索引擎优化）的基础，通过...
- **颜色**：主色调和标语颜色被明确规定，确保在不同背景下的清晰可见。 - **锁合**：传统锁合方式指导了标志与标语在不同环境中的组合使用。 - **深色背景**：对于深色背景，logo的展示方式有特殊要求。 - **...
8. **Web标准和可访问性**：遵循W3C制定的Web标准，确保网页在各种浏览器上兼容，并考虑残疾用户的可访问性，是专业网页设计的重要方面。 9. **响应式设计**：随着移动设备的普及，适应不同屏幕尺寸和方向的响应式...
函数可以接受参数，通过return语句返回结果，具有局部变量（只在函数内部可见）和全局变量（在整个程序中可见）。 4. **数组**：数组是一组相同类型的元素集合，它们在内存中连续存储。数组名代表数组的首地址，...
9. SEO（搜索引擎优化）：通过合理使用HTML标签，如内的meta标签和结构化数据，可以提高网站在搜索引擎中的可见性。 10. W3C标准：HTML遵循W3C（万维网联盟）制定的标准，确保代码的正确性和互操作性。 综上所述，...