<!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>无标题文档</title>
<style type="text/css">
<!--
*{ padding:0; margin:0;}
body{ width:100%; height:800px;}
ul{ list-style:none;}
.wrap{ width:60px; position:relative;}
.wrap a{ height:16px; line-height:16px; display:block;}
.container{ display:none; width:150px; position:absolute; left:0; top:22px; border:1px solid #ccc;}
-->
</style>
<script type="text/javascript" src="http://js.letvcdn.com/js/201302/27/1630/www/core_min.js"></script>
</head>
<body>
<div class="wrap">
<a href="#">应用</a>
<div class="container">
<ul>
<li>礼物</li>
<li>礼物</li>
<li>礼物</li>
<li>礼物</li>
</ul>
</div>
</div>
<script type="text/javascript">
$('a').click(function(){$('.container').show();});
var timer = null;
$('.wrap a').hover(function(){
clearTimeout(Timer);
//$(".container").show();
},function(){
Timer = setTimeout(function(){
$(".container").hide();
},200);
});
$(".container").mouseover(function(){
clearTimeout(Timer);
$(".container").show();
})
$(".container").mouseout(function(){
Timer = setTimeout(function(){
$(".container").hide();
},200);
})
</script>
</body>
</html>
- 浏览: 96848 次
- 性别:
- 来自: 北京
最新评论
-
_大大大雄:
关于这个应用, 有些东西想要请教下您行么?
jsp 权限过滤器的应用 -
jptiancai:
博主,看了博客,收获很多,这个例子运行的时候,会报下面的错误: ...
jsp 权限过滤器的应用
相关推荐
鼠标移动到文字上方显示悬浮菜单支持显示与隐藏,当鼠标移动到文字上方,弹出悬浮菜单,鼠标移出文字或移出悬浮菜单,菜单隐藏
AutoJs源码-悬浮窗控件隐藏真容易。本资源购买前提醒:本源码都是实际autojs项目模板,安装好autojs直接运行即可打开。1、支持低版本autojs。2、资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您...
jQuery侧边悬浮窗口折叠显示隐藏文字列表效果代码
功能描述: x轴文字显示过长会影响柱状图显示不全,需要对文字进行处理,为了美观,限定文字只显示在一行,文字长度为4;当长度大于4时将第四个文字替换为"...";...当鼠标移出"..."时,悬浮显示内容消失。
jQuery右下角隐藏悬浮图标菜单基于jquery-2.1.1.js制作,响应式设计,自适应分辨率,兼容PC端和移动端,下拉网页显示隐藏弹出菜单。
Qt实现窗体在显示屏旁边自动隐藏/显示,类似于QQ实现
项目开发中 web系统会有悬浮按钮样式显示,当页面滚动式,悬浮按钮偶尔会遮挡文字效果 jq滚动隐藏悬浮图标 停止显示
鼠标悬停在图片上后,显示隐藏的另外一张图片,鼠标移走后返回之前图片,整个过程带有翻转效果 原理: 附件提供了7个单元的翻转效果,其原理只有一个,其他的只是相对定位绝对定位实现而已。 ...
效果图 直接复制粘贴下面代码 就可以 { title: '交易订单号', align: 'center', key: 'id', minWidth: 120, render: (h, params) => { let texts=params.row.id; //这里的params.row.id 是 key值 ...
Axure教程:APPPC页面悬浮按钮显示与隐藏效果.docx
绿色悬浮隐藏点击显示在线QQ客服,是一段效果简洁的在线QQ客服代码,主要用于网页中,需要此款代码的朋友们可以前来下载使用。本客服代码兼容目前最新的各类主流浏览器,是一款非常优秀的在线QQ客服代码。
Qt悬浮窗口,实现主窗口与子悬浮窗口之间的转换,悬浮窗口显示的桌面最顶端,且可以实现自动隐藏,当鼠标移动到窗口顶部,悬浮窗口又可以显示出来
android下的桌面悬浮窗,可自由拖动,并监控在运行非桌面app的时候隐藏它。
css3视差滚动显示底部隐藏导航栏代码 css3视差滚动显示底部隐藏导航栏代码 css3视差滚动显示底部隐藏导航栏代码 css3视差滚动显示底部隐藏导航栏代码
主要为大家详细介绍了Android悬浮窗按钮实现点击并显示/隐藏多功能列表,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
主要介绍了Vue在页面右上角实现可悬浮/隐藏的系统菜单,实现思路大概是通过props将showCancel这个Boolean值传递到子组件,对父子组件分别绑定事件,来控制这个系统菜单的显示状态。需要的朋友可以参考下
美团购买 悬浮按钮 ScrollView
WPF悬浮球 自动判断位置,半隐藏,展开,内容旋转 可自由拖动
监听列表滚动来隐藏或显示Toolbar与浮动按钮,博主账号:gaoxiaoweiandy
一款很好用的右侧悬浮QQ在线客服代码,支持展开和隐藏QQ客服面板,可自由添加和修改QQ号码,支持IE和火狐浏览器,兼容性较好。 QQ号码添加方法:请到http://wp.qq.com/去生成链接代码后,替换掉原有的链接即可生效。