<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>
分享到：
相关推荐
点击子元素，触发子元素事件的同时不触发父元素的时间
Animate.js 当元素可见时
appear, 在视图中，在dom元素出现时执行回调 出现跟踪dom元素的可见性，并在用户定义的回调出现和消失时触发它们。演示appear.js 简单测试页appearlazy - 一个使用 appear.js的完整的迟缓图像加载程序请务必查看关于...
发现当一个页面上的元素变得可见或隐藏时
最近在用svg的点击事件做东西，之所以用svg而不用canvas就是因为svg内的元素可以添加点击事件，他们之间详细的区别如下： Canvas 与 SVG 的比较（详见） 下表列出了 canvas 与 SVG 之间的一些不同之处。 Canvas •...
在页面加载完成时候 ‘.add_project’ 元素是可以触发click时间的，当动态添加 ‘.add_project’ 时候，新添加的元素却触发不了click事件，类似下面的写法： $(".add_project").on('click', function(){ alert(...
Waypoints is 一个库用于当你滚动到一个元素时执行一个函数
#jQuery - BlockFocus# 一个 jQuery 插件，它接受一个选择器并在匹配的元素滚动到时触发一个事件。
一、事件基础 1.事件函数 obj.on-事件名=fn 定义事件的时候，事件函数不会自动执行，当事件触发的...将事件添加到父元素上，当事件发生时，父元素会找到对应触发事件的子元素去处理，后期添加的子元素，依然有这个事件
原绑定方法： $("#sdfsd").on("click",function(e){ ***** }); 这种方法只会在原click方法中继续添加新方法； 解决办法更改绑定方法为： $("#sdfsd").unbind(...在绑定新click方法前对元素所绑定的click方法解绑
方法on(eventName, callback, [thisArg]) -绑定事件大事记scrollin （事件）-当元素在视口中完全可见时触发一次。 scrollout （事件）-当所有元素都不可见时触发一次。 仅在元素上已调用scrollin触发。 s
下面小编就为大家带来一篇jQuery为动态生成的select元素添加事件的方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
主要介绍了javascript实现在某个元素上阻止鼠标右键事件的方法和实例,需要的朋友可以参考下
1. 绑定元素 2. mounted生命周期 3. 实现思路 页面挂载完后，监听全局点击事件 获取当前点击的元素，根据需求获取当前元素本身的属性 判断当前点击元素与要隐藏的元素是否相同 当前点击元素与要隐藏的元素不...
在用户执行粘贴操作的时候，js能够获得剪切板的内容，本文讨论一下这个问题。 目前只有Chrome支持获取剪切板中的图片数据。还好需要这个功能的产品目前只支持Chrome和Safari，一些Chrome的新特性是可以尽情使用了，...
基于echarts3.65版本的图表元素选中事件添加小demo，可以参考此源码，实现饼图、柱状图等图形，以及x和y轴的选中事件
NULL 博文链接：https://ucstudio.iteye.com/blog/618182
react-waypoint - 实现当滚动到一个元素时执行一个函数的React组件
jQuery.fracs是一个用来确定HTML元素可见分数的jQuery插件
解决：无法执行添加移除操作，因为代码元素是只读的