电脑爱好者
网站地图 RSS-订阅
高级搜索 收藏本站

本站首页

| 电脑常识 | 操作系统 | 安全防护 | 电子数码 | 多媒体 | 互联网 | 计算机技术 | 电脑软件 | 电脑通讯 | 电脑硬件

热门关键字:  操作系统  软件  文件加密码  电脑检测不到U盘  共享
当前位置:电脑爱好者首页 >> 互联网 >> 网站建设 >>

请大家进入淘宝网首页,看一下导航条的问题?



请大家进入淘宝网首页,看一下,如果点击一下“首页”,则“首页”这个连接就变成红色的,如果点击一下“手机数码”,则“手机数码”就变成红色,这个效果是怎么做出来的。
我只会用表格做网页,怎么做不出这个效果呢,我发现它不是用按钮做出来的,那么是用什么做出来的,请把代码告诉我,把代码的作用加上注释。详细点,

谢谢
 
提问者:匿名
等级:中尉
时间::2008-05-29
悬赏:10
问题已结束
回答 共 1 条
首先你不能认为只有按钮才可以触发动作事件,象我给你的这个例子是在td上加的onclick(鼠标单击)事件,其实是可以在很多对象上加触发动作事件的。具体有哪些事件可被触发,又可作用在哪些对象上,如果有兴趣的话可以到网上查查

因为你对表格比较熟悉,所以我用表格给你做的例子(个人认为用div效果会更好,如果有兴趣自己在这基础上略加调整就可以)

我只是做了个改变背景颜色的简单例子,你要知道这个不仅仅可以用于改变背景颜色,略微改动还可以改变字体大小、颜色、更换背景图片等等。这个例子是个基础,更大的空间留给你自己发挥。^-^

将以下代码放在<body></body>中
<script language="javascript">
function change(objname)
{
var obj=document.getElementById(objname)
//改变颜色
for(var i=1;i<=4;i++)
{
document.getElementById("td"+i).style.backgroundColor="#ffffff"
}
obj.style.backgroundColor="#ff0000"
}
</script>
<table width="200" border="2" cellspacing="0" cellpadding="0">
<tr>
<td id="td1" style="background-color:#ff0000" onclick="change('td1')">页面1</td>
<td id="td2" style="background-color:#ffffff" onclick="change('td2')">页面2</td>
<td id="td3" style="background-color:#ffffff" onclick="change('td3')">页面3</td>
<td id="td4" style="background-color:#ffffff" onclick="change('td4')">页面4</td>
</tr>
<tr>
<td colspan="4" bgcolor="#ff0000"> </td>
</tr>
</table>

以上代码逻辑思路很清楚(单击td改变背景),我就不详细讲了。代码里面用到了css和javascript,有不明白的建议你到网上去查查
该回答在5月24日 10:17由回答者修改过
回答者:匿名
等级:少校
时间:2008-05-29
我也来回答:
匿名回答
上一篇:想了解一下网页制作~~~   下一篇:什么是TAG?
[收藏] [推荐] [返回顶部] [打印本页]  

热点问题

·做一个像58那样的网站要多少钱?
·求51种子码!
·QQ空间的日志里如何插入视频节目?
·如何拥有一个能上传到QQ空间的视频地址
·我想以后给人做网站需要会什么软件
·一级域名注册
·Active Server Pages, ASP 0126 (0x800
·虚拟主机空间销售中的CPU资源分配是什
·QQ空间里的日志怎样插入视频?
·有什么好用的ASP CMS系统啊!?
·问各位原来的WWW.K8K8.COM
·Shockwave插件是什么意思啊
·花生壳申请的域名如何用在自己做的网页

相关问题

·想了解一下网页制作~~~
·什么是TAG?
·请问有关建设网站的步骤
·关于域名解析的问题
·请教各位专家,各类域名有什么区别?
·请教专家,怎样建立企业网站?
·有谁用过5星网的虚拟主机服务吗?
·我的网站是不是中病毒了啊?
·是不是中毒拉???怎么光垃圾东西??
·如果建站?
·关于字符串转换
·软件打开的页面算不算流量?
·有了空间就可以上传网站了吗?
© 2007 电脑爱好者 Itnum.com All rights reserved.
本站提供的电脑技术、计算机技术问题均来自网络 版权归原作者所有