初学者想问下这小段javascript什么意思？
<script>function$(id){returntypeofid=="string"?document.getElementById(id):id;}window...
<script>
function $(id){
return typeof id=="string"?document.getElementById(id):id;
}
window.onload = function(){
var titleName = $("tab-title").getElementsByTagName("li");
var tabContent = $("tab-content").getElementsByTagName("div");
if(titleName.length !=tabContent.length){
return;
}
for(var i = 0;i<titleName.length;i++){
titleName[i].id = i;
titleName[i].onmouseover = function(){
for(var j = 0;j<titleName.length;j++){
titleName[j].className = "";
tabContent[j].style.display = "none";
}
this.className = "select";
tabContent[this.id].style.display = "block";
}
}
}
</script> 展开
function $(id){
return typeof id=="string"?document.getElementById(id):id;
}
window.onload = function(){
var titleName = $("tab-title").getElementsByTagName("li");
var tabContent = $("tab-content").getElementsByTagName("div");
if(titleName.length !=tabContent.length){
return;
}
for(var i = 0;i<titleName.length;i++){
titleName[i].id = i;
titleName[i].onmouseover = function(){
for(var j = 0;j<titleName.length;j++){
titleName[j].className = "";
tabContent[j].style.display = "none";
}
this.className = "select";
tabContent[this.id].style.display = "block";
}
}
}
</script> 展开
1个回答
展开全部
<!DOCTYPE HTML>
<html>
<head>
<meta charset=UTF-8 />
<script type="text/javascript" src="jquery-1.8.0.min.js"></script>
<script type="text/javascript">
// 定义一个方法，根据id获取dom元素
function $ (id)
{
return typeof id == "string" ? document.getElementById (id) : id;
}
// 页面载入调用
window.onload = function ()
{
// 查找id为tab-title的dom元素里面的li元素，返回一个集合。
var titleName = $ ("tab-title").getElementsByTagName ("li");
// 查找id为tab-content的dom元素里面的div元素，返回一个集合。
var tabContent = $ ("tab-content").getElementsByTagName ("div");
// 如果2个集合的个数不同，就返回，不执行下面的代码。
if (titleName.length != tabContent.length)
{
return;
}
// 如果相同长度就循环li集合。
for ( var i = 0; i < titleName.length; i++)
{
// 绑定id属性到dom元素上。
titleName[i].id = i;
// 给每个li元素添加鼠标滑过事件.
titleName[i].onmouseover = function ()
{
// 先清空所有li的class属性，并且设置为不可见。
for ( var j = 0; j < titleName.length; j++)
{
titleName[j].className = "";
tabContent[j].style.display = "none";
}
// 再设置当前被划到的li的class为select，并且可见。
this.className = "select";
tabContent[this.id].style.display = "block";
}
}
}
// 解答完毕。费心劳力。采纳即可。
</script>
</head>
<body>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
