阿里云9.9元云服务器限时购买

JS图片更换还原操作,通过图片识别标识

            //图片更换还原操作,图片识别标识 如图片img.png 可换成 img2.png 
            function img_biaoshi(caozuo,img_id, biaoshi) {
                var img_src = document.getElementById(img_id).src; //获取id图片路径
                var weizhi = img_src.lastIndexOf('.');//查找最后一个出现的位置
                var qian=img_src.substring(0,weizhi);//图片前部分
                var hou=    img_src.substring(weizhi);//图片后部分
                if(caozuo=='add') return qian+biaoshi+hou;//添加图片识别标识
                if(caozuo=='rm') return qian.substring(0, qian.length - biaoshi.length)+hou;//去掉图片识别标识
                else return false;
            }

下面调用

            //选项卡点击事件
            mui('.mui-bar-tab').on('tap', 'a', function(e) {
                var targetTab = this.getAttribute('href');
                if(targetTab == activeTab) {
                    return;
                }
                //更换标题
                //title.innerHTML = this.querySelector('.mui-tab-label').innerHTML;
                //显示目标选项卡
                //若为iOS平台或非首次显示,则直接显示
                if(mui.os.ios || aniShow[targetTab]) {
                    plus.webview.show(targetTab);
                } else {
                    //否则,使用fade-in动画,且保存变量
                    var temp = {};
                    temp[targetTab] = "true";
                    mui.extend(aniShow, temp);
                    plus.webview.show(targetTab, "pop-in", 200);
                }
            
                //alert(activeTab+'是上一个,当前'+targetTab);
                    //console.log(document.getElementById(activeTab).src);
                document.getElementById(activeTab).src = img_biaoshi('rm',activeTab, '1'); //上一个
                document.getElementById(targetTab).src = img_biaoshi('add',targetTab, '1'); //当前
                plus.webview.hide(activeTab);    //隐藏当前;
                //更改当前活跃的选项卡
                activeTab = targetTab;
            });

 

posted @ 2016-07-20 17:39  HIIT  阅读(1139)  评论(0编辑  收藏  举报
阿里云限时红包 最高 ¥ 2000 云产品通用红包,可叠加官网常规优惠使用