imgchg.js
上传用户:comthink
上传日期:2021-05-06
资源大小:1280k
文件大小:6k
源码类别:

WEB源码(ASP,PHP,...)

开发平台:

HTML/CSS

  1. <!--
  2. //
  3. // ■ 进行动态按钮图文件的切换动作
  4. //
  5. toggleKey = new Object();
  6. toggleKey[0] = "_off";
  7. toggleKey[1] = "_on";
  8. toggleKey[2] = "_ovr";
  9. toggleKey[3] = "_out";
  10. toggleKey[4] = "_mdn";
  11. toggleKey[5] = "_mup";
  12. function imgChange(id,act){
  13.  if(document.images){ document.images[id].src = eval("img." + id + toggleKey[act] + ".src");}
  14. }
  15. // 当这段程序代码应用到播放器使用时:
  16. // 以函式 imgChange('按钮识别名称',0) 进行的动作即使用 "off" 的图档;
  17. // 以函式 imgChange('按钮识别名称',1) 进行的动作即使用 "on"  的图档。
  18. // 下面的部份就是设定 "off" 与 "on" 的动态按钮图文件。
  19. // vmute, pmode, rept, playt, pauzt, stopt 这些都是「按钮识别名称」。
  20. if(document.images){
  21.  img = new Object();
  22.  // 「静音模式」按钮的图文件 (已关闭/已开启)
  23.  img.vmute_off = new Image();
  24.  img.vmute_off.src = "./img/btn_mute_off.gif";
  25.  img.vmute_on = new Image();
  26.  img.vmute_on.src = "./img/btn_mute_on.gif";
  27.  
  28.  // 「播放顺序模式」按钮的图文件 (循序/随机)
  29.  img.pmode_off = new Image();
  30.  img.pmode_off.src = "./img/btn_rndmode_off.gif";
  31.  img.pmode_on = new Image();
  32.  img.pmode_on.src = "./img/btn_rndmode_on.gif";
  33.  // 「是否重复播放」按钮的图文件 (不重复/重复)
  34.  img.rept_off = new Image();
  35.  img.rept_off.src = "./img/btn_rept_off.gif";
  36.  img.rept_on = new Image();
  37.  img.rept_on.src = "./img/btn_rept_on.gif";
  38.  // 「播放」按钮的图文件 (非播放中/播放中/鼠标移至时)
  39.  img.playt_off = new Image();
  40.  img.playt_off.src = "./img/btn_play.gif";
  41.  img.playt_on = new Image();
  42.  img.playt_on.src = "./img/btn_play_on.gif";
  43.  img.playt_ovr = new Image();
  44.  img.playt_ovr.src = "./img/btn_play_ovr.gif";
  45.  // 「暂停」按钮的图文件 (非暂停中/暂停中/鼠标移至时)
  46.  img.pauzt_off = new Image();
  47.  img.pauzt_off.src = "./img/btn_pauz_off.gif";
  48.  img.pauzt_on = new Image();
  49.  img.pauzt_on.src = "./img/btn_pauz_on.gif";
  50.  img.pauzt_ovr = new Image();
  51.  img.pauzt_ovr.src = "./img/btn_pauz_ovr.gif";
  52.  // 「停止」按钮的图文件 (未被停止/已停止/鼠标移至时)
  53.  img.stopt_off = new Image();
  54.  img.stopt_off.src = "./img/btn_stop.gif";
  55.  img.stopt_on = new Image();
  56.  img.stopt_on.src = "./img/btn_stop_on.gif";
  57.  img.stopt_ovr = new Image();
  58.  img.stopt_ovr.src = "./img/btn_stop_ovr.gif";
  59.  // 「上一首曲目」按钮的图文件 (一般显示/鼠标移至时)
  60.  img.prevt_out = new Image();
  61.  img.prevt_out.src = "./img/btn_prev.gif";
  62.  img.prevt_ovr = new Image();
  63.  img.prevt_ovr.src = "./img/btn_prev_ovr.gif";
  64.  // 「下一首曲目」按钮的图文件 (一般显示/鼠标移至时)
  65.  img.nextt_out = new Image();
  66.  img.nextt_out.src = "./img/btn_next.gif";
  67.  img.nextt_ovr = new Image();
  68.  img.nextt_ovr.src = "./img/btn_next_ovr.gif";
  69.  // 「增加音量」按钮的图文件 (一般显示/鼠标移至时)
  70.  img.vup_out = new Image();
  71.  img.vup_out.src = "./img/btn_vup.gif";
  72.  img.vup_ovr = new Image();
  73.  img.vup_ovr.src = "./img/btn_vup_ovr.gif";
  74.  // 「减少音量」按钮的图文件 (一般显示/鼠标移至时)
  75.  img.vdn_out = new Image();
  76.  img.vdn_out.src = "./img/btn_vdn.gif";
  77.  img.vdn_ovr = new Image();
  78.  img.vdn_ovr.src = "./img/btn_vdn_ovr.gif";
  79.  // 「显示播放清单内容」按钮的图文件 (一般显示/鼠标移至时)
  80.  img.plist_out = new Image();
  81.  img.plist_out.src = "./img/btn_plist.gif";
  82.  img.plist_ovr = new Image();
  83.  img.plist_ovr.src = "./img/btn_plist_ovr.gif";
  84.  // 显示播放状态的 Scope 动态图文件 (静止/转动)
  85.  img.scope_off = new Image();
  86.  img.scope_off.src = "./img/scope_off.gif";
  87.  img.scope_on = new Image();
  88.  img.scope_on.src = "./img/scope_on.gif";
  89.  // 退出状态的 Scope 动态图文件 (一般显示/鼠标移至时)
  90.  img.exit_out = new Image();
  91.  img.exit_out.src = "./img/btn_exit.gif";
  92.  img.exit_ovr = new Image();
  93.  img.exit_ovr.src = "./img/btn_exit_ovr.gif";
  94. }
  95. function imgtog(tg,act){
  96.  if(tg=="vmute")    { if(act=="2"){imgChange("vmute",1);} else {imgmute("vmute",0);} }
  97.  if(tg=="vdn")      { if(act=="2"){imgChange("vdn",2);} else {imgChange("vdn",3);} }
  98.  if(tg=="vup")      { if(act=="2"){imgChange("vup",2);} else {imgChange("vup",3);} }
  99.  if(tg=="pmode")    { if(act=="2"){imgChange("pmode",1);} else {imgrnd();} }
  100.  if(tg=="rept")     { if(act=="2"){imgChange("rept",1);} else {imgrept();} }
  101.  if(tg=="nextt")    { if(act=="2"){imgChange("nextt",2);} else {imgChange("nextt",3);} }
  102.  if(tg=="prevt")    { if(act=="2"){imgChange("prevt",2);} else {imgChange("prevt",3);} }
  103.  if(tg=="pauzt")    { if(act=="2"){imgpauz(2);} else {imgpauz();} }
  104.  if(tg=="playt")    { if(act=="2"){imgplay(2);} else {imgplay();} }
  105.  if(tg=="stopt")    { if(act=="2"){imgstop(2);} else {imgstop();} }
  106.  if(tg=="plist")    { if(act=="2"){imgChange("plist",2);} else {imgChange("plist",3);} }
  107.  if(tg=="exit")     { if(act=="2"){imgChange("exit",2);} else {imgChange("exit",3);} }
  108. }
  109. function imgmute(){
  110.  var ps=Exobud.settings;
  111.  if(ps.mute){imgChange("vmute",1);}
  112.  else {imgChange("vmute",0);}
  113. }
  114. function imgrnd(){
  115.  if(blnRndPlay){imgChange("pmode",1);}
  116.  else {imgChange("pmode",0);}
  117. }
  118. function imgrept(){
  119.  if(blnRept){imgChange("rept",1);}
  120.  else {imgChange("rept",0);}
  121. }
  122. function imgpauz(f){
  123.  var wmps=Exobud.playState;
  124.  if(f==2){imgChange("pauzt",2);}
  125.  else {
  126.    if(wmps==2){imgChange("pauzt",1);}
  127.    else {imgChange("pauzt",0);}
  128.  }
  129. }
  130. function imgplay(f){
  131.  var wmps=Exobud.playState;
  132.  if(f==2){imgChange("playt",2);}
  133.  else {
  134.    if(wmps==3){imgChange("playt",1);}
  135.    else {imgChange("playt",0);}
  136.  }
  137. }
  138. function imgstop(f){
  139.  var wmps=Exobud.playState;
  140.  if(f==2){imgChange("stopt",2);}
  141.  else {
  142.    if(wmps==2 || wmps==3){imgChange("stopt",0);}
  143.    else {imgChange("stopt",1);}
  144.  }
  145. }
  146. function imgexit(f){
  147.  var wmps=Exobud.playState;
  148.  if(f==2){imgChange("exit",2);}
  149.  else {
  150.    if(wmps==3){imgChange("exit",1);}
  151.    else {imgChange("exit",0);}
  152.  }
  153. }
  154. //-->