jquery 在指定位置弹出div框

简介: 1、功能要求:页面上一个div,默认是隐藏起来的,当点击页面中的a标签后,让这个div在a标签位置显示该div。

1、功能要求:

页面上一个div,默认是隐藏起来的,当点击页面中的a标签后,让这个div在a标签位置显示该div。

 

2、实现代码:

$("#aChooseNumber").click(function () {
                $("#divChooseNumber").css("position", "absolute");
                $("#divChooseNumber").css("top", $("#aChooseNumber").offset().top-100);
                $("#divChooseNumber").css("left", $("#aChooseNumber").offset().left);
                if ($("#divChooseNumber").css("display") == "none") {
                    $("#divChooseNumber").show("slow");
                } else {
                    $("#divChooseNumber").hide("slow");
                }
            });

相关文章
|
6月前
|
JavaScript
jQuery遍历div,判断是否为空,为空时执行某个操作
jQuery遍历div,判断是否为空,为空时执行某个操作
|
6月前
|
JavaScript
用JQuery实现选中select里面的option显示对应的div
用JQuery实现选中select里面的option显示对应的div
|
JavaScript
jQuery方式追加div覆盖
jQuery方式追加div覆盖
|
JavaScript
jquery实现下拉框选中对应的div
jquery实现下拉框选中对应的div
56 0
|
JavaScript
jQuery清空div内容
jQuery清空div内容
|
6月前
|
JavaScript
jquery实现单击div切换背景,再次单击回到原来样式
jquery实现单击div切换背景,再次单击回到原来样式
|
6月前
|
JavaScript 前端开发
原生js与jQuery显示隐藏div的几种方法
原生js与jQuery显示隐藏div的几种方法
88 0
|
12月前
|
JavaScript
jquery点击删除按钮,删除当前的div
jquery点击删除按钮,删除当前的div
60 0
|
JavaScript 定位技术
jQuery实现点击图标div循环放大缩小功能
jQuery实现点击图标div循环放大缩小功能
57 0
|
测试技术
Easyui 去除jquery-easui tab页div自带滚动条
Easyui 去除jquery-easui tab页div自带滚动条
105 0