• 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;
                });
  • 相关阅读:
    MathType输入框怎么调整
    几何画板中去除画出的线段的教程
    MathType怎么编辑半开半闭区间
    几何画板给月牙图形填充颜色的技巧
    MathType调整矩阵分隔线粗细的方法
    帮你深入理解OAuth2.0协议
    phalapi
    Spring松耦合实例
    让前端工程师糟心的正则表达式到底是什么?
    composer安装
  • 原文地址:https://www.cnblogs.com/hiit/p/5689176.html
Copyright © 2020-2023  润新知