回忆没了焦点
回忆没了焦点

纯html+css制作三级下拉菜单

直入主题，html+css制作三级下拉菜单实现代码分享给大家，具体内容如下

1.html代码    

XML/HTML Code 复制内容到剪贴板
  1. >  
  2. <html>  
  3. <head>  
  4.     <meta charset="utf-8">  
  5.     <title>三级下拉菜单导航栏title>  
  6.     <link rel="stylesheet" type="text/css" href="style.css">  
  7. head>  
  8. <body bgcolor="aliceblue">  
  9.     <ul class="nav">  
  10.         <li>  
  11.             <a href="" target="_blank">  
  12.                 手机数码<span class="triangle">�span>a>  
  13.             <ul>  
  14.                 <li><a href="#" target="_blank">  
  15.                     手机 <span class="triangle">▶span>  
  16.                     a>  
  17.                     <ul>  
  18.                         <li><a href="">小米a>li>  
  19.                         <li><a href="">华为a>li>  
  20.                         <li><a href="">魅族a>li>  
  21.                     ul>  
  22.                 li>  
  23.                 <li><a href="">  
  24.                     电脑 <span class="triangle">▶span>  
  25.                     a>  
  26.                     <ul>  
  27.                         <li><a href="">平板a>li>  
  28.                         <li><a href="">笔记本a>li>  
  29.                         <li><a href="">台式a>li>  
  30.                     ul>  
  31.                 li>  
  32.                 <li><a href="">相机a>li>  
  33.             ul>  
  34.         li>  
  35.         <li><a href="">男装女装<span class="triangle">�span>a>  
  36.             <ul>  
  37.                 <li><a href="">  
  38.                     上衣 <span class="triangle">▶span>a>  
  39.                     <ul>  
  40.                         <li><a href="">衬衫a>li>  
  41.                         <li><a href="">T恤a>li>  
  42.                     ul>  
  43.                 li>  
  44.                 <li><a href="">  
  45.                     裤子 <span class="triangle">▶span>a>  
  46.                     <ul>  
  47.                         <li><a href="">牛仔裤a>li>  
  48.                         <li><a href="">休闲裤a>li>  
  49.                     ul>  
  50.                 li>    
  51.             ul>  
  52.         li>  
  53.         <li><a href="">运动户外<span class="triangle">�span>a>  
  54.             <ul>  
  55.                 <li><a href="">运动鞋a>li>  
  56.                 <li><a href="">运动服a>li>  
  57.                 <li><a href="">运动设备a>li>       
  58.             ul>  
  59.         li>  
  60.         <li>  
  61.             <a href="">时尚百货a>  
  62.         li>  
  63.         <li><a href="">生活服务<span class="triangle">�span>a>  
  64.             <ul>  
  65.                 <li><a href="">万能缴费a>li>  
  66.                     <ul>  
  67.                         <li><a href="">水费a>li>  
  68.                         <li><a href="">电费a>li>  
  69.                     ul>  
  70.                 <li><a href="">教育培训a>li>       
  71.                 <li><a href="">话费充值a>li>  
  72.             ul>  
  73.         li>  
  74.         <li>  
  75.             <a href="">   汇吃美食a>  
  76.         li>  
  77.         <li>  
  78.             <a href="">   家居家纺<span class="triangle">�span>a>  
  79.             <ul>  
  80.                 <li><a href="">  
  81.                     <span class="triangle">◀span> 床上用品a>  
  82.                     <ul class="nav1">  
  83.                         <li><a href="">被子a>li>  
  84.                         <li><a href="">枕头a>li>  
  85.                     ul>  
  86.                 li>  
  87.                 <li>  
  88.                     <a href=""><span class="triangle">◀span> 客厅家具a>  
  89.                     <ul class="nav1">  
  90.                         <li><a href="">茶具a>li>  
  91.                         <li><a href="">沙发a>li>  
  92.                         <li><a href="">椅子a>li>  
  93.                     ul>  
  94.                 li>  
  95.             ul>  
  96.         li>  
  97.     ul>  
  98. body>  
  99. html>      

2.CSS 代码

CSS Code 复制内容到剪贴板
  1. *{   
  2.         padding: 0;   
  3.         margin: 0;         
  4.     }   
  5.     ul{   
  6.         list-style-type:none;   
  7.     }   
  8.     .triangle{   
  9.     
  10.         font-size: 1em;   
  11.         color: white;    
  12.     }   
  13.     a{   
  14.         text-decoration:none;   
  15.         text-align: center;   
  16.         font-weight: bold;   
  17.     
  18.     }   
  19.     /*一级导航*/  
  20.     ul.nav{   
  21.         float: left;   
  22.         border:1px solid gray;   
  23.         margin-left: 10%;   
  24.         margin-top:10px;   
  25.         border-radius: 4px;   
  26.         position: fixed;   
  27.     }   
  28.     ul.nav li{   
  29.         float: left;   
  30.         width: 9em;   
  31.         background-color:yellowgreen;   
  32.     }   
  33.     ul.nav a{   
  34.         display: block;   
  35.         color: white;   
  36.         line-height: 1.5em;   
  37.         border-right: 1px solid white;   
  38.         border-left: 1px solid white;   
  39.         padding: 5px;   
  40.     }   
  41.     
  42.     ul.nav a:hover,   
  43.     ul.nav a:focus{   
  44.         color: black;   
  45.         background-color: #98FB98;   
  46.         opacity: 0.5;   
  47.     }   
  48.     ul.nav li:first-child a{   
  49.         border-left: 0;   
  50.         border-bottom: 0;   
  51.     }   
  52.     ul.nav li:last-child a{   
  53.         border-right: 0;   
  54.         border-bottom: 0;   
  55.     }   
  56.     /*二级导航*/  
  57.     ul.nav li ul{   
  58.         width: 10em;           
  59.         position: absolute;   
  60.         left: -1000em;   
  61.     }   
  62.         
  63.     ul.nav li:hover ul{   
  64.         width: 10em;   
  65.         left:auto;   
  66.     }   
  67.         
  68.     ul.nav li ul a{   
  69.         border-top: 1px solid white;   
  70.         border-bottom: 1px solid white;   
  71.         border-left: 0;   
  72.         border-right: 0;   
  73.             
  74.     }   
  75.     /*三级导航*/  
  76.     ul.nav li:hover ul li ul{   
  77.         width: 10em;   
  78.         position: absolute;   
  79.         left: -1000em;   
  80.     
  81.     }   
  82.         
  83.     ul.nav li:hover ul li:hover ul{   
  84.         left: auto;   
  85.         margin-left: 9.1em;   
  86.         margin-top: -2.1em;   
  87.     }   
  88.     ul.nav li:hover ul li:hover ul.nav1{   
  89.         left: auto;   
  90.         margin-left: -9.1em;   
  91.         margin-top: -2.1em;   
  92.     }   

以上就是本文的全部内容，欢迎大家学习完善。

你可能感兴趣的:(纯html+css制作三级下拉菜单)

  • 移动端城市区县二级联动选择功能实现包 good2know
    本文还有配套的精品资源，点击获取简介：本项目是一套为移动端设计的jQuery实现方案，用于简化用户在选择城市和区县时的流程。它包括所有必需文件：HTML、JavaScript、CSS及图片资源。通过动态更新下拉菜单选项，实现城市到区县的联动效果，支持数据异步加载。开发者可以轻松集成此功能到移动网站或应用，并可基于需求进行扩展和优化。1.jQuery移动端解决方案概述jQuery技术简介jQuery
  • 你好，2020年 瑄瑄妍妍的妈咪
    早上好，今天是2020年的第一天，也就是元旦，新年新的一天开始了。新的开始，重新规划未来的一年。从今天开始，用了一个新的记账软件，之前的随手记软件，也没有删除，只是重新下载了一个别的软件，开始一个新的记账旅程，对于理财开支，有个新的规划。通过小红书视频软件，学习了不少育儿知识，和各种不同的美食，以后动手制作，给宝宝做健康美味的营养餐。学习方面，继续学英语吧！虽然是抽出时间学的，进度也比较慢，但是积
  • Unity学习笔记1 zy_777
    通过一个星期的简单学习，初步了解了下unity，unity的使用，以及场景的布局，UI，以及用C#做一些简单的逻辑。好记性不如烂笔头，一些关键帧还是记起来比较好，哈哈，不然可能转瞬即逝了，（PS:纯小白观点，unity大神可以直接忽略了）一：MonoBehaviour类的初始化1，Instantiate()创建GameObject2，通过Awake()和Start()来做初始化3，Update、L
  • 家常菜的简单做法(三) 教孩做饭开伙仓
    荤菜类的菜由于特有的口感醇香、营养的丰富而得到大多数人的喜爱,特别是年青人,甚至荤菜摄入量大于素菜的摄入量,从而造成营养代谢失衡。荤菜中的猪肉、牛肉、鸡、鸭通常烹饪前必须洗净后用冷水煮开,把水倒掉再烧、这样有去腥味、减少嘌呤的摄入,减少痛风的发生,还可减少油脂的摄入,有利于我们饱了口腹,又增加了健康，减少了不利因素。鱼虾类烧就是根据清蒸、水煮还是红烧来安排制作了。红烧肉类的菜,在焯水后放炉子上加入
  • 推荐1个适合女生做的小副业,靠谱又逆天!(建议收藏) 氧惠全网优惠
    生活中，女性经常会面临更多方面的需求，比如工作需要、家庭需要和孩子的陪伴教育需要，所以往往会有更大的职业压力，所以这里就整理了部分比较适合女生做的副业，一起来看。适合女生做的副业【1】剧本杀主持人剧本杀是年轻人当下热门的桌游，一般在周六日、节假日或者是晚上的顾客会比较多，所以和我们正常的工作时间错开，比较适合我们平时做兼职。【2】PPT制作我们可以在网上发布信息，也可以直接去某宝接单，和客服说来接
  • PDF转Markdown - Python 实现方案与代码 Eiceblue PythonPythonPDFpdfpython开发语言vscode
    PDF作为广泛使用的文档格式，转换为轻量级标记语言Markdown后，可无缝集成到技术文档、博客平台和版本控制系统中，提高内容的可编辑性和可访问性。本文将详细介绍如何使用国产Spire.PDFforPython库将PDF文档转换为Markdown格式。技术优势：精准保留原始文档结构（段落/列表/表格）完整提取文本和图像内容无需Adobe依赖的纯Python实现支持Linux/Windows/mac
  • 在Ubuntu24.04搭建VLLM， SGLang 和 LangChain环境 小熊冲！冲！冲！ AIubuntulangchainai毕业设计
    在Ubuntu24.04搭建VLLM，SGLang和LangChain环境[!NOTE]概述整片文章是笔者的回忆(白天忙碌了一天，晚上进行的总结)，所以有些地方的描述可能有误差，本文更多的是大体方向问题，细节步骤不是本文的重点，见谅!!!如何安装Ubuntu24.04制作启动U盘，作者使用的是rufus.exe工具下载Ubuntu24.04的ISO镜像使用rufus.exe工具刷入Ubuntu22
  • 2023年做什么行业最赚钱 夕阳行业还有赚钱机会么 目前哪些行业比较赚钱 测评君高省
    在快手上面看到赚钱案例，大体的意思是，一个专门做DVD的厂家这几年随着移动设备越来便捷，后自己的生意不是很好干，于是想把自己的DVD卖到非洲去，在非洲一年后，才发现自己的做的产品利润已经压到了最低，但是仍然卖不过印度人制作的！原来他们的产品生产成本更低，比如我们的工资在一些小县城也就2000元左右，而印度人工资在二三百人民币！所以他们的生产成本更低！那怎么办呢？他说自己什么也不会干，只会干dvd！
  • 推客小程序系统开发全解析：从概念到落地的完整指南 ywyy6798 推客系统推客系统开发推客小程序推客小程序系统开发推客分销推客分销系统推客
    一、推客小程序系统概述在当今移动互联网时代，社交电商已成为商业领域的重要增长点。推客小程序系统作为一种创新的社交分销工具，正逐渐改变传统电商的营销模式。推客（社交推广客）小程序本质上是一种基于微信生态的社交电商解决方案，它通过用户裂变和社交分享机制，实现产品的高效推广与销售转化。推客小程序系统的核心价值在于其"三级分销"机制，这种机制允许用户通过分享商品链接获取佣金，同时发展下级推广员形成分销网络
  • 20个月幼儿游戏 一只暴躁的小仙女
    这个阶段注重宝宝平衡能力协调发展，蹲下起立和弯腰拾物，各种能力相互配合，逐步学会复杂的动作。宝宝已经会扭动门把手，会自己开门走出房间。玩沙给宝宝准备一堆干净的细沙和一个小桶、一个小铲，让宝宝玩耍，看细沙从指间流出。然后用水壶把干沙打湿，用塑料小碗制作出小沙饼，宝宝会非常兴奋，会找出不同形状的塑料容器来制作不同形状的沙坯；也可教宝宝用小铲子铲出河流，架上积木做的小桥，陪宝宝玩一阵后，妈妈可以去做自己
  • 自己在家做甜品挣钱吗，女性一个人开蛋糕店怎么样 配音就业圈
    一、自己在家做甜品挣钱的方法有哪些现在很多人喜欢吃甜品，开启自己在家制作甜品的挣钱之路是一个不错的选择。有几种方法可以帮助你在家做甜品并获得利润：兼职副业推荐公众号，配音新手圈，声优配音圈，新配音兼职圈，配音就业圈，鼎音副业，有声新手圈，每天更新各种远程工作与在线兼职，职位包括：写手、程序开发、剪辑、设计、翻译、配音、无门槛、插画、翻译、等等。。。每日更新兼职。1.制作个性化甜品礼盒：可以根据客户
  • 周检视（2019年1月21日至1月27日） 其乐融蓉蓉
    没有记录就没有发生。本周的关键词是住院。1,住院修养七天，把自己心中的担忧去除。2,阅读《好妈妈胜过好老师》60页3,看电影《肖生克的救赎》等评分很高的电影4,17号参加易效能天使班小组会一次，并做记录5,本周累计运动180分钟，消耗热量648千卡6,制作了2019年度计划图片发自App下周计划1-每天阅读《好妈妈胜过好老师》40页，一本书读完才可以换另外一本书2-中餐和晚餐后各走路2公里。早餐后
  • 云端渲染：重塑影视、游戏与设计行业的算力革命
    导言：云端渲染技术通过将繁重的图形计算任务迁移至云端强大的计算集群，有效突破了传统渲染对高性能本地硬件和漫长等待周期的依赖，显著降低了制作成本与门槛。它正日益成为驱动影视、游戏及设计行业创新的核心技术。本文将深入解析云端渲染的技术原理，并探讨其如何深刻变革这三大行业的格局与未来。一、云端渲染的技术原理：解构算力革新云端渲染，其核心在于将高负载的图形处理任务——如复杂的3D建模、动画特效、光影计算及
  • 十大适合孕妇的小生意有哪些?推荐几种不错的小生意 氧惠购物达人
    当怀孕后，许多准妈妈可能会开始思考如何在孕期增加一些收入。虽然怀孕需要特别注意身体，但仍有很多适合孕妇的赚钱途径。下面我将为你详细介绍几种怀孕了也能尝试的赚钱方式。1.手工制作：如果你有一双巧手，可以考虑制作一些手工艺品并出售。例如，针织宝宝衣物、制作手工饰品、绘制插画等。你可以在电商平台上开设自己的店铺，或者参加手工艺品市场等活动来销售你的作品。不仅能发挥自己的创造力，还可以为宝宝准备一些独特的
  • 兼职新选择，宝妈也精彩：适合家庭主妇的兼职机会 氧惠超好用
    一、儿童手工艺品店儿童手工艺品店是一个既有趣又充满创意的创业项目。宝妈们可以利用自己的巧手和想象力，制作出各种可爱、实用的手工艺品，如布偶、手工卡片、彩绘石头等。这些手工艺品既可以作为玩具，也可以作为装饰品，深受孩子们的喜爱。同时，这种创业方式不需要太大的店面和过多的投资，宝妈们可以在家中或者租用一个小型商铺进行经营。二、营养鲜奶吧鲜奶吧作为一个健康、营养的创业项目，近年来备受大家的青睐。我经营鲜
  • 淘宝优惠券怎么做？策略与实操详解 高省爱氧惠
    在电子商务日益繁荣的今天，淘宝作为中国最大的电商平台之一，吸引了无数商家和消费者的目光。为了提升销售、吸引顾客，淘宝优惠券作为一种重要的促销手段，受到了广大商家的青睐。那么，淘宝优惠券怎么做呢？本文将为您详细解析淘宝优惠券的制作策略与实操步骤。一、淘宝优惠券制作前的准备在制作淘宝优惠券之前，商家需要做好充分的准备工作。首先，要明确优惠券的目的和定位。优惠券是为了吸引新客户、提高销售额，还是为了提升
  • 2025年海外短剧CPS分销系统开发：技术架构与商业化实战指南
    一、市场爆发：万亿级赛道的结构性机遇2025年海外短剧市场迎来指数级增长，SensorTower数据显示，仅第一季度应用内购收入就达7亿美元，全年预计突破45亿美元。美国贡献49%收入，东南亚以9%增速成为新兴增长极。这种爆发式增长源于三大驱动力：用户行为变迁：全球短视频用户突破20亿，微短剧月活用户仅8000万，渗透率不足10%，存在11倍增长空间技术赋能创新：AI生成内容（AIGC）降低制作成
  • 快乐中秋——我们的手工月饼 Rao_ee39
    一年一度的中秋节如期而至，为了弘扬我们中国的传统文化，让孩子们体验咱们传统节日的乐趣，我们开展了做月饼的活动，小朋友们化身变成了糕点师～活动开始之前，老师们为孩子准备了手套和小帽子，孩子们都表现的非常激动，对做月饼这个事情蠢蠢欲动。做好了我们的准备工作，就迎来了真正的制作过程，桌子上摆好了豆沙芝麻馅，还有小面团，小朋友们拿到之后先揪一小段面团团成小团子，然后再把小团子压扁，再加入馅料，孩子们有的喜
  • 10月26日分享 移动小翁
    A:计划赶不上变化，上午8点半接到分管领导电话，9点宁德地区三级经理9人，临时要加入队伍开展行销。M:紧张，忐忑。B:调整心态，马上协商本次罗源支援团体的市场部经理，分配人员行销扫街路线图及分组。通过罗源及宁德公司人员混搭，带领他们学习福州扫街的模式。R:宁德公司对我们的工作认可，同时学习到了福州公司行销的模式。
  • 独舞 盛世如莲
    斯人若惊鸿，独舞青云中。挥手霖雾开，敛容明月来。眉间一字宽，方寸潮难散。嗟乎尔独舞，阳春世已无。纯任性自然，莲出清水间。芳魂临水无人知，一剑亘古谁能识。此间别去千载后，与君共嘲天下痴人少。
  • 为ubuntu系统制作deb安装包 ManualZhang ubuntulinux运维bashdebian
    依赖sudoapt-getinstallbuild-essentialdebhelpermakeautoconfautomakedpkg-devfakerootpbuildergnupg准备deb包创建资源文件夹，形式结构如下：deb包的文件夹模仿linux系统的根目录/的结构安装时系统会自动解包到根目录的对应文件夹下，卸载时也是自动删除对应的文件夹下的文件，如果文件夹只有一个文件，那么文件夹也可
  • 服务器开机后显示器不显示,hp DL380 G7服务器无法开机,屏幕没显示
    服务器型号：HPDL380G72U机架式服务器服务器故障：服务器无法开机，显示器没有一点反应。系统健康指示灯红灯闪烁，更换服务器电源也无法开机，双内存+双CPU，判断是主板故障。更换主板后顺利进入系统。产品结构：2U处理器CPU频率：2.13GHz标配CPU数量：1颗最大CPU数量：2颗制程工艺：32nm三级缓存：8MB总线规格：QPI4.8GT/sCPU核心：四核CPU线程数：四线程主板扩展槽：
  • 年月日_怎样在excel日期表格中提取年月日等信息？ weixin_39566882 年月日
    “hello小伙伴们大家好，我是归一。本节内容我将继续给大家介绍ExcelPowerQuery数据处理实用的18种方法中的第11招——提取日期信息。下面，我们开始今天的学习吧~”#表格制作excel##在家办公日记##在家办公日记#01业务问题：如何提取日期中的年月日和季度？下面，我们来看这样一个问题：现有一张销售数据表，其中有一个订单日期字段，由于我们想要查看每个月、每个季度的销售情况，所以还需
  • 嵌入式硬件篇---ESP32稳压板 Atticus-Orion 嵌入式知识篇嵌入式硬件篇嵌入式硬件ESP32稳压板
    制作ESP32稳压板的核心目标是：给ESP32提供稳定的3.3V电源（ESP32的工作电压必须是3.3V），同时支持多种供电方式（比如锂电池、USB、外接电源），并具备保护功能（防止过流、接反电源等）。整个流程和搭积木类似，一步步把“供电→稳压→保护→输出”这几个模块拼起来，新手也能看懂。一、先明确：你的稳压板要实现什么功能？在动手前，先想清楚这3个问题（直接决定电路设计）：输入电源类型：打算用什
  • Mamba架构的模型 （内容由deepseek辅助汇总） Jiang_Immortals 人工智能
    基于Mamba架构的模型近年来在效率和性能上展现出显著突破，以下按架构类型分类列出当前表现最出色的代表模型及其核心特点：一、纯SSM架构模型FalconMamba-7B关键创新：首个通用大规模纯Mamba模型，由阿布扎比TII开发，基于Mamba-1改进，增加RMS归一化层提升训练稳定性13。性能表现：在综合基准（IFEval、BBH、MMLU-PRO等）平均得分15.04，超越Llama3.1-
  • 2018NBA总冠军金州勇士队纸模欣赏 免贵姓虾
    分享一组来自韩国设计师EireneSong的纸模设计。EireneSong是一名纸模艺术家、创客和品牌咨询师。/**以下为译文**/献给金州勇士队的粉丝们。跟其他纸模不同，这些纸模的关节都是可以动的。Step13D建模为每个球员定制的脸和身子画出轮廓3D建模Step2制作蓝图用电脑软件建一个纸模蓝图Step3关节点测试在模型中测试关节点的运动3D模型中的关节点运动Step4绘画在纸模原型上手绘再用
  • AE音乐可视化模板：制作快速音乐视频
    本文还有配套的精品资源，点击获取简介：AE音乐可视化模板旨在将音乐数据转化为视觉效果，包含预设动画和布局设计，使用户能够轻松制作节奏同步的音乐视频。关键编辑区包括音乐编辑、歌名、歌手、背景图片和专辑图片编辑区，以及用于总成预览的区域。这类模板通常适用于新手用户，通过简洁的编辑流程，用户可以利用丰富的视觉元素和动画效果快速创作。包含的项目文件、预设动画、图像和音频素材，以及使用指南，帮助用户顺利完成
  • 如果失业了，暂时又找不到工作，有什么靠谱的副业兼职过渡？ 聪哥的创业之路
    1.网络销售：可以利用各大电商平台或社交媒体开设线上店铺，销售自己制作的产品或从供应商处采购的商品。2.自媒体创作：可以通过写博客、开设YouTube频道或社交媒体账号，分享自己的专业知识或热门领域的内容，并通过广告投放或赞助来获取收入。3.兼职软件：网上赚钱的兼职软件，比如汇业门客，兼职猫等等。汇业门客软件内容来源于汇业门客软件研发团队，集合各种网络返现和现金奖励等短期变现任务以及长期网赚项目。
  • 《九鼎风水师》第四百零九章 豢养纯阴灵体 先峰老师
    尚文龙长长的呼了一口气，沉淀下心神，缓步的走到了沙发前面。此刻子轩正躺在沙发上面，已经“睡”着了，或者应该说，已经陷入昏迷状况了，不出意外，最多明天下午的时候，子轩就会魂飞魄散，另外一个新的子轩将出现在尚文龙面前。“抱元守一！”尚文龙准备好后，脑海中传来了皇甫玉龙的声音。尚文龙顿时照做，祭炼纯阴灵体，并不简单，这不是普通的豢养鬼物，所豢养的而是灵体。若是豢养鬼物的话，只需要在其身上设置一个禁制即可
  • 美好回忆（十）记忆中的矿石收音机 李_光宇
    20世纪60年代提到制作矿石收音机，那可是一件了不起的挑战，我已记不清什么时候会装矿石收音机的了，但至今也不知道那时的矿石收音机工作原理是怎样的，线路非常简单只要二个元器件和一些铜丝即可，一个固定（活动）矿石加上一个高阻抗（4000欧姆）耳机，用铜丝分别做一个天线和一个地线，天线（铜丝）一端绕在蚊帐竿上，地线一端就用一根铁丝插在土地里，耳机的二根接线接在固定（活动）矿石上再分别接天、地线，一个简单
  • 设计模式介绍 tntxia 设计模式
    设计模式来源于土木工程师 克里斯托弗 亚历山大（http://en.wikipedia.org/wiki/Christopher_Alexander）的早期作品。他经常发表一些作品，内容是总结他在解决设计问题方面的经验，以及这些知识与城市和建筑模式之间有何关联。有一天，亚历山大突然发现，重复使用这些模式可以让某些设计构造取得我们期望的最佳效果。 亚历山大与萨拉-石川佳纯和穆雷 西乐弗斯坦合作
  • android高级组件使用(一) 百合不是茶 androidRatingBarSpinner
    1、自动完成文本框（AutoCompleteTextView） AutoCompleteTextView从EditText派生出来，实际上也是一个文本编辑框，但它比普通编辑框多一个功能：当用户输入一个字符后，自动完成文本框会显示一个下拉菜单，供用户从中选择，当用户选择某个菜单项之后，AutoCompleteTextView按用户选择自动填写该文本框。 使用AutoCompleteTex
  • [网络与通讯]路由器市场大有潜力可挖掘 comsci 网络
              如果国内的电子厂商和计算机设备厂商觉得手机市场已经有点饱和了,那么可以考虑一下交换机和路由器市场的进入问题.....        这方面的技术和知识,目前处在一个开放型的状态,有利于各类小型电子企业进入  &nbs
  • 自写简单Redis内存统计shell 商人shang Linux shell统计Redis内存
    #!/bin/bash address="192.168.150.128:6666,192.168.150.128:6666" hosts=(${address//,/ }) sfile="staticts.log" for hostitem in ${hosts[@]} do ipport=(${hostitem
  • 单例模式(饿汉 vs懒汉) oloz 单例模式
    package 单例模式; /* * 应用场景:保证在整个应用之中某个对象的实例只有一个 * 单例模式种的《 懒汉模式》 * */ public class Singleton { //01 将构造方法私有化，外界就无法用new Singleton()的方式获得实例 private Singleton(){}; //02 申明类得唯一实例 priva
  • springMvc json支持 杨白白 json springmvc
    1.Spring mvc处理json需要使用jackson的类库，因此需要先引入jackson包 2在spring mvc中解析输入为json格式的数据:使用@RequestBody来设置输入 @RequestMapping("helloJson") public @ResponseBody JsonTest helloJson() {
  • android播放，掃描添加本地音頻文件 小桔子
            最近幾乎沒有什麽事情，繼續鼓搗我的小東西。想在項目中加入一個簡易的音樂播放器功能，就像華為p6桌面上那麼大小的音樂播放器。用過天天動聽或者QQ音樂播放器的人都知道，可已通過本地掃描添加歌曲。不知道他們是怎麼實現的，我覺得應該掃描設備上的所有文件，過濾出音頻文件，每個文件實例化為一個實體，記錄文件名、路徑、歌手、類型、大小等信息。具體算法思想，
  • oracle常用命令 aichenglong oracledba常用命令
    1 创建临时表空间 create temporary tablespace user_temp  tempfile 'D:\oracle\oradata\Oracle9i\user_temp.dbf' size 50m  autoextend on  next 50m maxsize 20480m  extent management local
  • 25个Eclipse插件 AILIKES eclipse插件
    提高代码质量的插件1. FindBugsFindBugs可以帮你找到Java代码中的bug，它使用Lesser GNU Public License的自由软件许可。2. CheckstyleCheckstyle插件可以集成到Eclipse IDE中去，能确保Java代码遵循标准代码样式。3. ECLemmaECLemma是一款拥有Eclipse Public License许可的免费工具，它提供了
  • Spring MVC拦截器+注解方式实现防止表单重复提交 baalwolf spring mvc
    原理：在新建页面中Session保存token随机码，当保存时验证，通过后删除，当再次点击保存时由于服务器端的Session中已经不存在了，所有无法验证通过。   1.新建注解：   ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
  • 《Javascript高级程序设计(第3版)》闭包理解 bijian1013 JavaScript
    “闭包是指有权访问另一个函数作用域中的变量的函数。”--《Javascript高级程序设计(第3版)》         看以下代码： <script type="text/javascript"> function outer() { var i = 10; return f
  • AngularJS Module类的方法 bijian1013 JavaScriptAngularJSModule
            AngularJS中的Module类负责定义应用如何启动，它还可以通过声明的方式定义应用中的各个片段。我们来看看它是如何实现这些功能的。 一.Main方法在哪里         如果你是从Java或者Python编程语言转过来的，那么你可能很想知道AngularJS里面的main方法在哪里？这个把所
  • [Maven学习笔记七]Maven插件和目标 bit1129 maven插件
    插件(plugin)和目标(goal) Maven，就其本质而言，是一个插件执行框架，Maven的每个目标的执行逻辑都是由插件来完成的，一个插件可以有1个或者几个目标，比如maven-compiler-plugin插件包含compile和testCompile，即maven-compiler-plugin提供了源代码编译和测试源代码编译的两个目标   使用插件和目标使得我们可以干预
  • 【Hadoop八】Yarn的资源调度策略 bit1129 hadoop
    1. Hadoop的三种调度策略 Hadoop提供了3中作业调用的策略， FIFO Scheduler Fair Scheduler Capacity Scheduler 以上三种调度算法，在Hadoop MR1中就引入了，在Yarn中对它们进行了改进和完善.Fair和Capacity Scheduler用于多用户共享的资源调度   2. 多用户资源共享的调度
  • Nginx使用Linux内存加速静态文件访问 ronin47
    Nginx是一个非常出色的静态资源web服务器。如果你嫌它还不够快，可以把放在磁盘中的文件，映射到内存中，减少高并发下的磁盘IO。 先做几个假设。nginx.conf中所配置站点的路径是/home/wwwroot/res，站点所对应文件原始存储路径：/opt/web/res shell脚本非常简单，思路就是拷贝资源文件到内存中，然后在把网站的静态文件链接指向到内存中即可。具体如下：
  • 关于Unity3D中的Shader的知识 brotherlamp unityunity资料unity教程unity视频unity自学
    首先先解释下Unity3D的Shader，Unity里面的Shaders是使用一种叫ShaderLab的语言编写的，它同微软的FX文件或者NVIDIA的CgFX有些类似。传统意义上的vertex shader和pixel shader还是使用标准的Cg/HLSL 编程语言编写的。因此Unity文档里面的Shader，都是指用ShaderLab编写的代码，然后我们来看下Unity3D自带的60多个S
  • CopyOnWriteArrayList vs ArrayList bylijinnan java
    package com.ljn.base; import java.util.ArrayList; import java.util.Iterator; import java.util.List; import java.util.concurrent.CopyOnWriteArrayList; /** * 总述： * 1.ArrayListi不是线程安全的，CopyO
  • 内存中栈和堆的区别 chicony 内存
    1、内存分配方面：     堆：一般由程序员分配释放， 若程序员不释放，程序结束时可能由OS回收 。注意它与数据结构中的堆是两回事，分配方式是类似于链表。可能用到的关键字如下：new、malloc、delete、free等等。     栈：由编译器(Compiler)自动分配释放，存放函数的参数值，局部变量的值等。其操作方式类似于数据结构中
  • 回答一位网友对Scala的提问 chenchao051 scalamap
    本来准备在私信里直接回复了，但是发现不太方便，就简要回答在这里。 问题 写道 对于scala的简洁十分佩服，但又觉得比较晦涩，例如一例，Map("a" -> List(11,111)).flatMap(_._2)，可否说下最后那个函数做了什么，真正在开发的时候也会如此简洁？谢谢    先回答一点，在实际使用中，Scala毫无疑问就是这么简单。
  • mysql 取每组前几条记录 daizj mysql分组最大值最小值每组三条记录
    一、对分组的记录取前N条记录：例如：取每组的前3条最大的记录 1.用子查询： SELECT * FROM tableName a  WHERE 3> (SELECT COUNT(*) FROM  tableName b WHERE b.id=a.id AND b.cnt>a. cnt) ORDER BY a.id,a.account DE
  • HTTP深入浅出 http请求 dcj3sjt126com http
      HTTP(HyperText Transfer Protocol)是一套计算机通过网络进行通信的规则。计算机专家设计出HTTP，使HTTP客户（如Web浏览器）能够从HTTP服务器(Web服务器)请求信息和服务，HTTP目前协议的版本是1.1.HTTP是一种无状态的协议，无状态是指Web浏览器和Web服务器之间不需要建立持久的连接，这意味着当一个客户端向服务器端发出请求，然后We
  • 判断MySQL记录是否存在方法比较 dcj3sjt126com mysql
    把数据写入到数据库的时，常常会碰到先要检测要插入的记录是否存在，然后决定是否要写入。 　　我这里总结了判断记录是否存在的常用方法： 　　sql语句： select   count ( * )  from  tablename; 　　然后读取count(*)的值判断记录是否存在。对于这种方法性能上有些浪费，我们只是想判断记录记录是否存在，没有必要全部都查出来。
  • 对HTML XML的一点认识 e200702084 htmlxml
    感谢http://www.w3school.com.cn提供的资料 HTML 文档中的每个成分都是一个节点。 节点 根据 DOM，HTML 文档中的每个成分都是一个节点。 DOM 是这样规定的： 整个文档是一个文档节点 每个 HTML 标签是一个元素节点 包含在 HTML 元素中的文本是文本节点 每一个 HTML 属性是一个属性节点 注释属于注释节点 Node 层次
  • jquery分页插件 genaiwei jqueryWeb前端分页插件
    //jquery页码控件// 创建一个闭包    (function($) {      // 插件的定义      $.fn.pageTool = function(options) {        var totalPa
  • Mybatis与Ibatis对照入门于学习 Josh_Persistence mybatisibatis区别联系
    一、为什么使用IBatis/Mybatis         对于从事 Java EE 的开发人员来说，iBatis 是一个再熟悉不过的持久层框架了，在 Hibernate、JPA 这样的一站式对象 / 关系映射（O/R Mapping）解决方案盛行之前，iBaits 基本是持久层框架的不二选择。即使在持久层框架层出不穷的今天，iBatis 凭借着易学易用、
  • C中怎样合理决定使用那种整数类型？ 秋风扫落叶 c数据类型
    如果需要大数值(大于32767或小于32767), 使用long 型。 否则, 如果空间很重要 (如有大数组或很多结构), 使用 short 型。 除此之外, 就使用 int 型。 如果严格定义的溢出特征很重要而负值无关紧要, 或者你希望在操作二进制位和字节时避免符号扩展的问题, 请使用对应的无符号类型。 但是, 要注意在表达式中混用有符号和无符号值的情况。    &nbs
  • maven问题 zhb8015 maven问题
      问题1： Eclipse 中 新建maven项目 无法添加src/main/java 问题    eclipse创建maevn web项目，在选择maven_archetype_web原型后，默认只有src/main/resources这个Source Floder。     按照maven目录结构，添加src/main/ja
  • (二)androidpn-server tomcat版源码解析之--push消息处理 spjich javaandrodipn推送
    在 (一)androidpn-server tomcat版源码解析之--项目启动这篇中，已经描述了整个推送服务器的启动过程，并且把握到了消息的入口即XmppIoHandler这个类，今天我将继续往下分析下面的核心代码，主要分为3大块，链接创建，消息的发送，链接关闭。 先贴一段XmppIoHandler的部分代码 /** * Invoked from an I/O proc
  • 用js中的formData类型解决ajax提交表单时文件不能被serialize方法序列化的问题 中华好儿孙 JavaScriptAjaxWeb上传文件FormData
    var formData = new FormData($("#inputFileForm")[0]); $.ajax({ type:'post', url:webRoot+"/electronicContractUrl/webapp/uploadfile", data:formData, async: false, ca
  • mybatis常用jdbcType数据类型 ysj5125094 mybatismapperjdbcType
      MyBatis 通过包含的jdbcType 类型 BIT         FLOAT      CHAR          
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他