当前位置:Gxlcms > html代码 > 一款公用的CSS+DIV弹窗_html/css_WEB-ITnose

一款公用的CSS+DIV弹窗_html/css_WEB-ITnose

时间:2021-07-01 10:21:17 帮助过:23人阅读

为了方便以后自己使用!

javascript代码:

$().ready(function () { $("#afeed").click(function () {                var strc = ' ';                strc += ' ';                strc += '';                strc += '
'; windowCenteredfeed("#UserFeedbackamin", "", 600, 400, strc); });$("#closeIframe").live("click", function () { $("#loginPanel").animate({ 'top': '50%', 'left': '50%', 'height': '0px', 'width': '0px', 'opacity': '0.1' }, function () { $("#loginPanel").hide(); $("#shadow").hide(); }); });});function windowCenteredfeed(obj, title, width, height, content) { $("#shadow").show(); $(obj).show(); $(obj).css('height', '0px').css('width', '0px').css('top', $(window).height() / 2 + 'px').css('left', $(window).width() / 2 + 'px').css('opacity', '0.1'); $(obj).html("
" + title + "×
" + content); $(obj).animate({ 'height': height + 'px', 'width': width + 'px', 'top': ($(window).height() - height) / 2 + 'px', 'left': ($(window).width() - width) / 2 + 'px', 'opacity': '1' }, "slow"); }

人气教程排行