可是把ie67下面的bug改好了,其实很简单,ie67下面取出来的字符串是带有空格的,不知道为什么
2014-10-15 14:13
393 查看
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>验证</title> <style> #wrap{ width:215px; height:200px; border:1px solid #ddd; margin-top:10px; overflow:auto; position:relative;} #wrap ul{ padding:0; margin:0;} #wrap ul li{ width:50px; margin:5px 2px 5px 11px; height:30px; background:#CFC; float:left; font-size:13px; list-style:none; _display:inline; _zoom:1; line-height:30px; text-align:center;} #wrap ul li.yes1{ background:#40F0ED;} #wrap ul li.yes2{ background:#5F3FEF;} #wrap ul li.yes3{ background:#EF3FD7;} #wrap ul li.yes4{ background:#5F3FEF;} #wrap ul li.yes{ background:#f00;} #wrap ul li.no{ background:#F39;} #tipInfor{ position:absolute; left:0; top:0; overflow:hidden; height:0; z-index:10; width:100%; background:#f1f1f1; color:#333; font-size:13px; font-weight:bold; line-height:24px;} </style> </head> <body> <div> <input type="text" /> <button>开始</button> </div> <div id="wrap"> <div id="tipInfor">亲爱的校友,你填入的名称与学校档案库的姓名,匹配不成功,请您继续报到,我们会进行后台审核并及时更新</div> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> <li>8</li> <li>9</li> <li>10</li> <li>11</li> <li>12</li> <li>13</li> <li>14</li> <li>15</li> <li>16</li> <li>17</li> <li>18</li> <li>19</li> <li>20</li> <li>21</li> <li>22</li> <li>23</li> <li>24</li> </ul> </div> </body> </html> <script type="text/javascript"> var obj=document.getElementById("wrap"); var btn=document.getElementsByTagName("button")[0]; var aLi=document.getElementsByTagName("li"); var a=document.getElementById("tipInfor"); btn.onclick=function(){ init(); //obj.style.overflow="auto"; var txt=document.getElementsByTagName("input")[0].value; var i=0; btn.timer=setInterval(function(){ if(i==aLi.length){ clearInterval(btn.timer) //obj.style.overflow="hidden"; a.style.height="100%"; obj.scrollTop=0; return; }else{ var t=aLi[i].innerHTML; if(t.trim()==txt.trim()){ blinkBg(aLi[i]); clearInterval(btn.timer); }else{ obj.scrollTop=aLi[i].offsetTop*0.7; aLi[i].className="no"; } } i++; },100) } function init(){ for(var i=0;i<aLi.length;i++){ aLi[i].className=""; } a.style.height=0; } function blinkBg(obj){ var bgArr=["yes1","yes2","yes3","yes4","yes"] var i=0; obj.timer=setInterval(function(){ if(i==bgArr.length-1){ clearInterval(obj.timer); } obj.className=bgArr[i]; i++; }, 150) } String.prototype.trim=function(){ var reg=/\s/g; return this.replace(reg,"") } </script>
相关文章推荐
- ie67下面的4px的bug
- 我想生成随机长度的随机字符串可是不行 不知道为什么 先记下了
- ASP.NET页面在IE7.0下显示正常,可是在傲游和TT中显示却异常,不知道为什么?
- 大部分带有字符串的编程语言中,用于去掉字符串头部和尾部的空格的方法,往往都会作为一个标准提供..trim
- 分配了任务,但是后面又来了事情,比如多出来的bug,客户多出的要求,下面的人员又现有的安排,大部分人会抵触,因为手上有事情了,上级也不会安排人给你因为他也要挣钱
- Defaultvalue在Ie67下的Bug
- scanf_s()函数—帮你解决带有空格的字符串的输入问题
- IE Bug 1 - 错误识别出现在javascript脚本中的字符串,导致HTML标签解析错误
- 将以若干个空格分隔输入的几个字符串分离出来的方法
- 关于IE BUG与字符串截取substr的解决办法
- getElementsByName 在IE下面的bug 的解决
- ie下面,没有背景色的bug
- 【求助】Html弄的比较少,问一个弱弱的问题,为什么下面代码在IE中tr之间有空白行,而在Firefox中没有空白
- c++字符串解析方法(将空格、tab、";"分离出来)
- innerHTML 和 getElementsByName 在IE下面的bug 的解决
- IE BUG之字符串截取substr方法
- 在access中执行SQL,SQL中包含IIF,取出来的结果集字符串被截断了,请教各位大侠,这个是为什么呀?谢谢!
- innerHTML 和 getElementsByName 在IE下面的bug 的解决
- 下面的代码处理中间有空格的字符串,如果用scanf到空格就结束了。
- cf 323A A. Black-and-White Cube 立体构造 不知道为什么当k为奇数时构造不出来 挺有趣的题目吧