span>a下拉显示

最新推荐文章于 2022-01-24 11:20:35 发布
最新推荐文章于 2022-01-24 11:20:35 发布
阅读量627 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u012325112/article/details/49623269
版权
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'b.jsp' starting page</title>
    
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">    
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="This is my page">
    <!--
    <link rel="stylesheet" type="text/css" href="styles.css">
    -->
 <script type="text/javascript" src="js/jquery-1.3.1.js"></script>
<style type="text/css">
    #menu{width: 333px;}
    div{padding: 0;}
    .sub_class{background: #888;float: left}
    .sub_class a{display: none}
    .light_show{background: #3A94AE}
</style>
<script type="text/javascript">
    $(function(){
        $(".sub_class").click(function(){
             $(this).addClass("light_show").children("a").show().end().siblings().removeClass("light_show").children("a").hide();
        })

    })
</script>
 
 
</head>
 
  <body>
  <div id=" menu">
      <div class=" sub_class">
      <span>span1span1span1span1span1</span>
          <a href="" title="">1111111111111</a>
         <a href="" title="">1111111111111</a>
         <a href="" title="">1111111111111</a>
     </div>
     <div  class=" sub_class">
         <span>span2span2span2span2span2</span>
          <a href="" title="">222222222222</a>
         <a href="" title="">222222222222</a>
         <a href="" title="">222222222222</a>
     </div>
     <div  class=" sub_class">
         <span>span3span3span3span3span3</span>
         <a href="" title="">33333333333333</a>
         <a href="" title="">33333333333333</a>
         <a href="" title="">33333333333333</a>
     </div>
      
  </div>


  </body>
</html>



qq1234123455767879
关注
HTML5span中加入超链接,html到css基础第一日2018-10-06
weixin_39915815的博客
05-30 1177
html百度截取的旁边的页面描述 SEO search engine optimization 搜索引擎优化 关键词 告诉搜索引擎这个网页是干什么的，提高搜索正确性UTF-8里面存储一个汉字3个字节。而gb2312中存储一个汉字2个字节。保存大小： UTF-8(更臃肿、加载更慢) > gb2312 (更小巧，加载更快)总结：UTF-8 字多，有各种国家的语言，但是保存尺寸大，文件臃肿；g...
Jquery实现下拉框、多级联动
11-08
jquery实现的多级联动下拉框，由div标签加上span标签实现。
span标签实现导航栏下拉框
西风不醉的博客
03-26 3075
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> *{ margin: 0px; padding: 0px; } div{ ...
下拉按钮控制下面菜单 Div || span显示的内容
aiyangliao7942的博客
06-10 210
1.效果 2.前太js //预算数标题及数据 function initTxet() { var servercall = new CallServer(webserviceurl.FMBudget, "initTxet", { "budgettype": CurrentCardType }); var result =...
js程序 下拉框功能,当选择大学下拉框时,隐藏下拉框,将其对应的值,展示到span标签中
gentlu的博客
01-20 3066
js程序 下拉框功能,当选择大学下拉框时,隐藏下拉框,将其对应的值,展示到span标签中<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!--导入js运行类库--> <%@ include file="/back_page/head.jsp" %> <!DOCTYP
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> * { padding: 0; margin: 0; } li { list-style: none; } a { text-decoration: none; } .daohang { background-color: #333333; margin: 0 auto; overflow: hidden; position: relative; } .navigation { width: 1226px; height: 40px; margin-left: 208px; float: left; } .navigation>a{ line-height: 40px; font-size: 12px; color: #b0b0b0; } .navigation>span{ color: #424242; } .navigation>a:hover{ color: #fff; } .parent { position: relative; /* 父元素设置为相对定位 / } .child { position: absolute; / 子元素设置为绝对定位 / top: 100%; / 相对于父元素底部定位 / left: 0; display: none; / 初始状态下隐藏 / z-index: 1; / 提高层级，防止被其他元素遮挡 / } .parent:hover .child { display: block; / 鼠标悬停时显示下拉菜单 */ } </style> </head> <body> <!--大盒子--> <div class="box"> <!--导航栏--> <div class="daohang"> <!--黑盒子--> <div class="navigation"> <a href="">小米官方</a> <span>|</span> <a href="">小米商店</a> <span>|</span> <a href="">MIUI</a> <span>|</span> <a href="">loT</a> <span>|</span> <a href="">云服务</a> <span>|</span> <a href="">天星科技</a> <span>|</span> <a href="">有品</a> <span>|</span> <a href="">小爱开放平台</a> <span>|</span> <a href="">企业团购</a> <span>|</span> <a href="">资质证照</a> <span>|</span> <a href="">协议规则</a> <span>|</span> <a href="" class="parent">下载app <span class="child"> <img src="./img/download.png" width="90" height="90"> 小米商城APP </span> </a> <span>|</span> <a href="">Select Location</a> </div> </div> </div> </body> </html>为什么没有实现鼠标经过图片显现
最新发布
06-06
具体来说，当鼠标悬停在class为"parent"的a标签上时，会显示class为"child"的span标签中的图片和文字。 可能是因为您没有正确引用图片或者图片文件路径不正确导致图片无法显示。您可以检查一下图片的路径是否正确，...
<a href="" class="parent">下载app <span class="child"> <img src="./img/download.png" width="90" height="90"> 小米商城APP </span> </a> 在这些代码中完成 <a href="" class="parent">下载app <span class="child"> <img src="./img/download.png" width="90" height="90"> 小米商城APP </span> </a>
06-06
其中，`<a>` 标签是超链接标签，`class="parent"` 表示这是一个上层容器，`class="child"` 表示下拉菜单的容器。 下面是代码的具体实现： ```html <a href="#" class="parent">下载app <span class="child"> ...
帮我详细分析一下这段代码<a href="javascript:;"><i class="${right.permissionsicon}"></i> ${right.permissionstitle}<span class="fa arrow"></span></a>
05-19
- `<span class="fa arrow"></span>`：表示一个下拉箭头图标。 整个超链接标签的作用是，在页面上显示一个带有图标和下拉箭头的文本链接，当用户点击该链接时，将执行 JavaScript 代码。具体执行什么样的 ...
各行代码具体作用 <div class="single-dropdown"> <a href="/fore/foreIndex" id="changeLanguage"><span id="languageName">首页</span></a> </div>
05-15
这个 span 元素显示的文本是 "首页"，表示链接的文本内容。整个下拉菜单是通过 CSS 样式来实现的。其中，class 属性为 "single-dropdown"，用于指定该元素的样式。另外，这个下拉菜单还有一个 id 为 "changeLanguage...
input 下面的span 标签 作为下拉框选项的点击
weixin_33923762的博客
03-17 783
2019独角兽企业重金招聘Python工程师标准>>> ...
HTML中下拉框的简单介绍＜Select＞＜option＞
热门推荐
yangxin_blog的专栏
10-23 11万+
下拉框在生活中应用很广
如何制作一个页面下拉菜单—html
yunduanaoligei的博客
01-24 1895
今天分享下”如何制作一个页面下拉菜单—html“这篇文章，文中根据实例编码详细介绍，或许对大家的编程之路有着一定的参考空间与使用价值，需要的朋友接下来跟着云南仟龙Mark一起学习一下吧。 代码如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> </head> <body> <?php echo ' <
Html中的span与a的区别,a标签和span标签的区别
weixin_34770855的博客
06-15 3587
div和Span及a标签的区别可定义文档中的分区或节(division/section)。 标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。 如果用 id 或 class 来标记 ，那么该标签的作用会变得更加有效。要做的效果是这样的 正确答案的代码如下 问题是为什么span要放在a 标签不，即使在ie6下，如果a加了左浮动，span加右浮动还是会错位，...
html中span标签 和 a 标签
淮南草的博客
07-18 8684
输入： &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt
下拉显示更多（XXX）的文字内容获取
CrazBarry的博客
08-07 1186
更多选项
a标签可下拉导航菜单_下拉菜单：30多种有用的脚本可增强标题导航
cune1359的博客
07-07 1396
下拉菜单 （也称为下拉菜单）在大多数网页设计中都是必不可少的。 它在创建有效且用户友好的网站中起着重要作用。 这是一个很好的解决方案，可以减少占用屏幕空间的长菜单，使它们以更有条理的category-subcategory模式显示。 在本文中，我们想向您展示一些我们知道的最好的下拉菜单脚本 。 这些下拉菜单仅适用于CSS ， CSS和Javascript，以及与您当前的Javascript...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值