微信扫一扫8.5w+
社区成员
javascript求解 bug
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style>
#tab{
border:1px solid #003500;
width:200px;
height:25px;
text-align:left;}
#tab ul{
padding:0px;
margin:0px;
width:200px;
height:25px;
}
#tab ul li{
float:left;
list-style:none;
text-align: center;
width:50px;
height:25px;
line-height:25px;
font-size:12px;}
#tab ul li a{
font-size:12px;
color:#000;
text-decoration:none;}
#tab ul li a:hover{
font-size:12px;
text-decoration:none;}
#tab ul li.one{
background:#fff;
color: #000;}
#tab ul li.two{
background:#003500;
color: #FFF;
}
#tablist{
border:1px solid #003500;
border-top:none;
width:200px;
height:200px;
text-align:left;
}
#tablist .one{
display:block;}
#tablist .two{
display:none;}
</style>
<script>
window.onload = function()
{
var oTabLi= document.getElementById('tab').getElementsByTagName('li');
var oTabList= document.getElementById('tablist').getElementsByTagName('div');;
var i=0;
for(i=0;i<oTabLi.length;i++)
{
oTabLi[i].index = i;
oTabLi[i].onclick = (function(){
for(var j=0;j<oTabList.length;j++)
{
oTabList[j].className='two';
}
oTabList[this.index].className='one';
});
};
};
</script>
</head>
<body>
<div id="tab">
<ul>
<li class="one"><a href="">网易</a></li>
<li class="two"><a href="">搜狐</a></li>
<li class="two"><a href="">百度</a></li>
<li class="two"><a href="">谷歌</a></li>
</ul>
</div>
<div id="tablist">
<div class="one">001</div>
<div class="two">002</div>
<div class="two">003</div>
<div class="two">004</div>
</div>
</body>
</html>
...全文
当前发帖距今超过3年，不再开放新的回复
发表回复
coke0 2013-01-23
好的，刚学javascript，我的滑动门做好了。http://blog.csdn.net/coke0/article/details/8533956 高兴
- 打赏
- 举报
bbjbepzz 2013-01-23
有什么问题自己先动手解决，有没有兼容问题，你在IE下试下就知道了。不要一碰到问题就发个帖子，贴个代码。当你想尽各种办法都解决不了的时候，再来论坛里面发个帖子，要学会用google。
- 打赏
- 举报
coke0 2013-01-23
谢谢，可以了，javascript:void(0);这句话什么作用啊?还有getElementsByTagName ie有兼容问题吗？貌似ie也可以
- 打赏
- 举报
fzfei2 2013-01-23
href="" ==> href="#"
href=""相当于href="/"本面URL，点击后产生刷新的效果，所以 就会返回到初始值
- 打赏
- 举报
bbjbepzz 2013-01-23
<li class="one"><a href="javascript:void(0);">网易</a></li>
<li class="two"><a href="javascript:void(0);">搜狐</a></li>
<li class="two"><a href="javascript:void(0);">百度</a></li>
<li class="two"><a href="javascript:void(0);">谷歌</a></li>
- 打赏
- 举报
coke0 2013-01-23
那个大侠帮我看看啊，急着学习
- 打赏
- 举报
coke0 2013-01-23
为什么我加上a标签后，点击后div就会返回到初始值？不加a标签可以正常的tab滑动门
- 打赏
- 举报
meteor-bug-packages-update-源码 使用 Meteor 1.0 重现一个错误，其中约束求解器无法找出依赖项，并因内存分配错误而失败。 只需运行meteor update即可重现
Javascript优化后的加减乘除（解决js浮点数计算bug） 网上流传的代码（有bug） 网上流传的优化后的代码如下（有问题的代码，请勿使用） function add (a, b) { var c, d, e; try { c = a.toString().split( "." )[ 1 ].length; } catch (f) { c ...
JavaScript面试题 JavaScript面试题汇总 1.display:none 与 visibility:hidden 的区别是什么？ display:none和visibility:hidden都可以实现元素在视窗的不可见， display:none不会保留元素的位置，结构发生了改变，所以触发了回流和重...
ExpoSE:用于JavaScript的动态符号执行（DSE）引擎。 ExpoSE具有高度的可扩展性，与最新JavaScript标准兼容，并支持字符串和正则表达式的符号建模-源码 ExpoSE基于Jalangi2和Z3 SMT求解器。 要求 需要node版本v14.16.1（其他版本可能有效，但未经测试）， npm ， clang （带有clang++ ）， gnuplot （用于覆盖图）， make和python2 （作为path中的python）。 在Ubuntu...
JavaScript基础 1、type=“type/javascript”说明当前script标签中 文本的类型。 2、所有的JS代码都必须写在script标签里 3、JS代码可以放在任何地方，但是好的语法习惯，scirpt 标签放在head标签中。 4、可以引入多个script标签...
JavaScript数组去重算法实例 JavaScript数组去重算法实例 总结分析了JavaScript数组去重相关的读写、遍历、比较、排序等操作及算法改进相关实现技巧。 例： arr = ["1",3,"1",1,4,5,1,"2",5,1,{"name":"li","age":20},2,4,3,{"name":"li","age...
javascript 常用算法与数据结构 javascript 算法与数据结构一、基础算法1、反转字符串中的单词（1）split方法（2）正则表达式方法2、计数二进制子串3、电话号码组合 一、基础算法 1、反转字符串中的单词 题目：输入: “Let’s take LeetCode ...
经典JavaScript正则表达式实战 来源：如何用 javascript 正则表达式 取出字符串最后一组数字，谢谢 如 30CAC0040 取出40 3SFASDF92 取出92 正则如下：/\d+$/g --> \d+至少包含一个数字；$字符串结尾 统一空格个数 来源：正则匹配空格...
JavaScript中的递归 原文: All About Recursion, PTC, TCO and STC in JavaScript译者: Fundebug为了保证可读性，本文采用意译而非直译。递归简介 一个过程或函数在其定义或说明中有直接或间接调用自身的一种方法，它通常把一个大型...
Prepack——让JavaScript代码运行更快速 Prepack是一个JavaScript源代码优化工具：实际上它是一个JavaScript的部分求值器（Partial Evaluator），可在编译时执行原本在运行时的计算过程，并通过重写JavaScript代码来提高其执行效率。Prepack用简单的赋值...
JavaScript的工作原理：解析、抽象语法树（AST）+ 提升编译速度5个技巧 原文：JavaScript的工作原理：解析、抽象语法树（AST）+ 提升编译速度5个技巧 作者：前端小智 Fundebug经授权转载，版权归原作者所有。 这是专门探索 JavaScript 及其所构建的组件的系列文章的第 14 篇。 如果你...
php多了换行符,javascript - jQuery的ajax()多了几个换行符,求解 - SegmentFault 使用$.ajax()向后端php获取字符串，那边只返回了loginSuccess或者loginFaild几个字符，使用alert()和console....也有人遇到类似的情况，我试了jquery1.8和1.3的库，都会多出这几个换行符，不知道这是jquery的bug，还...
JavaScript函数式编程 从上面的代码中，我们可以明显看到increaseX依赖于外部可变变量seed，也就是说，increaseX的返回值取决于系统状态，这会导致一些bug变得难以捉摸。 追求纯函数其实还是因为纯函数带来的一些好处，比如说能够根据...
js求两圆交点_javascript-如何定义三个圆的交点？ 给定三个圆的中心点和半径,如何定义相交区域？ 到目前为止,我所拥有的是： var point1 = ... PS 1西蒙(Simon)指出我不应该认为事情简单 标签：formula,javascript 来源： https://codeday.me/bug/20191102/1993433.html
彻底吃透 JavaScript 执行机制 运行 首先我们需要声明下，JavaScript 的执行和运行是两个不同概念的，执行，一般依赖于环境，比如 node、浏览器、Ringo 等， JavaScript 在不同环境下的执行机制可能并不相同。而今天我们要讨论的 Event Loop 就是...
经典JavaScript正则表达式实战（转） 经典JavaScript正则表达式实战 目录 正则表达式实战...1 匹配结尾的数字...2 统一空格个数...3 判断字符串是不是由数字组成...3 电话号码正则...3 手机号码正则表达式...4 使用正则表达...
