不同图标切换时候高亮

最新推荐文章于 2021-12-10 16:35:43 发布

java_zhaoyanli

最新推荐文章于 2021-12-10 16:35:43 发布

阅读量1k

点赞数

分类专栏： myWork--

本文链接：https://blog.csdn.net/java_zhaoyanli/article/details/78924705

版权

myWork-- 专栏收录该内容

59 篇文章

订阅专栏

我的图片名字叫pic.png,那么对应的高亮部分图片叫叫hua_pic.png




var lib = $(".libg");
	var imgurl = $(lib).find('img').attr('src');
	var str1 = imgurl.substring(0, imgurl.lastIndexOf("/") + 1);
	var str2 = imgurl.substring(imgurl.lastIndexOf("/") + 1);
	var url = str1 + "hua_" + str2;
	$(lib).find('img').attr('src', url);
	$('.btns').click(function() {

		$('.leftArea ul li').removeClass("libg");
		var alla = $('.btns');
		for(var i = 0; i < $(alla).length; i++) {
			var imgurl = $(alla[i]).find('img').attr('src');

			var url = "";
			if(imgurl.indexOf("hua_") > 0) {
				var str1 = imgurl.substring(0, imgurl.lastIndexOf("/") + 1);
				var str2 = imgurl.substring(imgurl.lastIndexOf("/") + 5);
				url = str1 + str2;
			} else {
				url = imgurl;
			}
			$(alla[i]).find('img').attr('src', url);
		}
		$(this).addClass("libg");
		var imgurl = $(this).find('img').attr('src');
		var str1 = imgurl.substring(0, imgurl.lastIndexOf("/") + 1);
		var str2 = imgurl.substring(imgurl.lastIndexOf("/") + 1);
		var url = str1 + "hua_" + str2;

		$(this).find('img').attr('src', url);

	});