jquery 在指定位置弹出div框并实现DIV由下向上展开的效果

来源：互联网发布：mac可以玩哪些游戏编辑：程序博客网时间：2024/04/29 06:24

http://blog.csdn.net/zdw_wym/article/details/11643229
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");                }            });

如果你的div是通过position:absolute绝对定位的，且通过相对与底部定位，如bottom:0px 这个时候调用slideDown就是向上展开的（因为slideDown说白了就是动态改变元素高度，底部定位固定，高度变高的时候就向上扩展了）。或者可以使用jQuery的$().animate()动画方法，自己定义动画的内容，因为不知道你的div是通过什么方法定位到底部的，这里只能写个简单的例子$("#bar").stop(true,true).animate({hight:100px});

0 0