js页面使用 for循环

<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

 

 实例1

 <c:forEach items="${categoryList }" var="category">
<li><a href="#">${category.cname }</a></li>
</c:forEach>

 

实例2

<c:forEach items="${PageBean.list}" var="pro" >

<div class="col-md-2">
<a href="product_info.htm">
<img src="${pageContext.request.contextPath }/${pro.Pimage}"
width="170" height="170" style="display: inline-block;">
</a>
<p>
<a href="product_info.html" style='color: green'>"${pro.pname }"</a>
</p>
<p>
<font color="#FF0000">商城价:&yen;"${pro.shop_price }"</font>
</p>
</div>

</c:forEach>

 

for循环

<c:forEach begin="1" end="10" var=i>

</c:forEach>

 

转载于:https://www.cnblogs.com/xing001/p/10716561.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JS选项卡是一种常见的网页交互效果,可以实现在同一个页面上切换显示不同内容的功能。双重for循环JS选项卡中常用于遍历和操作多个选项卡和内容。 实现JS选项卡的一般步骤如下: 1. HTML结构:在HTML中创建选项卡的容器和对应的内容区域,使用相应的标签和类名进行标识。 2. CSS样式:使用CSS样式设置选项卡和内容区域的外观,如背景颜色、边框等。 3. JS代码:使用JS代码实现选项卡的切换效果。 下面是一个简单的JS选项卡实现示例: HTML结构: ```html <div class="tab-container"> <div class="tab" onclick="changeTab(0)">Tab 1</div> <div class="tab" onclick="changeTab(1)">Tab 2</div> <div class="tab" onclick="changeTab(2)">Tab 3</div> </div> <div class="content-container"> <div class="content">Content 1</div> <div class="content">Content 2</div> <div class="content">Content 3</div> </div> ``` CSS样式: ```css .tab { display: inline-block; padding: 10px; background-color: #ccc; cursor: pointer; } .content { display: none; padding: 20px; background-color: #f5f5f5; } ``` JS代码: ```javascript function changeTab(index) { var tabs = document.getElementsByClassName("tab"); var contents = document.getElementsByClassName("content"); // 隐藏所有内容 for (var i = 0; i < contents.length; i++) { contents[i].style.display = "none"; } // 显示选中的内容 contents[index].style.display = "block"; // 切换选项卡样式 for (var i = 0; i < tabs.length; i++) { tabs[i].style.backgroundColor = "#ccc"; } tabs[index].style.backgroundColor = "#f5f5f5"; } ``` 在上述代码中,双重for循环用于遍历选项卡和内容,通过改变它们的显示状态和样式来实现选项卡的切换效果。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值