一款公用的CSS+DIV弹窗_html/css_WEB-ITnose
程序员文章站
2022-06-02 09:42:22
...
为了方便以后自己使用!
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"); }
推荐阅读
-
一款纯css3实现的响应式导航_html/css_WEB-ITnose
-
一款简洁的纯css3代码实现的动画导航_html/css_WEB-ITnose
-
一款纯css3实现的机器人看书动画效果_html/css_WEB-ITnose
-
一款简洁的纯css3代码实现的动画导航_html/css_WEB-ITnose
-
再发-关于CSS+DIV首页的问题(入门级别)_html/css_WEB-ITnose
-
一款仿ios7的switches开关按钮_html/css_WEB-ITnose
-
[寒江孤叶丶的Cocos2d-x之旅_33]RichTextEx一款通过HTML标签控制文字样式的富文本控件_html/css_WEB-ITnose
-
CSS+DIV设计居中的常见两种方法_html/css_WEB-ITnose
-
纯CSS+DIV轻松解决对象在任何位置上水平对齐的问题_html/css_WEB-ITnose
-
静态网站公用的部分模块的引用(设置)方法_html/css_WEB-ITnose