一、点击后，文字变色实例：IE6下测试；
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD><TITLE>鼠标点击表格行背景变色</TITLE>
<style>
td{width:30px;height:30px;background-color:pink;}
</style>
</HEAD>
<BODY>
<table width="245" border=1 id="tb">
<tr>
<td width="58">鼠标点击</td>
<td width="90">鼠标点击</td>
<td width="75">鼠标点击</td>
</tr>
<tr>
<td>鼠标点击</td>
<td>鼠标点击</td>
<td>鼠标点击</td>
</tr>
</table>
<SCRIPT LANGUAGE="JavaScript">
<!--
var TD = tb.all.tags("TD");
var ObjTemp=null;
var eventColor={mouseover:"",mouseout:"black",click:"red"};
for (var i=0;i<TD.length;i++){
TD(i).onmouseover=TdEvent;
TD(i).onmouseout =TdEvent;
TD(i).onclick =TdEvent;
}
function TdEvent(){
var obj = event.srcElement;
if (ObjTemp==obj) return;
obj.style.color=eval("eventColor."+event.type);
if (event.type=="click") {
if (ObjTemp!=null)ObjTemp.style.color="";
ObjTemp=obj;
}
}
//-->
</SCRIPT>
</BODY>
</HTML>
2，鼠标点击后，背景变色：测试IE6
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD><TITLE>鼠标点击表格行背景变色</TITLE>
<style>
td{width:30px;height:30px;background-color:pink;}
</style>
</HEAD>
<BODY>
<table border=1 bordercolor="black" id="tb">
<tr><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td></tr>
</table>
<SCRIPT LANGUAGE="JavaScript">
<!--
var TD = tb.all.tags("TD");
var ObjTemp=null;
var eventColor={mouseover:"blue",mouseout:"pink",click:"red"};
for (var i=0;i<TD.length;i++){
TD(i).onmouseover=TdEvent;
TD(i).onmouseout =TdEvent;
TD(i).onclick =TdEvent;
}
function TdEvent(){
var obj = event.srcElement;
if (ObjTemp==obj) return;
obj.style.backgroundColor=eval("eventColor."+event.type);
if (event.type=="click") {
if (ObjTemp!=null)ObjTemp.style.backgroundColor="";
ObjTemp=obj;
}}
//-->
</SCRIPT>
</BODY>
</HTML>
分享到：
相关推荐
时间日期特效2，包括跟随鼠标罗马时钟，跟随鼠标时间2，跟随鼠标时间3，跟随鼠标1，固定挂钟，固定的页面时钟，固定右上角时钟，计算当月还剩天数，计算两个日期之差，计算任意一天星期几，计算星座与属相，记录几...
实例006 弹出的窗口之Cookie控制 9 实例007 为弹出的窗口加入关闭按钮 11 实例008 关闭弹出窗口时刷新父窗口 12 实例009 关闭IE主窗口时，不弹出询问对话框 13 1.2 弹出网页对话框 14 实例010 弹出网页模式对话框 14...
该水波涟漪特效使用的是jQuery而不是canvas来制作，它可以在一张平面图片上产生逼真的水波涟漪效果，并且可以使用鼠标和水波进行互动。本段代码兼容目前最新的各类主流浏览器，是一款非常优秀的特效源码。本代码适用...
16-鼠标以上图片放大特效 17-斜切 18-2D转换总结 19-多个2D共存的情况 网页设计开发之CSS的各种效果的练习作业.rar 网页设计开发之CSS的各种效果的练习作业.rar 网页设计开发之CSS的各种效果的练习作业.rar 网页...
之所以叫做三叉戟就是因为软件由三个部分组成：沐风特效工具、沐风取色工具和沐风剪贴板。 沐风特效工具不求特效的齐全，但是每一个特效都是经过作者精心挑选的实用特效，加上特有的特效简介或使用建议，初学者...
jQuery提示窗口特效代码，鼠标按住拖动、任意拖拽改变大小，jquery.ui的典型实例之一，本效果用在网页提示方面相当合适，简洁美观，而且窗口可以随意的放大和缩校如截图所示，鼠标放在指定标志上，本窗口就出现了，...
集合了518个十分精彩的Javascript小程序，她真正做到了与特效源程序相溶合，...所有特效加起来已达到518种之多，而且每个特效均是可视化制作界面，制作特效只需点击几下鼠标即可完成：-）此版本开放所有功能，让您尽情
刚学会做网页，看到别的人网页又炫又酷，而自己的网页做得却十分枯燥，还花了不少心思，不知道该从何处下手...所有特效加起来已达到458种之多，而且每个特效均是可视化制作界面，制作特效只需点击几下鼠标即可完成：-）
所有特效加起来已达到518种之多，而且每个特效均是可视化制作界面，制作特效只需点击几下鼠标即可完成：-）此版本开放所有功能，让您尽情体验用“有声有色”做网页的乐趣，令您的网页在瞬间变得“有声有色”。...
紧随鼠标的流动的七彩多姿字串特效，可以设置一串文字跟随鼠标移动，文字可以变换颜色，不同的字不同的颜色。非常漂亮的网页特效。此网页特效支持IE、TT、世界之窗、遨游、360、绿色浏览器。网页特效代码加入到您...
今天很高兴为大家介绍一款3D纯色调背景旋转特效，... 附件提供了四种不同的效果，截图只是其中的效果之一，包括时间变化的上下翻滚，图片左右切换后的图片上下翻滚，和最后一种需要用鼠标拖动才能上下翻滚的网页特效
52. jquery缩略图滚动特效之带小图的网页元素滚动轮播插件 53. jquery网站顶部滑动广告插件 54. jquery自动播放图片滚动漂浮式效果的示例 55. jquery贴图旋转及缩放插件下载 56. jquery门户网站首页全屏弹性...
特点：鼠标悬停在图片区域后，滑动鼠标... 2、将代码部分拷贝到你的网页之中 注意事项： 1、列表li之间的距离，不能用margin。 因为滚动的距离，要判断li的宽度，否则会导致滚动下一屏的时候出现错位问题
Flash 5 点阵汉字特效这是一个用点阵方式的汉字实现的一些效果的集合，如果您自己动手会制作出惊人的东西(16KB) 61,2000121802102.zip 激光字 一个老的效果：用激光来写字，关心特殊效果的朋友一定要看看(6KB)...
jQuery图片插件之鼠标放在图片上出现动态的hover效果插件 jQuery图片特效404 jQuery图片特效CustomAnimationBanner jQuery图片特效FullPageImageGallery jQuery图片特效image Scroller图片滚动 jQuery图片特效...
Flash 5 点阵汉字特效这是一个用点阵方式的汉字实现的一些效果的集合，如果您自己动手会制作出惊人的东西(16KB) 61,2000121802102.zip 激光字 一个老的效果：用激光来写字，关心特殊效果的朋友一定要看看(6KB)<END>
始终固定在网页右上角的一款qq在线客服代码 当然，你也可以做适当修改 在其中添加电话号码、msn之类的账号聊天接口 距离网页顶部100px，可根据实际需要做适当修改 当然，最大的特点是代码...
52.jquery缩略图滚动特效之带小图的网页元素滚动轮播插件 53.jquery网站顶部滑动广告插件 54.jquery自动播放图片滚动漂浮式效果的示例 55.jquery贴图旋转及缩放插件下载 56.jquery门户网站首页全屏弹性伸缩...
此外，也能很方便的嵌入 Flash, ActiveX, Java 之类的档案，也有内建 FTP 功能，让你方便上传网页。这款编辑软体有一项很大的优点，就是具备图层概念，连FLASH都可以被叠上去。软件界面美观简洁、简单全面、实用方便...