0
回答
点击div用input设置生成css样式表,生成的样式不覆盖之前生成的样式。详情请大神复制代码看效果
利用AWS快速构建适用于生产的无服务器应用程序,免费试用12个月>>>   
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="http://400up.com/js/jquery-1.9.1.min.js"></script>
</head>
<style>
#box div{ border:1px solid #999; margin:30px; padding:50px; }
.z{ background:#eee; padding:5px;}
</style>
<body>    
宽:<input type="text" class="ipt_list" name="width" />高: <input type="text" class="ipt_list" name="height" />
<div class="z">生成的样式表:<span></span></div>
<div id="box">
    <div class="box1">div 1</div>
    <div class="box2">div 2</div>
    <div class="box3">div 3</div>
</div>
</body>
<script>
$('#box > div').each(function(xxxx) {
    t = $(this)
    $(this).mousedown(function(){
        mz = $(this).attr('class');
        csslist = new Array();
        styleList = new Array();
        $('.ipt_list').each(function(c){    
            $(this).blur(function(){
                csslist[c] = $(this).attr('name') + ":" +  $(this).val();
                cssstr = "."+mz+"{";
                for(st in csslist){
                    if(csslist[st]){
                        cssstr += csslist[st] +'px'+ ";"
                    };
                };
                cssstr += "}";    
                $('.z span').text(cssstr)

            });
        });
    });
    
});
</script>
</html>


举报
Z45658
发帖于3年前 0回/282阅
顶部