<script>
/*
程序说明"
一个导航菜单条,当鼠标经过时背景色变成浅蓝色,
当点击后背景色变成鼠标经过时的色.
this : 当表当前的对像
document.getElementsByTagName("a") : 获取文档中的A标签(也是对像)的一个引用
arrayName[i].style.background : 设置对像的属性为背景色
*/
function dobg(vent)
{
var len; //定义获取A标签数组长度变量
var acolor = "#ccf"; //定义鼠标点击后的色
var bcolor = "#999";//定义其它没有被点的时候默认色
var arrayName = document.getElementsByTagName("a"); //定义array为数组名并赋值A标签
len = arrayName.length; //取出A标签数组的长度
for(var i = 0;i < len; i++) //循环检查传递过来的vent变量的值是不是和数组变量的值相同
{
if(vent.id == document.getElementsByTagName("a")[i].id) //如果是相同的值,那么将数组变量对应的那个值设置成定义好的背景色
{
arrayName[i].style.background=acolor;
//arrayName[i].style.height=35;
}
else //如果vent传递过来的值和数组变量的值不同就赋值成Css定义的背景色
{
arrayName[i].style.background=bcolor;
//arrayName[i].style.height=25;
}
}
}
</script>
<div id="nav">
<ul>
<li> <a href="#" id="a1" onclick="dobg(this)">公司简介 </a> </li>
<li> <a href="#" id="a2" onclick="dobg(this)">关于我们 </a> </li>
<li> <a href="#" id="a3" onclick="dobg(this)">产品展示 </a> </li>
<li> <a href="#" id="a4" onclick="dobg(this)">新闻中心 </a> </li>
<li> <a href="#" id="a5" onclick="dobg(this)">联系我们 </a> </li>
</ul>
</div> </body>
</html>document.getElementsByTagName("a") 这干嘛的? 获取本页面所有a标签对象吗?
onclick="dobg(this) 方法调用的时候这里写this是什么意思?作者说表示当前对象。 那这里的当前对象是什么啊?
/*
程序说明"
一个导航菜单条,当鼠标经过时背景色变成浅蓝色,
当点击后背景色变成鼠标经过时的色.
this : 当表当前的对像
document.getElementsByTagName("a") : 获取文档中的A标签(也是对像)的一个引用
arrayName[i].style.background : 设置对像的属性为背景色
*/
function dobg(vent)
{
var len; //定义获取A标签数组长度变量
var acolor = "#ccf"; //定义鼠标点击后的色
var bcolor = "#999";//定义其它没有被点的时候默认色
var arrayName = document.getElementsByTagName("a"); //定义array为数组名并赋值A标签
len = arrayName.length; //取出A标签数组的长度
for(var i = 0;i < len; i++) //循环检查传递过来的vent变量的值是不是和数组变量的值相同
{
if(vent.id == document.getElementsByTagName("a")[i].id) //如果是相同的值,那么将数组变量对应的那个值设置成定义好的背景色
{
arrayName[i].style.background=acolor;
//arrayName[i].style.height=35;
}
else //如果vent传递过来的值和数组变量的值不同就赋值成Css定义的背景色
{
arrayName[i].style.background=bcolor;
//arrayName[i].style.height=25;
}
}
}
</script>
<div id="nav">
<ul>
<li> <a href="#" id="a1" onclick="dobg(this)">公司简介 </a> </li>
<li> <a href="#" id="a2" onclick="dobg(this)">关于我们 </a> </li>
<li> <a href="#" id="a3" onclick="dobg(this)">产品展示 </a> </li>
<li> <a href="#" id="a4" onclick="dobg(this)">新闻中心 </a> </li>
<li> <a href="#" id="a5" onclick="dobg(this)">联系我们 </a> </li>
</ul>
</div> </body>
</html>document.getElementsByTagName("a") 这干嘛的? 获取本页面所有a标签对象吗?
onclick="dobg(this) 方法调用的时候这里写this是什么意思?作者说表示当前对象。 那这里的当前对象是什么啊?
解决方案 »
- 谁能给讲一下在YUI里面AJAX的使用方法~谢谢了
- tinymce编辑器默认超链接地址如何修改?
- Javascript提示缺少对象!
- 使iframe 在ie 和 firefox 上的問題
- 为什么我写的js文件引用不了呢?
- 求“使用IE如何实现真正全屏的解决方案”
- jquery mobile怎样让页面在跳转的时候不要置顶
- 关于JavaScript打印问题
- <input type="file" name="file" readonly>
- 怎样判断一组CHECKBOX的个数?
- appendChild一个table到一个div后div高度比table高出了许多,这是为什么
- InsertRow()里面的参数如何写?
是的this代表的是当前发出单击事件的对象
我想把 背景图片换成gps2.jpg 怎么出错了? 这里在js里面应该怎么写?