不同图标切换时候高亮

MUI 底部导航 (选中高亮改变icon) 底部导航栏应该是现在主流APP最常用的一种显示方式,我个人也觉得底部导航栏最清晰直观,一般以4-5个为宜。这里我做了点小东西,就是点击某个选项卡的时候,它自动高亮,并且改变icon,这样整体感觉就非常动感,比如信息选项卡,未点击的时候是一个封闭的信封,一点就变成打开的信封,要的就是这个效果。这里主要用到如下几种东西:【底部选项卡】,【外部icon引用】,【icon自动变换】,见代码和注释,上面的都... 阅读详情
我的图片名字叫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);

	});





        
鸿蒙应用开发之Ability底部导航栏 先说一下功能需求: 点击底部导航的图片所在的区域,上方显示不同的内容,例如:点击第一个图标,中间显示 文本内容“home”,点击第二个图标显示"list',点击第三个图标显示"me', 点击home的时候,home所在区域显示高亮,其他两个导航图标和文字显示灰色 1 布局如下: ability_main.xml <?xml version="1.0" encoding="utf-8"?> <DirectionalLayout xmlns:ohos="http:/. 阅读详情

相关推荐

js鼠标经过图标导航高亮旋转特效代码

js鼠标经过图标导航高亮旋转代码是一款鼠标经过多个图标导航时,当前图标导航高亮,其余的变成暗显示,里面的标签旋转隐藏动画效果。

URL处理细节

String fileName = imgUrl.substring(imgUrl.lastIndexOf('/') + 1, imgUrl.length()); try { // 文件名里面可能有中文或者空格,所以这里要进行处理。但空格又会被URLEncoder转义为加号 String urlTail = URLEncoder.encode(f...

weixin_30861459的博客 116

告别编译噩梦:Vcpkg+Cmake一站式集成Tesseract-OCR C++开发环境(Windows)

本文详细介绍了如何在Windows系统上使用Vcpkg和CMake快速集成Tesseract-OCR C++开发环境,解决传统编译过程中的依赖问题。通过一键安装和自动化配置,开发者可以高效搭建OCR识别系统,支持中英文识别,并提供了常见问题的解决方案和进阶技巧。

weixin_29009339的博客 231

图标高亮_给你代码:小程序内容滚动与导航栏自动高亮联动

这是张非常好看的封面(小编:呵呵)这个标题想了很久,总感觉没有表达精准,毕竟要做的东西逼格比较高,不是只言片语所能概之。没图不说话,一图胜千言:(一千文字已凑满,本篇完。)催稿员:前言在持续迭代我们的鲲豆荚小程序过程中,需要开发一个分类导航浏览的功能:点击左边分类,右边可滚动到对应分类区域;上下滑动右边分类内容区域,左边对应的导航栏自动高亮;滚动要尽可能流畅,卡的不要!对于老司机来说,这种两栏布局...

weixin_31302227的博客 603

SAP MM采购合同创建全解析:ME31K操作与后台逻辑

在SAP ERP的物料管理模块中,采购合同作为框架协议的核心,定义了企业与供应商之间的长期供货关系。它与采购订单不同,合同不直接产生收货或发票,而是为后续采购订单提供数据源。创建合同(事务码ME31K)时,需要区分数量合同与金额合同,并维护抬头、行项目、有效期、价格条件和税码等关键信息。SAP通过源确定机制在创建采购订单时自动匹配合同,同时审批策略、编码范围和输出类型也会影响合同的实际可用性。掌握合同创建逻辑,能有效解决采购订单无法带出合同、审批未触发、价格缺失等高频问题。从ME31K实操出发,系统梳理采购

weixin_30000735的博客 196

【编号326】全国地灾数据全国25万多个地质灾害点空间分布数据

全国地质灾害点分布数据涵盖25万多个各类灾害点信息,为灾害防治提供重要依据。通过分析灾害分布规律,可识别高风险区,指导监测预警、应急避险和基础设施建设。多地成功案例(如湖北兴山崩塌避险、重庆长寿滑坡预警、湖南"挪床行动")证明,提前预警和科学防治能有效避免人员伤亡。云南省2024年通过预警体系成功避让31起灾害,保护1342人生命安全。这些实践表明,地质灾害防治需结合科技手段与群防体系,实现早预警、早处置。

千奇百怪无奇不有 1471

图标高亮_PS示例教程:如何用Photoshop打磨质感水晶风格图标

Photoshop CC 2019 for Mac 专为所有设计人员而设计。只要您能想得到,您便可以使用 Photoshop 这一全球最佳的图像和设计应用程序将您想象中的内容制作出来。创建和增强照片、插图和 3D 图稿。设计网站和移动应用程序。编辑视频,模拟真实生活画作等等。这里有让您的想法变成真所需的一切。如果把平面设计看作是形与色的组合,那么illustrator就是胜在对形的把握,而Ph...

weixin_39907289的博客 436

03 Aras Innovator二次开发-服务端方法(二)

Aras Innovator二次开发-服务端方法书写

企业信息化(PLM,ERP.MES) 2016

仿微信移动端的底部导航切换,显示高亮文字和图片

在实现移动手机端的操作时,难免会需要用到切换icon 高亮的操作,下面就来说说切换这点事。因为之前没写过这养分开切换显示的操作,只写过针对当前对象进行切换,但是,其实原理和思路很简单:就是点击选中当前元素,改变当前元素的显示效果,当切换另一个元素的时候,移除当前元素的状态,将切换后的元素加上高亮的显示效果。我首先想到的就是使用javascript的removecClass和addClass来进行操作

皮卡丘の开发之路 9440

通过声音识别鸟类

根据野生鸟类的外表来识别它是一回事。仅仅根据声音来识别同一只鸟是另一回事。除非你是一个熟练的观鸟者,通过声音识别鸟类可能相当具有挑战性德国马尔堡大学的一组数学、计算机科学和生物学研究人员设计了一种快速识别鸟类和监测当地生物多样性的方法。他们使用连接到 NVIDIA 的便携式设备拍摄的录音根据研究人员的说法是一个边缘人工智能系统,“基于分布式系统中运行的嵌入式边缘设备,能够对森林中记录的声景进行高效、连续的评估。”要了解更多信息,请参阅。

分享AI前沿科技 1680

【G4基础03】2.3 How to Specify Materials in the Detector

定义探测器材料

adelall的博客 489

vue 中点击切换图标,切换选中状态

很多新手小白做这个切换下拉列表,选中列表记录当前选中状态,图标也变成当前选中状态的时候都会比较绕,其实其核心就是把(icon图标、样式加载变成变量话,按需加入想要的变量即可) 例如下面这个例子: <template> <div> <div class="header-icon-border"> <el-popover placement="bottom" trigger="click"> <div

qq_37130872的博客 3355

扣子Coze智能体万字教程:从入门到精通,一文掌握AI工作流搭建

智能体 = 角色设定 + 提示词 + 变量输入一个好提示词的核心是结构、风格和复用性创建后可以一键发布成网页应用、对话助手整个过程0代码,只靠配置,人人可学,人人可用四、进阶一:理解「工作流」的威力如果你已经用扣子创建了几个简单的智能体,比如写个爆款小红书文案、生成一段短视频脚本,那恭喜你已经入门。但如果你还停留在“一个智能体 = 一段提示词”的层级,你离真正的智能体生产力革命,还差一步:学会搭建“工作流”——让多个大模型自动协同完成任务。

互联网架构师笔记 3504

arcgis for js symbol图标的变化

需求是图标有hover效果 ,如下 思路 : 1、创建图片标记,并赋值;    args.rendererArgs = new RenderArgs(); args.rendererArgs.type = RenderType.CLASSBREAKS; args.rendererArgs.attributeField = "val...

weixin_30800807的博客 1002

RTK_ROS_导航(1): GNSS里程计

1. RTK 配置 4G CORS + 4G 网络 + 户外有信号,不能实现RTK,就恢复出厂设置 输出信息包含(一般需要三个同时打开): GAPPA:包含位置信息 GPVTG:包含速度信息 GPHDT:包含定向的朝向信息 2. ROS驱动 驱动安装sudo apt install ros-noetic-nmea-navsat-driver 运行,需要修改该功能包的启动端口,会自动解析上面的3个RTK语句信息roslaunch nmea_navsat_driver nmea_serial_d

旋风小短腿 4265

jdk-8u144-linux-x64.tar.gz.

该资源为搭建Linux系统Java环境用,资源的后缀为tar.gz格式的压缩包

通话记录-修改tab页图标

今天实现tab页形式的通话记录tab页图标的修改,即高亮的图标与非高亮时的图标不同。而MTK默认形式为高亮,非高亮为同一图标,只不过高亮时图标位置稍稍上移以突显出高亮。此问题看似不难,而对刚接触tab页形式的MTK新手来说,也不易。于是我一点一点的分析tab图标的来源和去处。终于找到正解:我发现了一个至关重要的变量g_tab_bar_items_p,它用于保存tab页相关信息,它的定义如下:/* Struct of tab bar item */ typedef struct _tab_bar_item_

笑傲人生 2400

深度学习工具包 DeepLearningToolbox

深度学习工具包Deprecation notice.-----This toolbox is outdated and no longer maintained.There are much better tools available for deep learning than this toolbox, e.g. [Theano](http://deeplearning.net/software/theano/), [torch](http://torch.ch/) or [tensorflow](http://www.tensorflow.org/)I would suggest you use one of the tools mentioned above rather than use this toolbox.Best, Rasmus.DeepLearnToolbox================A Matlab toolbox for Deep Learning.Deep Learning is a new subfield of machine learning that focuses on learning deep hierarchical models of data.It is inspired by the human brain's apparent deep (layered, hierarchical) architecture.A good overview of the theory of Deep Learning theory is[Learning Deep Architectures for AI](http://www.iro.umontreal.ca/~bengioy/papers/ftml_book.pdf)For a more informal introduction, see the following videos by Geoffrey Hinton and Andrew Ng.* [The Next Generation of Neural Networks](http://www.youtube.com/watch?v=AyzOUbkUf3M) (Hinton, 2007)* [Recent Developments in Deep Learning](http://www.youtube.com/watch?v=VdIURAu1-aU) (Hinton, 2010)* [Unsupervised Feature Learning and Deep Learning](http://www.youtube.com/watch?v=ZmNOAtZIgIk) (Ng, 2011)If you use this toolbox in your research please cite [Prediction as a candidate for learning deep hierarchical models of data](http://www2.imm.dtu.dk/pubdb/views/publication_details.php?id=6284)```@MASTERSTHESIS\{IMM2012-06284, author = "R. B. Palm", title = "Prediction as a candidate for learning deep hierarchical models of data", year = "2012",}```Contact: rasmusbergpalm at gmail dot comDirectories included in the toolbox-----------------------------------`NN/` - A library for Feedforward Backpropagation Neural Networks`CNN/` - A library for Convolutional Neural Networks`DBN/` - A library for Deep Belief Networks`SAE/` - A library for Stacked Auto-Encoders`CAE/` - A library for Convolutional Auto-Encoders`util/` - Utility functions used by the libraries`data/` - Data used by the examples`tests/` - unit tests to verify toolbox is workingFor references on each library check REFS.mdSetup-----1. Download.2. addpath(genpath('DeepLearnToolbox'));Example: Deep Belief Network---------------------```matlabfunction test_example_DBNload mnist_uint8;train_x = double(train_x) / 255;test_x = double(test_x) / 255;train_y = double(train_y);test_y = double(test_y);%% ex1 train a 100 hidden unit RBM and visualize its weightsrand('state',0)dbn.sizes = [100];opts.numepochs = 1;opts.batchsize = 100;opts.momentum = 0;opts.alpha = 1;dbn = dbnsetup(dbn, train_x, opts);dbn = dbntrain(dbn, train_x, opts);figure; visualize(dbn.rbm{1}.W'); % Visualize the RBM weights%% ex2 train a 100-100 hidden unit DBN and use its weights to initialize a NNrand('state',0)%train dbndbn.sizes = [100 100];opts.numepochs = 1;opts.batchsize = 100;opts.momentum = 0;opts.alpha = 1;dbn = dbnsetup(dbn, train_x, opts);dbn = dbntrain(dbn, train_x, opts);%unfold dbn to nnnn = dbnunfoldtonn(dbn, 10);nn.activation_function = 'sigm';%train nnopts.numepochs = 1;opts.batchsize = 100;nn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.10, 'Too big error');```Example: Stacked Auto-Encoders---------------------```matlabfunction test_example_SAEload mnist_uint8;train_x = double(train_x)/255;test_x = double(test_x)/255;train_y = double(train_y);test_y = double(test_y);%% ex1 train a 100 hidden unit SDAE and use it to initialize a FFNN% Setup and train a stacked denoising autoencoder (SDAE)rand('state',0)sae = saesetup([784 100]);sae.ae{1}.activation_function = 'sigm';sae.ae{1}.learningRate = 1;sae.ae{1}.inputZeroMaskedFraction = 0.5;opts.numepochs = 1;opts.batchsize = 100;sae = saetrain(sae, train_x, opts);visualize(sae.ae{1}.W{1}(:,2:end)')% Use the SDAE to initialize a FFNNnn = nnsetup([784 100 10]);nn.activation_function = 'sigm';nn.learningRate = 1;nn.W{1} = sae.ae{1}.W{1};% Train the FFNNopts.numepochs = 1;opts.batchsize = 100;nn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.16, 'Too big error');```Example: Convolutional Neural Nets---------------------```matlabfunction test_example_CNNload mnist_uint8;train_x = double(reshape(train_x',28,28,60000))/255;test_x = double(reshape(test_x',28,28,10000))/255;train_y = double(train_y');test_y = double(test_y');%% ex1 Train a 6c-2s-12c-2s Convolutional neural network %will run 1 epoch in about 200 second and get around 11% error. %With 100 epochs you'll get around 1.2% errorrand('state',0)cnn.layers = { struct('type', 'i') %input layer struct('type', 'c', 'outputmaps', 6, 'kernelsize', 5) %convolution layer struct('type', 's', 'scale', 2) %sub sampling layer struct('type', 'c', 'outputmaps', 12, 'kernelsize', 5) %convolution layer struct('type', 's', 'scale', 2) %subsampling layer};cnn = cnnsetup(cnn, train_x, train_y);opts.alpha = 1;opts.batchsize = 50;opts.numepochs = 1;cnn = cnntrain(cnn, train_x, train_y, opts);[er, bad] = cnntest(cnn, test_x, test_y);%plot mean squared errorfigure; plot(cnn.rL);assert(er<0.12, 'Too big error');```Example: Neural Networks---------------------```matlabfunction test_example_NNload mnist_uint8;train_x = double(train_x) / 255;test_x = double(test_x) / 255;train_y = double(train_y);test_y = double(test_y);% normalize[train_x, mu, sigma] = zscore(train_x);test_x = normalize(test_x, mu, sigma);%% ex1 vanilla neural netrand('state',0)nn = nnsetup([784 100 10]);opts.numepochs = 1; % Number of full sweeps through dataopts.batchsize = 100; % Take a mean gradient step over this many samples[nn, L] = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.08, 'Too big error');%% ex2 neural net with L2 weight decayrand('state',0)nn = nnsetup([784 100 10]);nn.weightPenaltyL2 = 1e-4; % L2 weight decayopts.numepochs = 1; % Number of full sweeps through dataopts.batchsize = 100; % Take a mean gradient step over this many samplesnn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.1, 'Too big error');%% ex3 neural net with dropoutrand('state',0)nn = nnsetup([784 100 10]);nn.dropoutFraction = 0.5; % Dropout fraction opts.numepochs = 1; % Number of full sweeps through dataopts.batchsize = 100; % Take a mean gradient step over this many samplesnn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.1, 'Too big error');%% ex4 neural net with sigmoid activation functionrand('state',0)nn = nnsetup([784 100 10]);nn.activation_function = 'sigm'; % Sigmoid activation functionnn.learningRate = 1; % Sigm require a lower learning rateopts.numepochs = 1; % Number of full sweeps through dataopts.batchsize = 100; % Take a mean gradient step over this many samplesnn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.1, 'Too big error');%% ex5 plotting functionalityrand('state',0)nn = nnsetup([784 20 10]);opts.numepochs = 5; % Number of full sweeps through datann.output = 'softmax'; % use softmax outputopts.batchsize = 1000; % Take a mean gradient step over this many samplesopts.plot = 1; % enable plottingnn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.1, 'Too big error');%% ex6 neural net with sigmoid activation and plotting of validation and training error% split training data into training and validation datavx = train_x(1:10000,:);tx = train_x(10001:end,:);vy = train_y(1:10000,:);ty = train_y(10001:end,:);rand('state',0)nn = nnsetup([784 20 10]); nn.output = 'softmax'; % use softmax outputopts.numepochs = 5; % Number of full sweeps through dataopts.batchsize = 1000; % Take a mean gradient step over this many samplesopts.plot = 1; % enable plottingnn = nntrain(nn, tx, ty, opts, vx, vy); % nntrain takes validation set as last two arguments (optionally)[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.1, 'Too big error');```[![Bitdeli Badge](https://d2weczhvl823v0.cloudfront.net/rasmusbergpalm/deeplearntoolbox/trend.png)](https://bitdeli.com/free "Bitdeli Badge")

管理、切换多个 hosts工具之SwitchHosts

SwitchHosts是一个用于管理hosts文件的应用程序,它基于Electron、React、Jotai、Chakra UI、CodeMirror等。

西京刀客 745

复分析 阿尔福斯(Ahlfors) 第三版答案 英文

答案分为十章,有部分习题没有答案,全英文复分析阿尔福斯(Ahlfors) 第三版答案

锂电池充电器电路设计 里面有电路

锂电池充电器电路设计 里面有电路 3.7V升压到5V电路设计。

实现小程序底部导航tabBar

一般在app和电商网站中底部的切换高亮显示是非常的常见的 现在来实现一下: 一、首先先找到文件目录下的 二、在这个app.josn文件中写入 { "pages": [ "pages/index/index", "pages/message/message", "pages/profile/profile", "pages/contact/contact" ], "window": { "backgroundTextStyle": "light",

SANJIN0527_的博客 505

更换按钮Sprite

/******************************************************************************* * 版本声明:v1.0.0 * 类 名 称:ChangeButtonSprite * 创建日期:11/13/2019 9:08:40 AM * 作者名称:末零 * 功能描述:更换按钮图标 ************************...

末零 的博客 625

Electron-vite【实战】MD 编辑器 -- 大纲区(含自动生成大纲,大纲缩进,折叠大纲,滚动同步高亮大纲,点击大纲滚动等)

不同级别标题的缩进和折叠图标的实现 按 level 值,渲染空白图标, level 值越大,缩进越多。 仅当下一行标题的 level 更大,即有子标题时,显示大纲折叠图标 相关样式 相关变量 根据 markdown 内容生成大纲 在 MarkdownParser 方法中,遍历每一行时,将标题行转换为目标格式,存入 outlineList 中 最终返回 其中格式解析的方法 parseMarkdownHeadings 如下: 切换大纲项的折叠状态 点击大纲项滚动编辑区和预览区 点击大纲项时

朝阳39的博客 1101

vue实战-排序

在public中的index.html中添加。

bying666的博客 589

tabBar页面

tabBar是一种常见的用于移动应用界面设计的组件。它通常位于应用程序底部,并包含一组图标和文本标签,用户可以点击或触摸来切换应用程序的不同页面。每个图标都对应一个页面,并且当前选中的页面的图标通常会有所不同,以便用户能够清晰地看出自己当前在哪个页面。 tabBar页面通常包含应用程序的主要功能,例如消息、通讯录、设置等。 ...

weixin_42600407的博客 368

使用iview树形图tree时遇到的坑

项目中使用iview插件时要求有三级结构,并且每个层级有不一样的图标,点击时选中当前项,使选中的当前项高亮显示 iview中有自定义的Render函数可以设置自己想要的效果 下面箭头编辑的是点击节点的选中状态,最好加上click时间里面的条件。 三级结构可以使用递归设置每级节点的图标。 本人还是一个前端初级小菜鸟,对一些比较难的问题有时候不是很理解,这时候就需要问度娘了,或者在优快云搜索查找想要的答案,很多在工作中遇到的解决不了的问题都会找出答案整理好发到我的公众号上面,希望大家关注我的公众号,以后

weixin_44206015的博客 2352

【黑马健康APP--首页Tabs实现】

此次在APP应用中创建一个具有自定义标签栏的多页面组件,通过利用状态管理、动态样式和资源引用等技术,提供了一个响应式和可定制的用户界面。

m0_73672300的博客 727

自己写的vue底导航

<template> <div id="app"> <div class="tabbar"> <div class="mytab" v-for="(tab, i) in tabs" @click="forChageTag(i)"> <router-link class="tab" :to="tab.tur...

weixin_34234823的博客 112

安卓开发课作业一:实现app门户页面设计

Andriod Studio作业一

Patrick_Leslie的博客 281
上一篇: click事件,同一位置切换两个图标
下一篇: NetBeans无法运行的可能错误
java_zhaoyanli
博客等级 码龄12年 61粉丝 250原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值