javascript换色,js换背景颜色

MyEclipse怎么改变JavaScript代码行的背景色

MyEclipse最上面导航栏，window-Preferences-General-Editors-Text

Editors就直接点击这个 看到Appearance color options:框里面点击Background color

就可以修改MyEclipse编辑器颜色，

如果要修改编辑器某个部位颜色的话，好像是在window-Preferences在搜搜看里输入font ，点击

Colors and Fonts 在里面找找，具体是哪个不清楚了，自己试试吧，我的现在是这样。

js怎么实现点击循环切换颜色

你可以先将要出现的颜色，存储到一个数组里，点击时切换数组里的元素就可以了。

下面是小例子：

body

div style="width:100px; height:100px; border:1px solid #ccc;"/div

/body

script

var sColor = ['red','blue','yellow','gray'];

var oDiv = document.getElementsByTagName('div')[0];

var iNum = 0;

oDiv.onclick = function(){

this.style.background = sColor[iNum%sColor.length];

iNum++;

};

/script

JS点击更换网页背景颜色。

javascript脚本：

script type="text/javascript"

// 定义可换的颜色

var colors = ["#ff0000", "#00ff00", "#0000ff", "#ffff00", "#00ffff", "#ff00ff"];

var index = 0;

// 换色方法

function changeColor() {

// 获取颜色代码

var color = colors[index++];

// 更改文档的背景色

document.bgColor = color;

if (index == colors.length) {

index = 0;

}

}

/script

HTML代码：

input type="button" value="换色" onclick="changeColor();" /

JavaScript 文字 颜色变换

这样就可以了，在firefox中测试成功：

td style="background-color:#DEF1D8" height="30" colspan="7" align="left" font style="color:#006600"订制流程:/font

script language="JavaScript1.2"

//下面设置显示效果的属性

var message="房源搜索→选择参观楼盘到购物车→到购物车提交看房订单→打包成看房线路→成行"

var neonbasecolor="#DEF1D8"; //文字原有颜色

var neontextcolor="red"; //要变换的颜色

var flashspeed=100 //in milliseconds; //颜色变换频率

///No need to edit below this line/////

var n=0

document.write('font color="'+neonbasecolor+'"')

for (m=0;mmessage.length;m++)

document.write('span id="neonlight"'+message.charAt(m)+'/span'); //输出效果

document.write('/font')

//cache reference to neonlight array

var tempref=document.getElementsByTagName("span");

function neon(){

//Change all letters to base color

if (n==0){

for (m=0;mmessage.length;m++)

{tempref[m].style.color=neonbasecolor;}

}

//cycle through and change individual letters to neon color

tempref[n].style.color=neontextcolor

if (ntempref.length-1){

n++;}

else{

n=0

clearInterval(flashing)

setTimeout("beginneon()",1500)

return

}

}

function beginneon(){

flashing=setInterval("neon()",flashspeed);}

beginneon()

/script

/td

如何让javascript点击灯泡，多次换颜色，求详细代码解答

这个非常简单，就是根据点击事件来交替两张图片而已。如果你要拓展成变N次的，可以事先准备好相应的图片，然后写一个数组来依次变化图片src即可。

例如：点击变化“红、黄、绿、蓝”四色，事先做好4张图片：eg_blub_red.gif、eg_blub_yellow.gif、eg_blub_green.gif 和 eg_blub_blue.gif。然后JS里这样写：

var bulbColors = ['red', 'yellow', 'green', 'blue'];

var idx = 0;  // 索引

function changeImage() {

   var imgUrl = '/i/eg_blub_' + bulbColors[idx] + '.gif',

       element = document.getElementById('myimage');

   element.src = imgUrl;  // 更换图片

   idx++;

   if (idx == bulbColors.length) {

       idx = 0;

   }

}