0 0

用jQuery实现鼠标滑入输入框显示出隐藏的div,且可以对显示出的div操作,滑出输入框和显示的div后隐藏10

如图的效果,注  显示的隐藏div不占用页面布局,可以详细的吗?
2014年10月30日 14:50
  • 大小: 53.7 KB

1个答案 按时间排序 按投票排序

0 0

采纳的答案

很简单啊,代码没有,只提供思路

监听输入框的鼠标悬浮和离开事件,显示和隐藏div就行了

div上也加入相同的鼠标悬浮和离开事件,样式什么的自己处理吧,都是基础

2014年10月30日 15:00

相关推荐

    jquery点击输入框时弹出div层复选框勾选输入的内容

    点击输入框 弹出div层 div层中放入复选框勾选值 点击复选框 值放入输入框内

    JQuery仿Div失去焦点和输入框切换的效果

    利用HTML5+CSS3+JQuery模拟Div失去焦点的效果,同时可以输入框切换

    js div弹出框 显示与隐藏

    js点击文本输入框显示DIV,操作后点击其他地方将DIV框隐藏

    JQuery&CSS;&CSS;+DIV实例大全.rar

    7.jQuery鼠标移到下载地址滑出气泡提示效果的插件 8.又一款jquery实现链接Tip演示下载 9.常用jQuery弹出式链接提示效果Tooltip源码下载 10.相当牛的jQuery动感TipBox,鼠标移上去会动的提示框哦 11.简单实用...

    基于div的输入框控件

    输入选择的时候很多人不喜欢使用下来框来处理,认为下拉框比较烦,这个控件使用div来完成对数据的选择输入。

    超实用的jQuery代码段

    《超实用的jQuery代码段》从jQuery框架的使用原理与应用场景出发,对最实用的jQuery代码段进行了全方位的介绍和演示。全书分为11章,包含网页效果、DOM元素与属性、HTML事件、CSS样式、用户输入自动完成、拖放、图形...

    jquery ui 实现的选择框

    闲来无事,用jquery模拟了一个下拉框,可以通过输入框对下拉列表进行过滤. 原理: 1.下拉框由div和文本框组成, 2.点击下拉框弹出下拉列表 3.向文本框输入值时对下拉框进行过滤 4.选择值后将值回显到输入框 依赖: jquery...

    jQuery实现6位数字密码输入框

    下个月就要过年了,感觉有点瞎忙。翻了翻博客,感觉这个月都在打酱油... <div>请在下方输入6位数字</div> <div class=ipt-box-nick> <input type=tel maxlength=6 class=ipt-real-nick/> <div class=ipts-

    基于Bootstrap使用jQuery实现输入框组input-group的添加与删除

    本文实例为大家分享使用jQuery实现输入框组input-group的添加与删除操作,供大家参考,具体内容如下 注意这里要求使用到Bootstrap框架的输入框组,如: <div class=row> <div class=col-lg-6> <div class=input-...

    jquery输入框文字放大插件(仿天猫号码充值框放大效果)

    1. 输入框输入文字进行放大处理 2. 也可以作为实时赋值效果使用 eg:输入123及时显示在某个div内 兼容ie 火狐 谷歌各大主流浏览器

    jQuery实现简易的输入框字数计数功能示例

    本文实例讲述了jQuery实现简易的输入框字数计数功能。分享给大家供大家参考,具体如下: 运行效果图如下: 具体代码如下: <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8> &...

    jquery输入框与简易键盘

    jquery输入框与简易键盘 <div id="keyboard"> <input type="button" value="Q"/><input type="button" value="W"/><input type="button" value="E"/><input type="button" value="R"/><input ...

    jquery实现输入框动态增减的实例代码

    通过字符串拼接,将所有的输入框中的内容,用“1234235#34634234#123525”这样的格式拼接。网页端代码: 代码如下:<form><table><tr>手机:  <input type=”hidden” name=”user.mobile” value=”...

    jQuery实现随意改变div任意属性的名称和值(部分原生js实现)

    用原生js和jQuery实现随意改变div属性和重置,在输入框输入“属性名”及“属性值”,点击确定按钮查看效果,感兴趣的你可不要错过了哈

    jQuery核心语法

    如:$("#msg")[0],$("div").eq(1)[0],$("div").get()[1],$("td")[5]这些都是dom对象,可以使用dom中的方法,但不能再使用Jquery的方法。 以下几种写法都是正确的: $("#msg").html(); $("#msg")[0][removed]; $(...

    input输入框获取js点击文字内容.zip

    input输入框获取js点击文字内容是一款js输入框特效,无jquery,只需点击div,input输入框会自动获取输入的内容。

    Clipboard.js-实现复制文本到剪贴板功能的JavaScrip

    clipboard.js是一款轻量级的实现复制文本到剪贴板功能的JavaScript插件。通过该插件可以将输入框,文本域,DIV元素中的文本等文本内容复制到剪贴板中。它不依赖flash,使用非常简单。

    Jquery-Ajax各种获取方式

    Jquery-Ajax各种获取方式 <body> <input id="getJsData" type="button" value="获取js值"/> <input id="getMessage" type="button" value="获取单个值"/> <input id="getUserInfo" type=...

    jQuery筛选框文字查询代码.zip

    jQuery筛选框文字查询代码是一款输入框查询文字筛选列表显示代码。 <title>jQuery筛选框文字查询代码 </title> <link rel="stylesheet" href="css/index.css?3.1.64"> </head> ...

    Jquery动态添加输入框的方法

    本文实例讲述了Jquery动态添加输入框的方法。分享给大家供大家参考。具体实现方法如下: <!-- 页头 --> <#include ../common/head.ftl> <div id=onFailureDiv class=alert xss=removed></div> <div class=...

Global site tag (gtag.js) - Google Analytics