jquery 隐藏/显示(改进版)
来源:互联网 发布:mac抓图工具怎么用 编辑:程序博客网 时间:2024/05/05 21:24
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>table选项卡</title><style type="text/css">body, ul, li, div{ margin:0px; padding:0px;}ul{ list-style:none;}a{ text-decoration:none; color:#999;}.wrap{ width:400px; height:400px; overflow:hidden; margin:30px;}.link{ background:#063; display:block; height:34px; line-height:34px; padding:0px 15px; cursor:pointer;}.menu{ width:400px; height:200px; background:#CCC; color:#999 ; padding-top:35px; }.menu a{ margin-right:10px; height:24px; line-height:24px;}</style><script src="http://code.jquery.com/jquery-1.10.2.min.js"></script></head> <body><div class="wrap" > <a class="link" href="#">网站导航</a> <div class="menu"> <a href="#">网站链接</a> <a href="#">网站链接</a> <a href="#">网站链接</a> <a href="#">网站链接</a> <a href="#">网站链接</a> <a href="#">网站链接</a> <a href="#">网站链接</a> <a href="#">网站链接</a> <a href="#">网站链接</a> <a href="#">网站链接</a> <a href="#">网站链接</a> </div></div> <script type="text/javascript"> function showMore(targetItem,hideItem){ var $timer= null; var $targetItem=$(targetItem); var $hideItem=$(hideItem); $hideItem.hide(); $targetItem.hover(function(){ clearTimeout($timer); $hideItem.slideDown(); },function(){ $timer=setInterval(function(){ $hideItem.slideUp(); },300) } ) $hideItem.hover(function() { clearTimeout($timer); },function(){ $timer=setInterval(function(){ $hideItem.slideUp(); },300) }); }showMore(".link",".menu") </script></body></html>
0 0
- jquery 隐藏/显示(改进版)
- jquery显示隐藏列
- jquery 判断显示 隐藏
- jquery显示隐藏元素
- 显示 隐藏 jquery
- jquery显示隐藏div
- jQuery 隐藏显示
- JQuery显示隐藏层
- jquery显示隐藏元素
- jquery 显示隐藏div
- jquery 显示隐藏div .
- JQuery 显示隐藏切换
- Jquery 隐藏显示层
- jQuery 隐藏和显示
- jQuery 点击 隐藏 显示
- jquery显示、隐藏div
- jQuery 显示 隐藏 操作
- jQuery显示与隐藏
- nsvalue与nsnumber
- 什么是maven?
- 面试的时候的一些记录 - 不断更新
- 银行违规操作手法链接整理
- Django 中文路径不支持解决方法
- jquery 隐藏/显示(改进版)
- UserDefinedTarget模式下如何得到当前识别图识别度好坏?
- 各种线上推广手段的投入产出比数字公布
- GCD ios多线程 runloop
- 安全驾驶-电脑故障检测(五)
- hdoj 1232 畅通工程 【并查集】
- samba服务器经windows共享后虚拟机中文件权限nobody,nogroup
- 优先队列
- jquery $(document).ready() 与window.onload的区别