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="width: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="width:20px; height:20px;" src="{$_G[setting][attachurl]}{$data[pic]}" /></a><!--{/if}--></span>
</p>
<p>
    源码：<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>' +
'    视频源码：<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里的参考线怎么移动

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

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

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

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