十年網(wǎng)站開(kāi)發(fā)經(jīng)驗(yàn) + 多家企業(yè)客戶 + 靠譜的建站團(tuán)隊(duì)
量身定制 + 運(yùn)營(yíng)維護(hù)+專業(yè)推廣+無(wú)憂售后,網(wǎng)站問(wèn)題一站解決
我來(lái)幫你寫(xiě)一下吧,把你的script標(biāo)簽中的代碼換成這樣的:
創(chuàng)新互聯(lián)專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù),包含不限于網(wǎng)站制作、成都網(wǎng)站設(shè)計(jì)、臨桂網(wǎng)絡(luò)推廣、微信小程序開(kāi)發(fā)、臨桂網(wǎng)絡(luò)營(yíng)銷、臨桂企業(yè)策劃、臨桂品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運(yùn)營(yíng)等,從售前售中售后,我們都將竭誠(chéng)為您服務(wù),您的肯定,是我們最大的嘉獎(jiǎng);創(chuàng)新互聯(lián)為所有大學(xué)生創(chuàng)業(yè)者提供臨桂建站搭建服務(wù),24小時(shí)服務(wù)熱線:18980820575,官方網(wǎng)址: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
}
}
是只有燈泡嗎?
我的思路是:整個(gè)調(diào)節(jié)區(qū)間的值為0-1;然后根據(jù)這個(gè)區(qū)間的值去設(shè)置燈泡圖片的opacity透明度,具體的區(qū)間值,肯定不可能是等于0的,因?yàn)榈扔?那就是直接隱藏了,具體效果需要你調(diào)試才更直觀;若會(huì)伴隨顏色的變化的話,那就要根據(jù)區(qū)間值的某個(gè)臨界點(diǎn)來(lái)切換圖片了。
建議:多動(dòng)手去調(diào)試,不要怕不行,試過(guò)了,總結(jié)經(jīng)驗(yàn),為什么不行?如是思路問(wèn)題,那就調(diào)整思路,如果就差一點(diǎn)點(diǎn),那就攻破那一點(diǎn)點(diǎn)
這個(gè)非常簡(jiǎn)單,就是根據(jù)點(diǎn)擊事件來(lái)交替兩張圖片而已。如果你要拓展成變N次的,可以事先準(zhǔn)備好相應(yīng)的圖片,然后寫(xiě)一個(gè)數(shù)組來(lái)依次變化圖片src即可。
例如:點(diǎn)擊變化“紅、黃、綠、藍(lán)”四色,事先做好4張圖片:eg_blub_red.gif、eg_blub_yellow.gif、eg_blub_green.gif 和?eg_blub_blue.gif。然后JS里這樣寫(xiě):
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;
}
}