代码:

(jsp须求引进 :jquery-1.9.0.js、jquery.form.js )
,jsp页面使用的是bootstrap制作的,看不懂的价签不用管,form表单一模二样。代码相比较简陋,只是为着演示使用ajaxSubmit异步上传图片及保存数据,请海含!
(参照他事他说加以考察文献:)
一:web (add.jsp)

  if(con.scrollLeft<widthHalf){
   con.scrollLeft += 2;
  }else{
   con.scrollLeft = 0;
  }
 }
 function _scrollRight(){
  if(con.scrollLeft>0){
   con.scrollLeft -= 2;
  }else{
   con.scrollLeft = widthHalf;
  }
 }
}
function getChildNodes(obj){//获取成分子节点
 var childList,list;
 childList = new Array();
 list = obj.childNodes;
 for(var i=0;i<list.length;i++){
  if(list[i].nodeType == 1)
  childList[childList.length] = list[i];
 }
 return childList;
}
</script>
</head>
<body>

<ul>
<li><a href=”#”><img src=”images/1.png”
/></a></li>
<li><a href=”#”><img src=”images/2.png”
/></a></li>
<li><a href=”#”><img src=”images/3.png”
/></a></li>
<li><a href=”#”><img src=”images/4.png”
/></a></li>
<li><a href=”#”><img src=”images/1.png”
/></a></li>
<li><a href=”#”><img src=”images/2.png”
/></a></li>
<li><a href=”#”><img src=”images/3.png”
/></a></li>
<li><a href=”#”><img src=”images/4.png”
/></a></li>
</ul>
<span id=”moveLeft”><img src=”images/left.png”
/></span>
<span id=”moveRight”><img src=”images/right.png”
/></div>
</div>
</body>
</html>

:jquery-1.9.0.js、jquery.form.js )
,jsp页面使用的是bootstrap制作的,看不懂的竹签不用管,form表单一模一样。代码相比较简陋,只是为…

 

oUl.style.width=oli[0].offsetWidth*oli.length+’px’;;
setInterval(function(){
oUl.style.left=oUl.offsetLeft-liSpeed+’px’;
if(oUl.offsetLeft<-oUl.offsetWidth/2){
oUl.style.left=0;
}
else if(oUl.offsetLeft>0)
{
oUl.style.left=-oUl.offsetWidth/2+’px’;
}
},30)
}
</script>
</head>

});
//验证商圈英语名
$(“#businessEname”).blur(function(){
var businessEname=$(“#businessEname”).val();
if(businessEname!=””){
$(“#businessEname_error”).html(“<img
src=’${ctx}/images/success_img.gif’
style=’width:15px;height:15px;’/>”);
}else{
$(“#businessEname_error”).attr(“class”,”error_div”).html(“<img
src=’${ctx}/images/error_img2.gif’
style=’width:15px;height:15px;’/>”+”商圈土耳其共和国语名无法为空!”);
}
});
//图片上传 及数量保存
$(“#imgSave”).click(function(){
var ext = ‘.jpg.jpeg.gif.bmp.png.’;
var f=$(“#file”).val();
if (f== “”) {//先推断是还是不是已摘取了文本
$(“#file_error”).attr(“class”,”error_div”).html(“<img
src=’${ctx}/images/error_img2.gif’
style=’width:15px;height:15px;’/>”+”请加多商圈logo!”);
return false;
}
f = f.substr(f.lastIndexOf(‘.’) + 1).toLowerCase();
if (ext.indexOf(‘.’ + f + ‘.’) == -1) {
$(“#file_error”).attr(“class”,”error_div”).html(“<img
src=’${ctx}/images/error_img2.gif’
style=’width:15px;height:15px;’/>”+”图片格式不科学!”);
return false;
}

  }
 };
 function _scrollTop(){
  if(con.scrollTop < heightHalf){
   con.scrollTop += 2;
  }else{
   con.scrollTop = 0;
  }
 }
 function _scrollBottom(){
  if(con.scrollTop > 0){
   con.scrollTop -= 2;
  }else{
   con.scrollTop = heightHalf;
  }
 }
}
function scrollSP(con_id,speed,direct){
 var con,innerCon,timer,items,widthAll,widthHalf;
 speed = parseInt(speed);
 con = document.getElementById(con_id);
 con.style.overflow = “hidden”;
 items = getChildNodes(con);
 if(items.length == 1){
  innerCon = items[0];
 }else{
  return;
 }
 innerCon.innerHTML += innerCon.innerHTML;
 innerCon.innerHTML += innerCon.innerHTML;
 items = getChildNodes(innerCon);
 if(items.length<1){
  return;
 }
 widthAll = 0;
 for(var i=0;i<items.length;i++){

<body>
<div id=”imgMove”>

</div>
<div class=”control-group”>
<label class=”control-label”>*商圈logo:</label>
<div class=”controls” style=”width:350px;”>
<input type=”file” name=”file” id=”file”>
<div id=”file_error”></div>
</div>
</div>
<div class=”control-group”>
<label class=”control-label”>*商圈克罗地亚语名:</label>
<div class=”controls” style=”width: 350px;”>
<input type=”text” name=”businessEname” id=”businessEname” />
<div id=”businessEname_error”></div>
</div>
</div>
<div class=”form-actions”>
<button type=”button” id=”imgSave” value=”Validate” class=”btn
btn-primary”>提交注册</button>
</div>
</form>
</div>
</div>
</div>
<div class=”span1″></div>
</div>
</div>
<div class=”container” style=”background:white;”>
<div class=”row”>
<div class=”span12″ style=”margin-left: 25%;”>
<p>© 2012 fingerknow.com <span>|</span><a href=”#”
rel=”nofollow” >隐衷条文</a><span>|</span><a
href=”#”
rel=”nofollow”>服务条约</a><span>|</span><a
href=”#” rel=”nofollow” >粤ICP备12003619号-1</a></p>
</div>
</div>
</div>
<script src=”${ctx}/js/jquery-1.9.0.js”></script>
<script src=”${ctx}/js/jquery.form.js”></script>
<script type=”text/javascript”>
/**
*
* V1.0
*/
$(document).ready(function() {

复制代码 代码如下: !DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0
Transitional//EN” “….

发表评论

电子邮件地址不会被公开。 必填项已用*标注