jquery鼠标移上div切换
来源:互联网 发布:star法则java简历范文 编辑:程序博客网 时间:2024/06/05 04:36
样式:
.tb_box{ padding:20px; position: absolute; left:0; right:0; width: 50%;margin:auto; background:#eee;}.tb_box span{display:block; padding:20px; width:120px; margin:0 auto; text-align:center; border:solid 1px #ddd; }.tb_box span.t2{border:solid 1px #F1080C;}
页面结构:
<div class="tb_box"> <span class="t1"> 产品详细 </span> <span class="t2"> <a href="#">确认</a> </span></div>
js代码:
var is_block=false;var t2=$(".tb_box span.t2").hide();$(".tb_box span.t1").mouseover(function(){$(this).hide(); t2.show();});t2.mouseover(function(){is_block=true; $(this).show(); $(".tb_box span.t1").hide(); });t2.mouseout(function(){if(is_block){$(this).hide(); $(".tb_box span.t1").show(); is_block=false;} });
0 0
- jquery鼠标移上div切换
- jquery之hover鼠标在div上实例:
- JQuery鼠标移动到div上,显示提示
- JQUERY 鼠标移动切换
- 鼠标划过DIV层切换
- 鼠标划过DIV层切换
- jquery tab 切换DIV
- JS+DIV 鼠标移动 DIV切换
- jquery div 跟随鼠标移动
- jquery鼠标随意移动div
- jQuery鼠标随意移动div
- Jquery实现鼠标移动div
- jQuery实现鼠标悬浮在div上时候动态浮动另外一个div层盖住第一个div层
- Jquery css切换(div+css)
- jquery div tab标签切换
- 鼠标移上一行以DIV的形式显示内容
- jquery鼠标滑过显示DIV,鼠标移开隐藏DIV
- jquery,当把鼠标 移到某<div/>上时,把鼠标形状 换成自己的一个小图片。
- jquery Validform_v5.3.2 验证下载
- MQTT协议 C#客户端
- 面向对象(关键字,内部匿名类,)day10
- rm: cannot remove `libtoolT': No such file or directory 安装Apr出现的问题
- Android应用手写自动更新以及强制更新
- jquery鼠标移上div切换
- displaytag 国际化 探索日志 注释
- iOS中保证线程安全的几种方式与性能对比
- as3 操作图片,获取,设置实际像素,扣除透明区域
- 使用QSyntaxHighlighter
- 项目功能大全,让你的项目一天搞定(给新手们一点干货)
- Android WebService 提交数据
- JavaScript原型链的理解和分析
- web.xml 中的listener、 filter、servlet 加载顺序及其详解