小小的弹出框

只要在需要的div 上加 onclick=showDiv('#popPic');就可以了
 
html
<div onclick=showDiv('#popBox');> </div>

<
div id="popBox"> <div class="popCont"> <a class="closed">关闭</a> </div> </div>

 

css
body{position: relative;}
#popBox{position: absolute;left: 0;top:0;right: 0;bottom: 0;background: rgba(0,0,0,.5);z-index: 500;display: none;}
.popCont{position: fixed;width: 530px;height: 450px;background: #fff;}
.closed{position: absolute;right: 0;top:0;}

 

js
$('.popBox').each(function(){
    var $this=$(this);
    var firstDiv=$this.find('.popCont');
    var h=firstDiv.height();
    var w=firstDiv.width();
    firstDiv.css({
        'position':'fixed',
        'left':'50%',
        'top':'50%',
        'margin-top':-h/2+'px',
        'margin-left':-w/2+'px'
    });
    firstDiv.click(function(e){
        e.stopPropagation();
    });
    $this.click(function(){
        $(this).stop(true,true).hide().stop(true,true).animate({opacity:'0'},200);
    });
    $('.closed').click(function(){
        $this.stop(true,true).hide().stop(true,true).animate({opacity:'0'},200);
    });
})
function showDiv(sId){
    var getId=$(sId);
    getId.height($('body').height());
    getId.stop(true,true).show().stop(true,true).animate({opacity:'1'},200);
}

 

转载于:https://www.cnblogs.com/lifecandy/p/6164096.html

内容概要:本文探讨了在MATLAB/SimuLink环境中进行三相STATCOM(静态同步补偿器)无功补偿的技术方法及其仿真过程。首先介绍了STATCOM作为无功功率补偿装置的工作原理,即通过调节交流电压的幅值和相位来实现对无功功率的有效管理。接着详细描述了在MATLAB/SimuLink平台下构建三相STATCOM仿真模型的具体步骤,包括创建新模型、添加电源和负载、搭建主电路、加入控制模块以及完成整个电路的连接。然后阐述了如何通过对STATCOM输出电压和电流的精确调控达到无功补偿的目的,并展示了具体的仿真结果分析方法,如读取仿真数据、提取关键参数、绘制无功功率变化曲线等。最后指出,这种技术可以显著提升电力系统的稳定性与电能质量,展望了STATCOM在未来的发展潜力。 适合人群:电气工程专业学生、从事电力系统相关工作的技术人员、希望深入了解无功补偿技术的研究人员。 使用场景及目标:适用于想要掌握MATLAB/SimuLink软件操作技能的人群,特别是那些专注于电力电子领域的从业者;旨在帮助他们学会建立复杂的电力系统仿真模型,以便更好地理解STATCOM的工作机制,进而优化实际项目中的无功补偿方案。 其他说明:文中提供的实例代码可以帮助读者直观地了解如何从零开始构建一个完整的三相STATCOM仿真环境,并通过图形化的方式展示无功补偿的效果,便于进一步的学习与研究。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值