`
fireq3
  • 浏览: 37944 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

选择时背景色变换

 
阅读更多

<html>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<meta http-equiv="Content-Language" content="zh-CN" />

<meta content="all" name="robots" />

<meta name="author" content="盛飞, SenFe" />

<meta name="Copyright" content="" />

<meta name="description" content="" />

<meta content="" name="keywords" />

<style type="text/css"><!--

#senfe {

 width: 300px;

 border-top: #000 1px solid;

 border-left: #000 1px solid;

}

#senfe td {

 border-right: #000 1px solid;

 border-bottom: #000 1px solid;

}

--></style>

<script language="javascript"><!--

function senfe(o,a,b,c,d){

 var t=document.getElementById(o).getElementsByTagName("tr");

 for(var i=0;i<t.length;i++){

  t[i].style.backgroundColor=(t[i].sectionRowIndex%2==0)?a:b;

  t[i].onclick=function(){

   if(this.x!="1"){

   for(var j = 0;j<t.length;j++){

    t[j].x="0";

   //t[j].style.backgroundColor=(t[j].sectionRowIndex%2==0)?a:b;

    }

    this.x="1";//本来打算直接用背景色判断,FF获取到的背景是RGB值,不好判断

    this.style.backgroundColor=d;

    

   }else{

    this.x="0";

    this.style.backgroundColor=(this.sectionRowIndex%2==0)?a:b;

   }

  }

  t[i].onmouseover=function(){

   if(this.x!="1")this.style.backgroundColor=c;

  }

  t[i].onmouseout=function(){

   if(this.x!="1")this.style.backgroundColor=(this.sectionRowIndex%2==0)?a:b;

  }

 }

}

--></script>

</head>

<body>

<table border="0" cellpadding="0" cellspacing="0" id="senfe">

<tr><td> </td><td> </td><td> </td><td> </td></tr>

<tr><td> </td><td> </td><td> </td><td> </td></tr>

<tr><td> </td><td> </td><td> </td><td> </td></tr>

</table>

<script language="javascript"><!--

//senfe("表格名称","奇数行背景","偶数行背景","鼠标经过背景","点击后背景");

senfe("senfe","#fff","#ccc","#cfc","#f00");

--></script>

</body>

</html>

<a href="http://js.alixixi.com/">欢迎访问阿里西西网页特效代码站,js.alixixi.com</a>

分享到:
评论

相关推荐

    变换颜色变换颜色变换颜色

    C++ 变换颜色变换颜色变换颜色变换颜色变换颜色变换颜色变换颜色变换颜色变换颜色变换颜色变换颜色变换颜色变换颜色变换颜色变换颜色

    背景不停变换颜色.rar

    在编程中,这通常是通过使用定时器或者事件触发器来实现的,它们周期性地改变元素的背景颜色。例如,可以使用JavaScript、CSS3或者特定的库如jQuery来编写代码,使得每隔一段时间背景颜色就自动更新。在Web开发中,...

    API实现窗口背景颜色变换

    利用API实现窗口的背景颜色的变换,由红绿蓝三原色进行变换

    图片和背景颜色一起变换的js切换

    "图片和背景颜色一起变换的js切换" 指的是一种JavaScript实现的动态效果,它允许网页中的图片和背景颜色随着用户的交互或时间流逝而同步变化。这种效果可以提升用户体验,使网站更具视觉吸引力,尤其适用于那些希望...

    QPropertyAnimation,自定义动画,控件背景色字体色变换

    在给定的场景中,“QPropertyAnimation,自定义动画,控件背景色字体色变换”是一个具体的示例,展示了如何利用QPropertyAnimation来创建一个简单的应用,该应用能够动态地改变控件的外观。 首先,让我们深入了解...

    C#简单的字体大小颜色背景等变换程序

    通过设置控件的属性,如`Text`、`ForeColor`(字体颜色)、`BackColor`(背景颜色)和`Font`(字体样式),可以改变它们的外观。 2. **颜色处理**:在C#中,颜色可以通过`Color`结构体表示,它提供了丰富的颜色选择...

    变换背景色的页面.rar

    7. JavaScript 动画库:除了原生JavaScript,还可以利用如jQuery或GreenSock这样的动画库来创建更复杂的背景颜色变换效果,它们提供了更丰富的动画功能和更简洁的API。 8. 响应式设计:考虑到不同设备的屏幕大小和...

    js 特效 html 特效 变换背景色的页面

    js 特效 html 特效 变换背景色的页面

    javascript背景颜色按时变换.docx

    标题中的"javascript背景颜色按时变换"指的是在网页中使用JavaScript编程语言来动态改变网页元素的背景颜色,并且这个改变是按照一定的时间间隔进行的。这种效果可以为网站增添视觉吸引力,提升用户体验,常用于制作...

    可以变换背景颜色的PPT经典商务模板.rar

    【标题】"可以变换背景颜色的PPT经典商务模板.rar" 涉及的主要知识点是PowerPoint(PPT)的设计与应用,特别是商务演示文稿的制作和个性化定制。在商务环境中,一个专业的PPT模板能够提升演讲者的形象,使信息传递...

    CSS3 SVG线条圆圈变换背景动画特效

    `animation-fill-mode`可以设置为`forwards`或`both`,使得动画结束后保持最后一个关键帧的状态,这样线条在完成绘制后会保持一个颜色,然后背景颜色再进行相应的变换,以此达到交替效果。 在实际应用中,开发者...

    根据时间变换背景

    用户可以选择是否开启背景变换功能,或者自定义特定的背景图片,这些信息需要被妥善保存和读取。 5. **用户体验**:在设计这种功能时,需要考虑用户体验。背景切换应尽可能地不影响页面加载速度,同时过渡效果应...

    MFC 按钮控件背景色改变

    除了这种方式,还可以通过重载OnPaint()函数,或者使用WM_CTLCOLORBTN消息来改变按钮背景色,但ON_WM_CTLCOLOR_MSG()通常是更简单且直观的选择。 不过,如果你的项目要求动态改变按钮颜色,例如根据用户交互或其他...

    变换背景颜色(可以手选)

    变换背景颜色的HTML lck=0; function r(hval) { if ( lck == 0 ) { document.bgColor=hval; } } function l() { if (lck == 0) { lck = 1; } else { ...

    文本框获得焦点改变背景颜色.html

    文本框获得焦点改变背景颜色,HTML,JAVASCRIPT,CSS,做网页前台的时候看一看

    双击鼠标随机改变背景颜色.doc

    描述中提到的“一个双击鼠标随机改变背景颜色的java程序”,进一步明确了这个程序的主要行为是响应用户的双击操作,并执行相应的颜色变换逻辑。 标签“java”表明该程序使用Java编程语言编写,而“双击鼠标随机改变...

    根据时间自动切换网页背景颜色或图片代码-附带教程

    有些时侯为了丰富页面的显示效果,将页面制作成根据时间变换页面背景的样式,这样会使浏览者对此网站不会感觉厌倦,同时也会觉得网站制作的非常新颖。 本文通过 Date 对象的 getHours() 方法获得当前时间,然后根据...

    C#form不断变化背景颜色

    在本例中,开发者可能设置了一个Timer,每隔一定时间间隔(例如1秒)触发一次`Tick`事件,从而实现背景颜色的连续变换。 3. **Random类**: Random类是.NET Framework提供的,用于生成随机数的类。在这里,开发者...

    txt文本阅读器 实现字体颜色改变和文本背景变换

    "txt文本阅读器 实现字体颜色改变和文本背景变换"这个项目是一个专注于增强用户阅读体验的简易应用,它允许用户自定义文字的颜色和背景颜色,尽管目前还无法调整字体大小,但开发者正在进行相关改进。 在实现这个...

    html5色彩变换菱形背景动画特效.zip

    &lt;!doctype html&gt; &lt;... &lt;head&gt; ...meta charset="utf-8"&gt;...html5色彩变换菱形背景动画特效&lt;/title&gt; &lt;style&gt; body {margin: 0;} &lt;/style&gt; &lt;/head&gt; &lt;body

Global site tag (gtag.js) - Google Analytics