php 增加数据单元

<style type="text/css">
    .wlistbox{ width: 840px; padding:10px;font-size:14px;}
    .clearfix:after{ content:'.'; clear:both; visibility: hidden; height: 0;}
    .wlist{}
    .wlist .input { width:200px;}
    .wlist dl{ margin:0 0 10px 0;}
    .wlist dl dt{ width:70px; display: inline-block; text-align: right; vertical-align: top;}
    .wlist dl dd{ padding-left:20px; display: inline-block; margin:0; width:700px;}
    .wlist dl dd p{ margin-bottom:10px;}
    .relatevideo{}
    .titleput{ width:300px;}
    .siteput { width:40px;}
    .wlistbox .addbtn, .wlistbox .minbtn{ width:30px; height:20px; text-align: center; line-height: 20px; cursor:pointer; border:1px solid #3e3e3e; display: inline-block; margin:0 20px;}
    .wlist .videounit{ border-bottom:1px dashed #333333; width:450px; margin-bottom:20px;}
    .wlist .videounit textarea{ width:300px; height:65px;}
    .wlist .videounit p{ width:370px; display:inline-block;}
</style>
<div class="wlistbox">
    <a href="javascript:;" onclick="jQuery(this).parent().remove(); return false;">忽略编辑</a>
    <div class="wlist">
        <dl class="clearfix">
            <dt>封面图：</dt>
            <dd>
                <input type="text" class="input" name="wlist[pic]" value="$wlist[pic]" id="input_pic" />
                <a id="uploadpic" href="portal.php?mod=portalcp&ac=uploadpic&showtarget=pic" onclick="showWindow(this.id, this.href)" >上传封面图</a>
                <span id="show_pic"><!--{if $wlist[pic]}--><a href="{$_G[setting][attachurl]}{$wlist[pic]}" target="_blank"><img style="20px; height:20px;" src="{$_G[setting][attachurl]}{$wlist[pic]}" /></a><!--{/if}--></span>
            </dd>
        </dl>
        <dl class="clearfix" id="singledl">
            <dt>单品：</dt>
            <dd id="singlebox">
                <!--{if !empty($wlist[singles])}-->
                <!--{loop $wlist[singles] $key $data}-->
                <p>
                    <span>({eval echo $key+1})名称：</span><input class="titleput" type="text" name="wlist[single][title][]" value="$data[title]" /><br />
                    <span>链接：</span><input class="titleput" type="text" name="wlist[single][url][]" value="$data[url]" /><br />
                    <span>X坐标：</span><input class="siteput" type="text" name="wlist[single][sitex][]" value="$data[sitex]" />
                    <span>Y坐标：</span><input class="siteput" type="text" name="wlist[single][sitey][]" value="$data[sitey]" />
                    <span>宽：</span><input class="siteput" type="text" name="wlist[single][width][]" value="$data[width]" />
                    <span>高：</span><input class="siteput" type="text" name="wlist[single][height][]" value="$data[height]" />
                    <span class="minbtn" title="删除">-</span>
                </p>
                <!--{/loop}-->
                <!--{/if}-->
            </dd>
            <dd style="margin-top:10px; padding-left:70px;"><span class="addbtn" title="添加">+</span></dd>
        </dl>
        <dl style=" margin-top:50px;" id="videodl">
            <dt>视频：</dt>
            <dd id="videobox">
                <!--{if !empty($wlist[videos])}-->
                <!--{loop $wlist[videos] $key $data}-->
                <div class="videounit">
                    <p>
                        ({eval echo $key+1})封面图：
                        <input type="text" class="input" name="wlist[video][pic][]" value="$data[pic]" id="input_videopic" />
                        <a id="uploadvideopic" href="portal.php?mod=portalcp&ac=uploadpic&showtarget=videopic" onclick="showWindow(this.id, this.href)" >上传封面图</a>
                        <span id="show_videopic"><!--{if $data[pic]}--><a href="{$_G[setting][attachurl]}{$data[pic]}" target="_blank"><img style="20px; height:20px;" src="{$_G[setting][attachurl]}{$data[pic]}" /></a><!--{/if}--></span>
                    </p>
                    <p>
                        &nbsp;&nbsp;&nbsp;&nbsp;源码：<textarea name="wlist[video][content][]">$data[content]</textarea>
                    </p>
                    <span class="minbtn" title="删除">-</span>
                </div>
                <!--{/loop}-->
                <!--{/if}-->
            </dd>
            <dd style="margin-top:10px; padding-left:70px;"><span class="addbtn" title="添加">+</span></dd>
        </dl>
    </div>
</div>

<script type="text/javascript">
    jQuery(function($) {
        var singleUnit = '<p>' +    
            '<span>({num})名称：</span><input class="titleput" type="text" name="wlist[single][title][]" value="" /><br />' + 
            '<span>链接：</span><input class="titleput" type="text" name="wlist[single][url][]" value="" /><br />' + 
            '<span>X坐标：</span><input class="siteput" type="text" name="wlist[single][sitex][]" value="" />' + 
            '<span>Y坐标：</span><input class="siteput" type="text" name="wlist[single][sitey][]" value="" />' + 
            '<span>宽：</span><input class="siteput" type="text" name="wlist[single][width][]" value="" />' + 
            '<span>高：</span><input class="siteput" type="text" name="wlist[single][height][]" value="" />' + 
            '<span class="minbtn" title="删除">-</span>' + 
            '</p>';
        
        var videoUnit = '<div class="videounit">' + 
            '<p>' + 
            '({num})封面图：' + 
            '<input type="text" class="input" name="wlist[video][pic][]" value="" id="input_videopic_{num}" />' + 
            '<a id="uploadvideopic_{num}" href="portal.php?mod=portalcp&ac=uploadpic&showtarget=videopic_{num}" onclick="showWindow(this.id, this.href)" >上传封面图</a>' + 
            '<span id="show_videopic_{num}"></span>' + 
            '</p>' + 
            '<p>' + 
            '&nbsp;&nbsp;&nbsp;&nbsp;视频源码：<textarea name="wlist[video][content][]"></textarea>' + 
            '</p>' + 
            '<span class="minbtn" title="删除">-</span>' + 
            '</div>';
        
        $('#singledl .addbtn').click(function() {
            var num = $('#singlebox p').length + 1;
            var singleUnitStr = singleUnit.replace(/{num}/g, num);
            $('#singlebox').append(singleUnitStr);
        });

        $('#videodl .addbtn').click(function() {
            var num = $('#videobox .videounit').length + 1;
            var videoUnitStr = videoUnit.replace(/{num}/g, num);
            $('#videobox').append(videoUnitStr);
        });

        $('.minbtn').live('click', function() {
            $(this).parent().remove();
        });    
    });
    
    function checkWlist($) {
        var iscontinue = true;
        if($('#input_pic').val() == '') {
            alert('欲望清单封面图不能为空');
            iscontinue = false;
        }
        if($('#singlebox p').length > 0) {
            var tagnamearr = ['名称', '链接', 'X坐标', 'Y坐标', '宽', '高'];
            $('#singlebox p').each(function(key, obj) {
                if(iscontinue == false) {
                    return false;
                }
                var nowline = key + 1;
                $(obj).find('input').each(function(key) {
                    if($(this).val() == '') {
                        var tagname = tagnamearr[key];
                        alert('第' + nowline + '个单品的 “' + tagname + '” 不能为空');
                        iscontinue = false;
                        return false;
                    }
                });
            });
        }
        
        if($('#videobox .videounit').length > 0) {           
            $('#videobox .videounit').each(function(key, obj) {
                if(iscontinue == false) {
                    return false;
                }
                var nowline = key + 1;
                if($(obj).find('input').val() == '') {
                    alert('第' + nowline + '个视频的 “封面图” 不能为空');
                    iscontinue = false;
                    return false;
                }
                if($(obj).find('textarea').val() == '') {
                    alert('第' + nowline + '个视频的 “视频源码” 不能为空');
                    iscontinue = false;
                    return false;
                }
            });
        }
        return iscontinue;
    }
</script>

Ps获取图片区域技术点 -- cs6：

PS里的参考线怎么移动

　　先选中移动工具,然后按住ctrl,再把鼠标放到想要移动的参考线上,等到鼠标出现变化(变成有两个小箭头和两根竖线的样子)就能移动了

Photoshop 中如何显示鼠标光标位置的坐标

按F8 出现“信息”窗口 ，左下角有个小加号形状的，（x,y） 就是显示当前鼠标光标所在的坐标了。
右击那个小加号，还有不同的单位 可以选择。 

封面设计中ps如何定位参考线

Ctrl+R打开标尺，拖动几根标尺到你要定位的地方，如果还要详细定位就按下shift键就能微调了