你看下我的代码，操作不了加1 和减1.
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" type="text/css" href="css/reset.css" /> <link rel="stylesheet" type="text/css" href="css/JD1.css" /> <link rel="stylesheet" type="text/css" href="icon/iconfont.css" /> <script type="text/javascript" src="js/jdjs.js" ></script> </head> <body> <!--导航的开始--> <div class="nav"> <div class="warp"> <ul class="nav_ul1"> <li><a href=""><i class="iconfint"></i>京东首页</a></li> <li><a href="">配送到：成都</a></li> </ul> <ul class="nav_ul2"> <li><a href="">洋洋宝贝</a><span>|</span></li> <li><a href="">我的订单</a><span>|</span></li> <li><a href="">我的京东</a><span>|</span></li> <li><a href="">京东会员</a><span>|</span></li> <li><a href="">企业采购</a><span>|</span></li> <li><a href="">京东手机</a><span>|</span></li> <li><a href="">关注京东</a><span>|</span></li> <li><a href="">客服服务</a><span>|</span></li> <li><a href="">网站导航</a></li> </ul> </div> </div> <!--导航结束--> <!--搜索框--> <div class="search"> <div class="warp"> <img src="img/logo.jpg" /> <div class="search_div"> <input type="text" class="search_text" /> <input type="button" value="搜索" class="search_button"/> </div> </div> </div> <!--搜索框结束--> <!--标题的开始--> <div class="title warp"> <h3>全部商品</h3> <div> <span>配送至：</span> <select> <option>成华区</option> <option>锦江区</option> <option>武侯区</option> <option>金牛区</option> </select> </div> </div> <!--标题的结束--> <!--显示菜单的开始--> <div class="tips warp"> <ul> <li> <input type="checkbox" name="fav" id="all" onclick="checkTest1(this)"/> 全选 </li> <li>商品</li> <li>单价</li> <li>数量</li> <li>小计</li> <li>操作</li> </ul> </div> <!--显示菜单的结束--> <!--商品详情展示开始--> <div class="info warp"> <ul> <li class="info_1"><input type="checkbox" name="fav" onclick="checkTest2()"/></li> <li class="info_2"><img src="img/img1.jpg" width="90"></li> <li class="info_3"><a>京东超市，春秋季儿童休闲服</a></li> <li class="info_4"><a>颜色：灰色+分红</a></li> <li class="info_5">☆ 182.5</li> <li class="info_6"> <button onclick="checkTest3(this,1)">-</button> <input type="text" name="" id="" value="1" /> <button class="bot" onclick="checkTest3(this,2)">+</button> </li> <li class="info_7">☆ 182.5</li> <li> <a>删除</a><br /> <a>已到我的关注</a> </li> </ul> </div> <div class="info warp"> <ul> <li class="info_1"><input type="checkbox" name="fav" onclick="checkTest2()" /></li> <li class="info_2"><img src="img/img2.jpg" width="90"></li> <li class="info_3"><a>京东超市，春秋季儿童休闲服</a></li> <li class="info_4"><a>颜色：灰色+分红</a></li> <li class="info_5">☆ 182.5</li> <li class="info_6"> <button>-</button> <input type="text" name="" id="" value="1" /> <button>+</button> </li> <li class="info_7">☆ 182.5</li> <li> <a>删除</a><br /> <a>已到我的关注</a> </li> </ul> </div> <div class="info warp"> <ul> <li class="info_1"><input type="checkbox" name="fav" onclick="checkTest2()" /></li> <li class="info_2"><img src="img/img3.jpg" width="90"></li> <li class="info_3"><a>京东超市，春秋季儿童休闲服</a></li> <li class="info_4"><a>颜色：灰色+分红</a></li> <li class="info_5">☆ 182.5</li> <li class="info_6"> <button>-</button> <input type="text" name="" id="" value="1" /> <button>+</button> </li> <li class="info_7">☆ 182.5</li> <li> <a>删除</a><br /> <a>已到我的关注</a> </li> </ul> </div> <!--商品详情展示结束--> <!--结算开始--> <div class="balance warp"> <ul class="balance_ul1"> <li> <input type="checkbox" name="fav" id="" value="" onclick="checkTest1(this)"/> 全选 </li> <li><a>删除选中商品</a></li> <li><a>移到我的关注</a></li> <li><a>清楚下柜商品</a></li> </ul> <ul class="balance_ul2"> <li>已选择商品<span>1</span></li> <li>总价 <span>$12</span></li> <li> <button class="butt">去结算</button> </li> </ul> </div> <!--结算结束--> </body> </html>
//判断是否全选 //获得说有的多选择框 var fav=document.getElementsByName("fav"); function checkTest1(th){ var flag =th.checked; // if(flag){ // for(var i in fav){ // fav[i].checked=true; // } // // }else{ // for(var i in fav){ // fav[i].checked=false; // } // } for(var i in fav){ fav[i].checked=flag; } } // 单选决定全选 function checkTest2(){ var flag=true; for(var i=1;i<fav.length-1;i++){ if(!fav[i].checked){ flag=false; break; } } fav[0].checked=flag; fav[fav.length-1].checked=flag; } //控制数量的增加和减少 function checkTest3(th.sig){ // 获得上一个节点 var pre; if(sig=="1"){ pre=th.nextElementSibling; if(Number(pre.value)>0){ pre.value=Number(pre.value)-1; } }else{ pre=th.previousElementSibling; pre.value=Number(pre.value)+1 } }
老师，你看下我的代码，为什么不能全选，我研究好久也没看出来哪里写错了。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" type="text/css" href="css/reset.css" /> <link rel="stylesheet" type="text/css" href="css/JD1.css" /> <link rel="stylesheet" type="text/css" href="icon/iconfont.css" /> <script type="text/javascript" src="js/jdjs.js" ></script> </head> <body> <!--导航的开始--> <div class="nav"> <div class="warp"> <ul class="nav_ul1"> <li><a href=""><i class="iconfint"></i>京东首页</a></li> <li><a href="">配送到：成都</a></li> </ul> <ul class="nav_ul2"> <li><a href="">洋洋宝贝</a><span>|</span></li> <li><a href="">我的订单</a><span>|</span></li> <li><a href="">我的京东</a><span>|</span></li> <li><a href="">京东会员</a><span>|</span></li> <li><a href="">企业采购</a><span>|</span></li> <li><a href="">京东手机</a><span>|</span></li> <li><a href="">关注京东</a><span>|</span></li> <li><a href="">客服服务</a><span>|</span></li> <li><a href="">网站导航</a></li> </ul> </div> </div> <!--导航结束--> <!--搜索框--> <div class="search"> <div class="warp"> <img src="img/logo.jpg" /> <div class="search_div"> <input type="text" class="search_text" /> <input type="button" value="搜索" class="search_button"/> </div> </div> </div> <!--搜索框结束--> <!--标题的开始--> <div class="title warp"> <h3>全部商品</h3> <div> <span>配送至：</span> <select> <option>成华区</option> <option>锦江区</option> <option>武侯区</option> <option>金牛区</option> </select> </div> </div> <!--标题的结束--> <!--显示菜单的开始--> <div class="tips warp"> <ul> <li> <input type="checkbox" name="fav" id="all" onclick="checkTest1(this)"/> 全选 </li> <li>商品</li> <li>单价</li> <li>数量</li> <li>小计</li> <li>操作</li> </ul> </div> <!--显示菜单的结束--> <!--商品详情展示开始--> <div class="info warp"> <ul> <li class="info_1"><input type="checkbox" name="fav"/></li> <li class="info_2"><img src="img/img1.jpg" width="90"></li> <li class="info_3"><a>京东超市，春秋季儿童休闲服</a></li> <li class="info_4"><a>颜色：灰色+分红</a></li> <li class="info_5">☆ 182.5</li> <li class="info_6"> <button>-</button> <input type="text" name="" id="" value="1" /> <button>+</button> </li> <li class="info_7">☆ 182.5</li> <li> <a>删除</a><br /> <a>已到我的关注</a> </li> </ul> </div> <div class="info warp"> <ul> <li class="info_1"><input type="checkbox" name="fav"/></li> <li class="info_2"><img src="img/img2.jpg" width="90"></li> <li class="info_3"><a>京东超市，春秋季儿童休闲服</a></li> <li class="info_4"><a>颜色：灰色+分红</a></li> <li class="info_5">☆ 182.5</li> <li class="info_6"> <button>-</button> <input type="text" name="" id="" value="1" /> <button>+</button> </li> <li class="info_7">☆ 182.5</li> <li> <a>删除</a><br /> <a>已到我的关注</a> </li> </ul> </div> <div class="info warp"> <ul> <li class="info_1"><input type="checkbox" name="fav"/></li> <li class="info_2"><img src="img/img3.jpg" width="90"></li> <li class="info_3"><a>京东超市，春秋季儿童休闲服</a></li> <li class="info_4"><a>颜色：灰色+分红</a></li> <li class="info_5">☆ 182.5</li> <li class="info_6"> <button>-</button> <input type="text" name="" id="" value="1" /> <button>+</button> </li> <li class="info_7">☆ 182.5</li> <li> <a>删除</a><br /> <a>已到我的关注</a> </li> </ul> </div> <!--商品详情展示结束--> <!--结算开始--> <div class="balance warp"> <ul class="balance_ul1"> <li> <input type="checkbox" name="fav"/> 全选 </li> <li><a>删除选中商品</a></li> <li><a>移到我的关注</a></li> <li><a>清楚下柜商品</a></li> </ul> <ul class="balance_ul2"> <li>已选择商品<span>1</span></li> <li>总价 <span>$12</span></li> <li> <button class="butt">去结算</button> </li> </ul> </div> <!--结算结束--> </body> </html>
//判断是否全选 function checkTest1(th){ var flag =th.checked; //获得说有的多选择框 var fav=document.getElementsByName("fav"); if(flag){ for(var i in fav){ fav[i].checked=true; }else{ for(var i in fav){ fav[i].checked=false; } } }
//同意框 var check=document.getElementById("check"); //提交 var sub=document.getElementById("sub"); sub.disabled = !check.checked;
1.disabled 不可用,check下的checked方法模式是false? 取反变成true,disabled变成可用了?是这样吗
function getTime(){ var date=new Date(); var time=date.toLocaleString();//获得时间 //获得id名称是span_1的对象 var span=document.getElementById("span_1"); span.innerHTML=time; window.setTimeout("getTime()",1000); }
将定时器加到函数里面 不就可以反复调用了?为什么还在在函数外面呢?
为什么在常用选择器里 div_1>p:nth-child(2) 这里 .tips li 加了> 就不行呢?
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <!--相对路径--> <img src="img/2.jpg" /> <!--绝对路径--> <img src="E:\\Html练习项目\\01HTML\\img\\1.jpg" /> <!-- img src:引入的路径 --> </body> </html>
老师我把代码拿到桌面运行后，相对路径不能显示可以理解，为什么火狐浏览器绝对路径图片的不显示啊，ie就可以显示绝对路径
老师name里面写字符串也可以跳转，但在工作中可以这样写吗
老师我想问下，可以直接通过id获得两个button中间的text的val嘛？不通过button来获得上一个节点或者下一个节点的value值
Title() { span=.()=.(.()*)+span.=} () { YZM_val=.().sapn = .()(YZM_val==||YZM_val==){ sapn.=sapn..=} (YZM_val==){ sapn.=sapn..=} { sapn.=sapn..=} } () { reg=(reg)} () { reg=(reg)} () { reg=(reg) } () { reg=(reg)} () { sex=.()(i sex){ (sex[i].){ span=.()span.=span..=} } } () { val=.().span=.()(val!=){ span.=span..=} } () { agree=.()sub =.()sub.=!agree.} () { flag= ()& () & () &() &() &()flag} (idreg) { id_in=.(id)val =id_in.alt=id_in.span=.(id+)(val==||val==){ span.=+alt+span..=} (reg.(val)){ span.=+alt+span..=} { span.=+alt+span..=} } ()()()3-10()8()(): :():()()---()()
老师，我想问下为社么我验证码或则手机号什么的输入错误也能提交
麻烦老师帮忙瞧一瞧，其他操作都没问题，就是最后总价的数据会和最后一次勾选的数据一致
代码
代码.zip
请问一下这个是怎么回事的for循环，如果改成常用的应该怎么改
老师，我这里按照这个方法下载的，为什么 出来的不是房子呢。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" type="text/css" href="css/reset.css" /> <link rel="stylesheet" type="text/css" href="css/JD1.css" /> <link rel="stylesheet" type="text/css" href="icon/iconfont.css" /> </head> <body> <!--导航的开始--> <div class="nav"> <div class="warp"> <ul class="nav_ul1"> <li><a href=""><i class="iconfint"></i>京东首页</a></li> <li><a href="">配送到：成都</a></li> </ul> <ul class="nav_ul2"> <li><a href="">洋洋宝贝</a><span>|</span></li> <li><a href="">我的订单</a><span>|</span></li> <li><a href="">我的京东</a><span>|</span></li> <li><a href="">京东会员</a><span>|</span></li> <li><a href="">企业采购</a><span>|</span></li> <li><a href="">京东手机</a><span>|</span></li> <li><a href="">关注京东</a><span>|</span></li> <li><a href="">客服服务</a><span>|</span></li> <li><a href="">网站导航</a></li> </ul> </div> </div> <!--导航结束--> </body> </html>
老师，我竖线为什么不居中嗯。
.nav{ width: 100%; height: 30px; background-color: #F1F1F1; } .warp{ width: 1000px; margin: 0px auto; } .nav_ul1,.nav_ul2 li{ float: left; } .nav_ul1 li{ float: left; line-height:30PX ; margin-right: 20px; } .nav_ul1 a,.nav_ul2 a,.nav_ul2 span{ font-size: 12PX; color: gray; } .nav_ul2{ float: right; } .nav_ul2 li,.nav_ul2 span{ line-height: 30px; margin-right: 10px ; } .nav a:hover{ color: red; }
老师 我想把可以跳动的心，变一个位子，为什么我 改这里 .cen{ width :200px height:200px } 心出现了扭曲呢？
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> body{ background-color: #ffa5a5; } .cen{ width: 200px; height: 200px; background-color: #d5093c; box-shadow: 0px 0px 70px #D5093C; /*执行动画的调用*/ animation: 1.5s aj infinite; } .lef{ /*倒圆角指令*/ border-radius: 100px; position: absolute; top: 200px; left: 262px; } .rig{ border-radius: 100px; position: absolute; top: 200px; left: 133px; } .e{ transform: rotate(45deg); position: absolute; top: 263px; left: 197px; } div:hover{ /*放大的倍数*/ transform: scale(1.3); } /*CS3 动画*/ @keyframes aj{ 0%{transform: scale(1) rotate(45deg);} 30%{transform: scale(1.1) rotate(45deg);} 60%{transform: scale(1.2) rotate(45deg);} 80%{transform: scale(1.1) rotate(45deg);} 100%{transform: scale(1) rotate(45deg);} } </style> </head> <body> <div class="cen lef"></div> <div class="cen e"></div> <div class="cen rig"></div> </body> </html>
老师这里的代码 是什么意思呀，前面的 0PX 0PX 70 PX 这里为什么要固定用这个，是相当于 三基色 调出的 阴影颜色 深浅度吗？
box-shadow: 0px 0px 70px #D5093C;
非常抱歉给您带来不好的体验！为了更深入的了解您的学习情况以及遇到的问题，您可以直接拨打投诉热线：
我们将在第一时间处理好您的问题！
关于
课程分类
百战程序员微信公众号
百战程序员微信小程序
©2014-2025百战汇智（北京）科技有限公司 All Rights Reserved 北京亦庄经济开发区科创十四街 赛蒂国际工业园网站维护：百战汇智（北京）科技有限公司 京公网安备 11011402011233号 京ICP备18060230号-3 营业执照 经营许可证：京B2-20212637
京公网安备 11011402011233号