首页 新闻 会员 周边 捐助

右下角弹窗,一点击关闭,整体右移,什么情况

0
悬赏园豆:10 [待解决问题]

下面是不正常右移的情况

大家帮我看看,是什么情况

范立勇的主页 范立勇 | 初学一级 | 园豆:20
提问于:2013-04-30 13:56
< >
分享
所有回答(2)
0

楼主至少把点击DIV关闭的JS代码写出来吧...目测是没法解决的.....

秦逸辰 | 园豆:136 (初学一级) | 2013-04-30 15:09

主要代码

//pop右下角弹窗函数
//作者:yanue
function Pop(title, url, intro) {
    this.title = title;
    this.url = url;
    this.intro = intro;
    this.apearTime = 1000;
    this.hideTime = 500;
    this.delay = 10000;
    //添加信息
    this.addInfo();
    //显示
    this.showDiv();
    //关闭
}
Pop.prototype = {
    addInfo: function() {
        var popHTML = $('<div id="pop" style="display: none;">' +
        '<div id="popHead"><a id="popClose" title="关闭">关闭</a>' +
            '<h2>温馨提示</h2></div>' +
        '<div id="popContent">' +
            '<dl><dt id="popTitle"><a target="_blank" href="http://demo.yanue.net/pop/"></a>' +
                '</dt><dd id="popIntro"></dd></dl>' +
            '<p id="popMore"><a target="_blank">查看 »</a></p></div>' +
    '</div>');
        $(document.body).append(popHTML);
        $("#popTitle a").attr('href', this.url).html(this.title);
        $("#popIntro").html(this.intro);
        $("#popMore a").attr('href', this.url);
        this.closeDiv(); //关闭
    },
    showDiv: function(time) {
        if (!($.browser.msie && ($.browser.version == "6.0") && !$.support.style)) {
            $('#pop').slideDown(this.apearTime).delay(this.delay).fadeOut(400);
        } else {//调用jquery.fixed.js,解决ie6不能用fixed
            $('#pop').show();
            jQuery(function($j) {
                $j('#pop').positionFixed()
            });
        }
    },
    closeDiv: function() {
        $("#popHead #popClose").click(function() {
            $("div#pop").remove();
            //$('#pop').hide();
        });
    }
}
closeDiv: function() {
        $("#popHead #popClose").click(function() {
            $("div#pop").remove();
            //$('#pop').hide();
        });就这段,一点击整体位置就右移了,
支持(0) 反对(0) 范立勇 | 园豆:20 (初学一级) | 2013-04-30 15:14
0

你的不是漂浮在页面上的吧,而是占了一定的空间

chenping2008 | 园豆:9836 (大侠五级) | 2013-05-01 10:38

最简单就是csdn的首页上,右下角也有个漂浮的div,你看看人家的css设置,然后copy来就行了

支持(0) 反对(0) chenping2008 | 园豆:9836 (大侠五级) | 2013-05-01 10:40
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册