>

多引号嵌套的变量命名的主题材料,jQuery达成的

- 编辑:正版管家婆马报彩图 -

多引号嵌套的变量命名的主题材料,jQuery达成的

复制代码 代码如下:

本文章是基于jquery插件实现的一个不错的jquery弹窗效果代码,有需要了解的同学可参考参考。

var i=0;
function addForm(){
i++;
var textExtra='<p><input type="text" name='+"addInput"+i+' class="addInp"/></p>';
$("#inforForm").append(textExtra);
}

函数用法介绍

实现的效果是点击增加一个文本框进表单里面,自动命名name,被单引号双引号的嵌套搞得头大……

$('弹层按钮').lee_dialog({dialog:'浮层对象',close:'关闭按钮'});

 代码如下

复制代码

<!DOCTYPE html>
<html>
 
    <head>
        <meta charset="utf-8" />  
    </head>
    <body>
        <button class="aa">haha</button>
        <p>3234234</p>
        <p>3234234</p>
        <p>3234234</p>
        <p>3234234</p>
        <p>3234弹窗效果代码234</p>
        <p>3234234</p>
        <p>3234234</p>
        <p>3234234</p>
        <p>3234jquery弹窗效果代码234</p>
        <p>3234234</p>
        <p>323弹窗效果代码4234</p>
  
        <div class="dialog" style="width:500px;height:200px;background:#ccc;display:none;">
            <a class="close" href="javascript:void(0);">关闭</a>  
        </div>
    </body>
 
    <script type="text/javascript" src="jquery-1.8.2.min.js"></script>
    <script type="text/javascript" src="lee_plug/dialog.js"></script>
    <script type="text/javascript">   
        $('.aa').lee_dialog({dialog:'.dialog',close:'.close'}); 
    </script>
 
</html>

jquery代码

 代码如下

复制代码

(function($) {
    $.fn.lee_dialog = function(param){   
    if(typeof param.dialog=='undefined') return;
    var dialog = param.dialog;
    var close = param.close || '.close';
    var speed = 400;
    var margin_left = '-'+parseInt($(dialog).width()/2)+'px';
    var margin_top = '-'+parseInt($(dialog).height()/2)+'px';
        var _this = null; 
    var bg = '<div class="lee_dialog_bg" style="width:100%;height:'+$(document).height()+'px;background:#000;opacity:0.7;filter:alpha(opacity=70);position:absolute;left:0;top:0;z-index:2147483600;display:none;"></div>';
 
    $(dialog).css({'position':'fixed','margin-left':margin_left,'margin-top':margin_top,'left':'50%','top':'50%','display':'none','z-index':2147483601});
    $('body').append(bg);
 
        $(this).each(function(){
 
        _this = $(this);
 
        _this.click(function(){
            if(!$(dialog).is(':visible')){
                $('.lee_dialog_bg').fadeIn(parseInt(speed/2));
                $(dialog).css({'top':'35%','display':'block','opacity':0.0});
                $(dialog).animate({top:'50%',opacity:1},speed);
            }
        });
 
        $(dialog+' '+close).click(function(){
            $(dialog).animate({top:'65%',opacity:0},speed,false,function(){$(this).hide().css('top','50%');$('.lee_dialog_bg').fadeOut(parseInt(speed/2));});
        });
 
 
 
 
    });
    }
   
})(jQuery);

函数用法介绍 $('弹层按钮').lee_dialog({dialog:'浮...

本文由关于计算机发布,转载请注明来源:多引号嵌套的变量命名的主题材料,jQuery达成的