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里的参考线怎么移动
先选中移动工具,然后按住ctrl,再把鼠标放到想要移动的参考线上,等到鼠标出现变化(变成有两个小箭头和两根竖线的样子)就能移动了
Photoshop 中如何显示鼠标光标位置的坐标
按F8 出现“信息”窗口 ，左下角有个小加号形状的，（x,y） 就是显示当前鼠标光标所在的坐标了。
右击那个小加号，还有不同的单位 可以选择。
封面设计中ps如何定位参考线
Ctrl+R打开标尺，拖动几根标尺到你要定位的地方，如果还要详细定位就按下shift键就能微调了
