欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

程序员文章站 2022-05-05 15:44:35
...
为了方便以后自己使用!

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"); }