For循环完成高亮

最新推荐文章于 2023-08-07 16:36:14 发布
最新推荐文章于 2023-08-07 16:36:14 发布
阅读量400 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44540780/article/details/87831305
版权

开发工具与关键技术：前端

作者：黄志鹏

撰写时间：2019/2/10

现在，我们用for循环来简单制作一个具有模仿翻页的页面，下面我们先来完成布局。

在一个大盒子里面放几个a标签，并且设置其样式。

布局代码如下
在这里插入图片描述
样式代码如下
在这里插入图片描述

浏览器初始样式如下

在这里插入图片描述

当点击首页时我们需要1高亮，，我们把“bys‘这个类赋值给当前，其中只需注意索引的问题即可，点击末页也是一样，代码如下
在这里插入图片描述
在这里插入图片描述

浏览器输出为

在这里插入图片描述
在这里插入图片描述

下面，我们需要点击哪里，哪里并且具有高亮效果（1，2，3，4），以此达到具有翻页的效果。

代码如下

在这里插入图片描述

接下来当我们点击上一页和下一页时，我们只需注意他的索引值，也就是高亮的范围（1，2，3，4）即可。

代码如下
在这里插入图片描述
在这里插入图片描述

浏览器输出为
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

weixin_44540780
关注
定时器图片高亮从中间往两边循环
Freezezeling的博客
09-03 464
效果图： 页面代码： <style> *, :after, :before { margin: 0; padding: 0; box-sizing: border-box; } * { margin: 0; padding: 0; } table { border-spacing: 0; border-collapse: collapse; text-align: cente...
for each 循环
weixin_44670435的博客
07-20 390
public class Test { public static void main(String[] args) { String a[]= {"孙悟空","猪八戒","沙悟净"}; for(String tmp : a) { System.out.println(tmp); // 1. for-each增强for循环在遍历数组过程中不能修改数组中某元素的值。 // // ...
循环高亮显示table的每一行
listener_life的博客
08-21 360
第一步，创建jsp或者html文件，并引入jQuery插件，如下： page contentType="text/html;charset=UTF-8" language="java" %> html> head> meta charset="UTF-8"> title>表格高亮显示案例title> script style="text/javascript" src
关于循环表格高亮展示的问题
iunk的博客
12-26 447
关于循环表格高亮展示的问题完整代码： 在项目中，难免会遇到一个页面会展示多个表格，下面以elementui的table为例，当我点击其中一个表格的某一行时，使其高亮显示，这是很简单的，只需要设置一个属性highlight-current-row即可实现，但是当我循环渲染多个表格的时候，那么问题就来了 只操作当前表格还是很好说的，高亮就行了，但是点击另一个表格的某一行，上一个表格仍然还在高亮显示。这...
v-for循环中点击当前元素高亮显示
weixin_30621959的博客
07-23 1037
<a v-for="(cate,index) in categlory" :key="cate.id" @click="queryAppsByCate (cate.id,index)" :class="{active:index==isActive}"> 　　{{cate.name}} </a> 　　 定义isActive=0，默认高亮第一个元素 ...
for循环-开关灯问题
m0_52992147的博客
06-04 369
#include<stdio.h> int main() { int n,k; static int data[100]; scanf("%d %d",&n,&k); for(int i = 1;i <= n;i++)//灯的数量 { for(int j = 1;j <= k; j++)//人的个数 { //灯是人的倍数时，改变数组的值。 if(i.
C# for循环99乘法表
qq_33575239的博客
07-09 5063
void Main() {//很久不写代码主要自己看的，路过的准备好24K金刚眼，急需代码请直接跳到图3，因为前面全是菜鸟的废话，此乘法表为第一行1乘到9，第二行2乘到9，逐行减少的排列，如需正三角排列注释有代码 for (int i = 1; i <=9; i++) //采用for循环嵌套,i初值为1，执行完循环体j后i值+1,判断是否<=9,成立则将+1后新的i值继续带...
vuejs 切换导航条高亮(路由菜单高亮)的方法示例
10-18
这里，`navIndex`用于记录当前选中的导航项的索引，当其值与循环变量`index`相等时，就会应用高亮样式。 `routerLink`方法负责改变`navIndex`的值和执行路由跳转： ```javascript methods: { routerLink(index, ...
vue实现tab栏点击高亮效果
10-14
-- v-for循环渲染arr --> <!-- 把当前点击的name通过selected传给data里的active --> <!-- 判断如果active的值与当前点击的name相同 则给当前点击的div加上active样式 --> id="box" v-for="(item, index) in ...
纯JS代码实现隔行变色鼠标移入高亮
10-21
`获取了表格的DOM对象，然后通过for循环对表格中的所有行进行遍历，并在循环中实现了隔行变色与鼠标移入高亮的逻辑。 6. 注意事项：在实际开发中，如果表格行数较多或样式较为复杂，可能需要考虑使用更高效的DOM...
css3实现多个元素依次显示效果
09-24
在css3中，我们使用animation与keyframes结合，可以给元素添加各种各样的动画效果。这篇文章主要介绍了css3实现多个元素依次显示效果,需要的朋友可以参考下
vue循环与判断(点击高亮)
杨葱儿
04-25 1388
<!-- 循环渲染，然后判断--> <div v-for = "(item,index) in datas" :class = "active == index ? 'addclass' : '' " @click='tapcar(index)'> {{item}} </div> .addclass{ border: 1px soli...
v-for循环生成的盒子只改变当前选中的盒子的样式
最新发布
qq_43483403的博客
08-07 449
改变vue循环生成的盒子样式：给当前点击的盒子添加高亮样式。
计算图像亮度
热门推荐
sinat_36420785的博客
06-26 1万+
1.得到图片RGB分量，用imread函数，确保图片是彩色的，灰度图像只有两维，例如 x=imread('路径\图片名.格式','格式')  格式有bmp，jpg，gif，tif，png等 一组图片的话可以一个一个读，也可以循环的，但循环读的话，请把图片名设置成连续名称,放在统一路径下，如图片1，图片2。。。，格式也是一样的才行。循环具体做法： path=‘路径\’; for i=1:N
for 循环点击标签循环高亮：class=["classA","classB"]
疏影横斜水清浅
02-20 1232
HTML代码： &lt;div :class="[classA, classB]"&gt;Demo6&lt;/div&gt; Javascript代码： data: {   classA: 'class-a',//类名   classB: 'class-b' } 渲染后的HTML: &lt;div class="class-a class-b"&gt;Demo6&lt;/div&gt;   ...
java excel 搜索_Java 查找、替换并高亮Excel数据
weixin_39944944的博客
03-04 424
需求介绍我有一个含有大量数据资料的Excel文档，现需要对其中的一个或多个单元格的数据进行修改。请问如何才能用Java代码快速查找到指定数据，然后用新文本将其替换并高亮？例如，在下图所示的Excel文档中，我需要用“研发部”来替换红色边框里的“人资部”并用底色高亮显示最终数据。解决方案通过调查和测试，最终发现了一个效果极佳的免费控件FreeSpire.XLS for Java。现将操作步骤和代码...
Echarts实现环形图自动高亮
澜岚伊人的博客
11-14 1万+
摘要：需求一个接一个的来，刚实现了tootip自动显示，紧接着的需求就是希望环形图自动tootip的同时图形跟着高亮显示。 实现：由于之前看了官方文档，就是使用Echarts的api中的dispatchAction方法，type设为highlight。 想要的结果如下图所示：（备注：请忽略我中间的数据，因为数据都是模拟的，中间的数据忘记让两者数据相加，没修改）  1、记录坑的过程（先上我...
运用for循环设置轮播图标的高亮效果
weixin_44542089的博客
02-19 356
在运用DW制作网站页面的时候，我们经常会运用到小窗口轮播的js代码，轮播js代码的书写复杂且稍稍难以理解，但轮播窗口已经是当前网站页面制作的必不可少的一部分。在javascript代码中，for循环是制作轮播的不可或缺的常用代码。 图例，图片中的左下角是轮播的位置小图标，用于方便用户快速跳到指定的页面，图标内的红色高亮效果表示为所显示的当前页。 那么，设置小图标的高亮效果就需要运用到for循环的...
用JS将指定的关键词高亮
big_borther6的博客
04-21 1185
1.把指定的多个关键词放到数组，然后循环的替换&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="{CHARSET}"&gt; &lt;title&gt;&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;p id=&
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值