js数组 复选框全选 js跳转

 function addUser() {
  window.self.location ="userinput.jsp";
 }
 

//js数组的使用
  function deleteUser(){
      var flag = false;
      var selectFlags = document.getElementsByName("selectFlag");
     
      for(var i=0;i<selectFlags.length;i++){
          if(selectFlags[i].checked){
              flag = true;
              break;
          }
      }
      if(!flag){
          alert("请选择要删除的条目!");
      }else{
          if(window.confirm("确认要删除")){
              with(document.getElementById("userForm")){
                  method="post";
                  action="deluser.do";
                  submit();
              }

          }
      }
 }
 

//复选框全选
  function selectAll(){
      if(document.getElementById("selectall").checked){
          for(var i=0;i<document.getElementsByName ("selectFlag").length;i++){
              document.getElementsByName("selectFlag")[i].checked = true;
          }
      }else{
          for(var i=0;i<document.getElementsByName("selectFlag").length;i++){
                  document.getElementsByName("selectFlag")[i].checked = false;
              }
      }
  }

帮我设计一个适合初学者简单的“精美家居中小企业网 ”页面共有五个页面构成,分别是:首页、关于我们、 联系我们、在线留言、登录注册。共计十个功能。 产品展示页面 产品展示页面中包含两个功能:图片放大功能和倒计时功能。 图片放大设计与分析 产品展示页面中在设计两个盒子模型。其中在 box_right盒子中存放展示图 片,在 big.img 盒子用于存放放大照片。先将大盒子隐藏,通过 document 方法 获取 img 节点,绑定鼠标单击事件。将 box_right 盒子中的 src 的值传递给 big.img 盒子。并将盒子属性显示出来。 倒计时设计与分析 倒计时功能的核心在于定时器的应用,首先利用 Date 对象中的 getTime 方法 获取到当前时间至截止时间的时间,单位为毫秒。再通过算法 second/86400 得 到天数、second%86400 、second/3600 得到小时数、second%3600 、second/60 得 到秒数。在通过 setinterval()方法实现每秒都进行算法以及当时间为 0 时停止算 法。 2.2 关于我们页面 关于我们页面中共有图片定时变换功能及定时跳转功能,并且跳转页面利用 使用 ECharts 库实现。 2.2.1 图片定时转换分析与设计 首先将图片的 src 的值当作 arr 数组中的元素。利用 doucment 获取 img 节 点。最后 img.src = arr[n];便可实现赋值。用 setInterval(time,2000);实现 定时跳转。当 n 的值大于数组下标时将 n 再次赋值为 0。 定时跳转页面 countDown 函 数 中 的 参 数 secs 和 url 分 别 为 指 定 跳 转 时 间 和地 址 。 jumpTo.innerHTML=secs;将下一秒的数字写入并展示。当 sces 大于零时继续执 行定时器功能。当 sces 小于 0 时停止定时器。跳转指定页面。在本次跳转页面 为 ECharts 库实现的页面。 3.1 联系我们页面 联系我们页面主要实现两个功能;选择所有复选框和文本域中字符数功能。 3.1.1 选择所有复选框设计和核心代码 【功能设计】 将选择复选框功能放在了盒子模型right f1 中,用 document 分 别获取全选框对象 chooseAllElt 和所有复选框对象 hobby s,然后当点击全选框 时 for 循环用 checked 把 hobby s 选上。然后用双层 for 循环和 flag 控制全选框 选择,实现所有复选框选中后,全选框被选择。 3.1.2 文本域中字符数设计和核心代码 【功能设计】将文本域中字符数功能放在盒子 tip 中,用 focus 将焦点自动放在 文本域 textArea 中,然后通过函数 chackTextara 实现自动统计字符数的效果, 在函数中用newvalue 过滤一些特殊字符,用 if-else 语句来判断输入字符数, 提示还可以输入多少字符,或者已超出多少字符。 3.2 登录/注册页面 登录/注册页面主要实现两个功能:鼠标点击效果和表单前端验证 3.2.1 鼠标点击效果设计和核心代码 【功能设计】在登录页面实现鼠标点击飘浮文字效果,通过函数ClickFrontShow 定义点击出现的文字类 ,也就是定义漂浮的文字内容和颜色; 然后再给 ClickFrontShow 定义初始化;再通过函数 createFront 创建文字,也就是给字 体添加样式,和随机颜色等;然后通过函数 listenMouse 监听鼠标点击,实现所 需飘符的效果。 要求css要引用第三方库bootstrap.min.css 要求显示五个页面的代码和css代码和js样式代码,代码中不用太过ai化 并且一个一个功能清楚的分析,标注在那个位置实现那个功能
06-19
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值