新网创想网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
我来帮你写一下吧,把你的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;
}
}