javascript灯泡,js灯泡开关

关于JavaScript 判断与存储变量的问题

我来帮你写一下吧，把你的script标签中的代码换成这样的：

var n;

function changeImage() {

    var element = document.getElementById('myimage');

    if (n == 0) {

        element.src = "/i/eg_bulboff.gif";

        n = 1;

    } else {

        element.src = "/i/eg_bulbon.gif";

        n = 0

    }

}

相关问答

Q1: js+CSS 如何实现调灯泡颜色和亮度

是只有灯泡吗？

我的思路是：整个调节区间的值为0-1；然后根据这个区间的值去设置灯泡图片的opacity透明度，具体的区间值，肯定不可能是等于0的，因为等于0那就是直接隐藏了，具体效果需要你调试才更直观；若会伴随颜色的变化的话，那就要根据区间值的某个临界点来切换图片了。

建议：多动手去调试，不要怕不行，试过了，总结经验，为什么不行？如是思路问题，那就调整思路，如果就差一点点，那就攻破那一点点

Q2: 如何让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;

   }

}