zoukankan      html  css  js  c++  java
  • 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;
                });
  • 相关阅读:
    (数学)Knight's Trip -- hdu -- 3766
    (DP 雷格码)Gray code -- hdu -- 5375
    (简单匹配)Card Game Cheater -- hdu --1528
    (数论)LightOJ -- 1245
    (树状数组+离散化)lines--hdu --5124
    01项目需要用到的jquery函数介绍
    jdbc基础
    基础加强
    jdbc
    01-1项目所需小工具
  • 原文地址:https://www.cnblogs.com/hiit/p/5689176.html
Copyright © 2011-2022 走看看