我来帮你写一下吧，把你的script标签中的代码换成这样的：
创新互联专注为客户提供全方位的互联网综合服务，包含不限于网站制作、成都网站设计、临桂网络推广、微信小程序开发、临桂网络营销、临桂企业策划、临桂品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等，从售前售中售后，我们都将竭诚为您服务，您的肯定，是我们最大的嘉奖；创新互联为所有大学生创业者提供临桂建站搭建服务，24小时服务热线：18980820575，官方网址：www.cdcxhl.com
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
}
}
是只有灯泡吗？
我的思路是：整个调节区间的值为0-1；然后根据这个区间的值去设置灯泡图片的opacity透明度，具体的区间值，肯定不可能是等于0的，因为等于0那就是直接隐藏了，具体效果需要你调试才更直观；若会伴随颜色的变化的话，那就要根据区间值的某个临界点来切换图片了。
建议：多动手去调试，不要怕不行，试过了，总结经验，为什么不行？如是思路问题，那就调整思路，如果就差一点点，那就攻破那一点点
这个非常简单，就是根据点击事件来交替两张图片而已。如果你要拓展成变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;
}
}
