参考了百度空间的做法,关键点是不使用display而是visibility来控制是否显示,这样就没有了事件源转移而导致的闪动问题。
<div class="cell">
<div class='c_opera' style="visibility:hidden;"><a href="#">删除</a></div>
<div class="c_title">个人图片</div>
<div style="position:static;" class='c_logo'><img class='imgStyle' src="http://misc.home.news.cn/blog/images/random_small.jpg" border=0/></div>
<div class="c_info"><br/> </div>
</div>
(function() {
function doOnload() {
var cell, opera, cellLists = $("mt").getElementsByTagName("div");
for(var i = cellLists.length - 1; i >= 0; i--) {
cell = cellLists[i];
if(cell && cell.className == "cell") {
opera = getElementsByClassName("c_opera",cell)[0];
opera.id = "c_opera" + i;
cell.name = i;
cell.onmouseover = cellMOver;
cell.onmouseout = cellMOut;
}
}
}
function cellMOver(event) {
$("c_opera" + this.name).style["visibility"] = "visible";
}
function cellMOut(event) {
$("c_opera" + this.name).style["visibility"] = "hidden";
}
//附加 onload事件
EventUtil.addEventHandler(window, "load", doOnload);
})();
分享到:
相关推荐
附件提供了多种效果,可以隐藏部分图片,鼠标移动到图片上后显示全部,若隐若现的感觉,效果良好
1、CSS样式: 代码如下: @CHARSET “UTF-8”;... top: [removed]eval(document.documentElement.scrollTop) ); } #AjaxLoading { border: 1px solid #8CBEDA; color: #37a; font-size: 12px;...
使用了大量的动态效果,鼠标移入显示,移出隐藏,鼠标悬停,移入放大等js效果。请合理参考。 /* 以下是动态页面 */ .content { width: 200px; height: 200px; position: relative; overflow: hidden; /* 超出...
图片列表:鼠标移入/移出改变图片透明度 简易选项卡 简易JS年历 单一按钮显示/隐藏一播放列表收缩展开 提示框效果 鼠标移过,修改图片路径 复选框(checkbox)全选/全不选/返选 用typeof查看数据类型等很多
今天小编就为大家分享一篇layui实现鼠标移动到单元格上显示数据的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
主要为大家详细介绍了vue组件实现弹出框点击显示隐藏,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
我们使用QQ时经常需要查看朋友的资料卡,当我们把鼠标移入头像时,资料卡显示,并且鼠标能在头像与资料卡之间能随意移动,当鼠标移出头像或资料卡时,资料卡延时隐藏。 实质就是延时提示框问题! 首先写好布局: &...
·鼠标移上停止轮播并显示左右按钮特效实现 ·鼠标移出开始轮播并隐藏左右按钮特效实现 ·点击左边按钮向左切换下一张图特效实现 ·点击右边按钮向右切换下一张图特效实现 ·运行网页,查看结果
可能这个标题起得不够恰当,简单来说就是:当鼠标移到最左侧时,移出一个框。 首先,我们用两个div来简单布局以下页面: 分享到 这个分享框的弹出原理是:把内层div定位到外层div最右侧紧贴,然后把外层div定位...
4.7 鼠标移入移出时颜色变化 4.8 跟随鼠标的文字 4.9 跟随鼠标的彩色文字 4.10 跟随鼠标的魔法文字 4.11 跟随鼠标的星星 4.12 跟随鼠标的旋转背景 4.13 图片跟随鼠标 4.14 围绕鼠标的文本 4.15 鼠标旁边的提示信息 ...
4.7 鼠标移入移出时颜色变化 4.8 跟随鼠标的文字 4.9 跟随鼠标的彩色文字 4.10 跟随鼠标的魔法文字 4.11 跟随鼠标的星星 4.12 跟随鼠标的旋转背景 4.13 图片跟随鼠标 4.14 围绕鼠标的文本 4.15 鼠标旁边的提示信息 ...
标签切换效果[标题框子元素("id/li/_"),内容框子元素("id/li/_"),事件(mouseover/click),默认显示第几条(-1表示在鼠标移出全部隐藏,仅在事件mouseover有效),轮播时间(1秒=1000)] 标记块[对像名称,子标签,移上时的...
很多时候需要停止匹配元素正在进行的动画,比如,当鼠标选入元素时显示菜单,鼠标离开时隐藏下拉菜单,如果鼠标移入移出过快的话就会导致动画效果与鼠标的动作不一致的情况,此时stop()就派上用场了。 stop()方法的...
延迟指定工具提示的延迟时间,包括从鼠标移入控件到显示工具提示的延迟时间,以及在鼠标不移出控件的情况下,从显示工具提示到工具提示消失的延迟时间。 启动窗口和结束窗口启动窗口是启动自动运行菜单时显示的...
延迟指定工具提示的延迟时间,包括从鼠标移入控件到显示工具提示的延迟时间,以及在鼠标不移出控件的情况下,从显示工具提示到工具提示消失的延迟时间。 启动窗口和结束窗口启动窗口是启动自动运行菜单时显示的...
将所有需要轮播的图片横向排列,可视区大小设置为只能显示一张图片,给容器设置移出隐藏后,可视区之外的部分被隐藏,这样我们就只能看见一张图片。 轮播实现是改变整个图片画幅的left值或者margin-left 值,当点击...
【2_3】本节是讲解的Axure8_0的鼠标移入和移出的交互-国语高清.FLV 【2_4】登录注册框(上)-输入框的样式,邮箱、密码axure教程-国语高清.FLV 【2_4】登录注册框(中)注册,图片鼠标移入后交互-国语高清.FLV 【2_4...
RolloverGlow 將鼠标移到链接上方会有"柔边萤光"的效果! FullScreenOpener 自动开启一个全屏视窗显示你要的网站 Counter 插入一计数器 FloatingFrames 插入一任意位置的Frame, 就像开窗一般(IE better) ...
1.优化SkinTabControl标签移入移出效果。 2.将SkinTextBox改为容器边框,其他控件可放进其里面。 3.设置SkinTextBox中的TextBox为不可点击,详细参数在属性栏里设置。 4.SkinPanel添加属性(BorderColor:边框颜色)...
在任务栏显示或隐藏.ec 在线更新.ec 在线更新2.ec 在 线查找歌词.ec 地理位置查询.ec 堕之星辰1.2.ec 填充树型框.ec 复件 我的测试易模块.EC 复件 提示框模块2.72 Alpha版.ec 复件 提示框模块3.0版.ec 复件 提示框...