JSP页面标签切换

问题描述

有两个标签,点击两个标签可以自由切换,标签是用图片代替的,初始化是显示第一个标签的内容的,如果点击第二个标签,第一个标签变灰,第二个标签变亮(即显示第二个标签的内容),请问这个效果怎么实现?这是第一个标签的效果,第一个标签的图片亮,第二个标签图片灰。这是第二个标签的效果!

解决方案

你是不是想做一个tab效果啊?你只要在点击第二个标签的时候,把第一个标签的样式去除,并把它给第二个标签就可以了。
解决方案二:
这个用jQuery来实现很简单的,1、首先你要准备一个curr的样式,表示当前被选中了。2、给那2个DOM节点注册点击事件,当点击了就改变按钮的样式。没有选择的就移除样式下面是具体的实现代码 javascript代码:$("selectId1").toggle( function () { $(this).addClass("curr"); }, function () { $(this).removeClass("curr"); });$("selectId2").toggle( function () { $(this).addClass("curr"); }, function () { $(this).removeClass("curr"); });html代码:<a href="#" id="selectId1" class="icon_man">选帅哥</a><a href="#" id="selectId2" class="icon_girl">选美女</a>这样就可以实现切换的效果了。用jQuery的toogle方法就是专门来出来这样的事件切换的。
解决方案三:
这得看美工的了
解决方案四:
当点击第二个标签的时候,就隐藏第一个标签的内容,显示第二个标签的内容啊。 就是一个显示隐藏的问题。
解决方案五:
让美工再做一套灰色的图片,单击的时候动态改变图片url

时间: 2024-09-11 17:41:15

JSP页面标签切换的相关文章

使用自定义标签实现JSP页面和代码的分离

js|页面 Test.jsp<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html>  <head>    <title>My JSP 'Test.jsp' starting page</title>  </head>   <body>    This is my JSP page. <br>    Date

用定制标签库和配置文件实现对JSP页面元素的访问控制

js|访问|控制|页面        控制客户端访问是开发一个基于B/S的架构的系统的开发者必须考虑的问题.JSP或SERVLET规范的基于配置文件的安全策略对资源的控制是以文件为单位的,即只可以定义某个视图全部可以或全部不能被访问.一个比较复杂的系统往往要要求对视图的一部分(如JSP页面里的一个按钮)提供访问控制,只允许被某种角色的用户访问.如果采用可编程的安全策略,因为对用户角色和操作的定义在开发时不能定义,而且这种策略加大了程序员的工作量,它可能不是一种好的办法.        我采用定制

JSP页面中的自定义标签

js|页面 JSP页面中的自定义标签 JSP页面中的自定义标签 Stephanie Bodoff 用于调用Javaean组件中的操作和执行请求分派的标准JSP标签简化了JSP页面的开发和维护.JSP技术还提供了在自定义标签中封装其他动态功能的机制,这种自定标签是JSP语言的扩展.自定义标签通常是以标签库的形式出现的,它定义了一组相关的自定义标签,并包含实现这些标签的对象. 可以由自定义标签执行的任务包括对隐式对象的操作.处理表单.访问数据库和其他企业级服务,如电子邮件和目录.以及执行流程控制.J

JSP页面中的自定义标签2

js|页面 JSP页面中的自定义标签2 带属性的标签 在标签handler中定义属性对于每一个标签属性,都必须在标签handler中定义一个属性以及符合JavaBean结构规范的get和set方法.例如,logic:present标签的标签handler <logic:present parameter="Clear"> 包含下列声明和方法: protected String parameter = null;public String getParameter() { r

jsp 页面-JSP 页面有没有可以显示任何类型的文件的标签

问题描述 JSP 页面有没有可以显示任何类型的文件的标签 我做了上传文件到服务器的文件夹 但是不限制文件类型 有没有什么办法可以将任何类型的文件通过路径显示出来的 解决方案 你有什么问题么?是显示文件内容呢还是打开文件选择器后显示所有文件呢? 解决方案二: 不明白你要为什么?显示文件?你是说音频视频么?

第二种方法:jsp 页面为多个标签 用for()循环 分别添加多个计时器!在线等!谢谢啦!!

问题描述 第二种方法:jsp 页面为多个标签 用for()循环 分别添加多个计时器!在线等!谢谢啦!! 下面这种写法也有问题,应该怎么改?谢谢啦!! <script type=""text/javascript"" src=""${pageContext.request.contextPath }/js/jquery-1.8.3.js""></script><script type="&

spring mvc-Spring sf:form等标签使用不了(JSP页面声明了引用)

问题描述 Spring sf:form等标签使用不了(JSP页面声明了引用) type Exception report message /login.jsp (line: 13, column: 1) Unable to load tag handler class "org.springframework.web.servlet.tags.form.FormTag" for tag "sf:form" description The server encount

jsp页面中标签id,拼接,跪求……

问题描述 jsp页面中标签id,拼接,跪求-- $.post("jiance.action","yname="+name,function(result){ var a=id+"span"; if($.trim(result)=="true"){ alert(a); $("").html("没有违法词!"); }else{ $("#a").html("包含违

checkbox-action中如何获取jsp页面append出来的标签值?

问题描述 action中如何获取jsp页面append出来的标签值? if($(""#byUserId"").is("":checked"")){ $.post(""message_findUserName""{userId:$(""#userId"").val()}function(data){ for(var i =0;i $("&q