EDIAGD
EDIAGD

纯html5+css3下拉导航

<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8" />
<title>纯html+css导航</title>
<!-- mulder -->
<!-- qq:10221408 -->
<!-- 只支持 chrome firefox -->
<style>
*{
	margin:0;
	padding:0;
}
.clear:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

nav{
	display:inline-block;
	border:1px solid #505255;
	border-bottom: 1px solid #282C2F;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
	margin:50px;
	
	-webkit-box-shadow:1px 1px 3px #292929;
    -moz-box-shadow:1px 1px 3px #292929;
}
li{
	list-style:none;
	float:left;
	border-right: 1px solid #2E3235;
	position: relative;
	
	/*background: -moz-linear-gradient(top, #fff, #555D5F 2% ,#555D5F  50%,#3E4245 100%);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), color-stop(2%, #555D5F), color-stop(50%, #555D5F),to(#3E4245));*/
	background:#555D5F;
}
li:hover{
	/*background: -moz-linear-gradient(top, #fff, #3E4245 2% ,#555D5F  80%,#555D5F 100%);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), color-stop(2%, #3E4245), color-stop(80%, #3E4245),to(#555D5F));*/
	background:#3E4245;
	-moz-transition: background 1s ease-out;
	-webkit-transition: background 1s ease-out;
}
li a{
	display:block;
	height:40px;
	line-height:40px;
	padding:0 30px;
	font-size:12px;
	color:#fff;
	text-shadow: 0px -1px 0px #000;
	text-decoration:none;
	white-space:nowrap;
	border-left: 1px solid #999E9F;
    border-top: 1px solid #999E9F;
	-moz-border-top-left-radius: 2px;
	-webkit-border-top-left-radius: 2px;
	
	z-index:100;
}
li > a{
	position:relative;
}
li.first a{
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
}
li.last{
	border-right: 0 none;
}




dl{
	position:absolute;
	display:block;
	top:40px;
	left: -25px;
	
	width:165px;
	
	background:#222222;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
	-webkit-box-shadow:1px 1px 3px #292929;
    -moz-box-shadow:1px 1px 3px #292929;
	
	z-index:10;
            
}
li:hover dl{
	top:50px;
	display:block;
	width:145px;
	padding:10px;
}
dl a{
	background:transparent;
	border:0 none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-transition: background 0.5s ease-out;
	-webkit-transition: background 0.5s ease-out;
	
	z-index:50;
}
dl a:hover{
	color:#FFF;
	background:#999E9F;
	-moz-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
	-webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
}

dd{
	margin-top:-40px;
	opacity:0;
	width:145px;
	-webkit-transition-property:all;
	/*-webkit-transition-timing-function: cubic-bezier(5,0,5,0);*/
	-moz-transition-property: all;
	/*-moz-transition-timing-function: cubic-bezier(5,0,5,0);*/
	/*-webkit-transition-delay:5s;
	-moz-transition-delay:5s;*/
}
li:hover dd{
	margin-top:0;
	opacity:1;
}
li dd:nth-child(1){
	-webkit-transition-duration: 0.1s;
	-moz-transition-duration: 0.1s;
}
li dd:nth-child(2){
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
}
li dd:nth-child(3){
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
}
li dd:nth-child(4){
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
}

dt{
	display:none;
	margin-top:-25px;
	padding-top:15px;
	height:10px;
}
li:hover dt{
	display:block;
}
.Darrow{
	float:right;
	margin:18px 10px 0 0;
	border-width:5px;
	border-color:#FFF transparent transparent transparent;
	border-style:solid;
	width:0;
	height:0;
	line-height:0;
	overflow:hidden;
	
	cursor:pointer;
	
	text-shadow: 0px -1px 0px #000;
	
	-webkit-box-shadow:0px -1px 0px #000;
    -moz-box-shadow:0px -1px 0px #000;
}

.arrow{
	margin:0 auto;
	margin-top:-5px;
	display:block;
	width:10px;
	height:10px;
	background:#222222;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
}
</style>
</head>

<body>
<nav>
	<ul class="clear">
    	<li class="first"><a href="#">菜单一</a></li>
        <li>
        	<span class="Darrow"></span>
            <a href="#">菜单二</a>
        	<dl>
            	<dt><span class="arrow"></span></dt>
                <dd><a href="#">子菜单一</a></dd>
                <dd><a href="#">子菜单二</a></dd>
                <dd><a href="#">子菜单三子菜单三</a></dd>
            </dl>
        </li>
        <li>
        	<span class="Darrow"></span>
            <a href="#">菜单三</a>
        	<dl>
            	<dt><span class="arrow"></span></dt>
                <dd><a href="#">子菜单一</a></dd>
                <dd><a href="#">子菜单二</a></dd>
                <dd><a href="#">子菜单三子菜单三</a></dd>
            </dl>
        </li>
        <li>
        	<span class="Darrow"></span>
            <a href="#">菜单四</a>
        	<dl>
            	<dt><span class="arrow"></span></dt>
                <dd><a href="#">子菜单一</a></dd>
                <dd><a href="#">子菜单二</a></dd>
                <dd><a href="#">子菜单三</a></dd>
                <dd><a href="#">子菜单四</a></dd>
            </dl>
        </li>
        <li><a href="#">菜单五</a></li>
        <li><a href="#">菜单六</a></li>
        <li><a href="#">菜单七</a></li>
        <li class="last"><a href="#">菜单八</a></li>
    </ul>
</nav>

</body>
</html>

你可能感兴趣的:(纯html5+css3下拉导航)

  • 移动端城市区县二级联动选择功能实现包 good2know
    本文还有配套的精品资源，点击获取简介：本项目是一套为移动端设计的jQuery实现方案，用于简化用户在选择城市和区县时的流程。它包括所有必需文件：HTML、JavaScript、CSS及图片资源。通过动态更新下拉菜单选项，实现城市到区县的联动效果，支持数据异步加载。开发者可以轻松集成此功能到移动网站或应用，并可基于需求进行扩展和优化。1.jQuery移动端解决方案概述jQuery技术简介jQuery
  • Selenium 特殊控件操作与 ActionChains 实践详解 小馋喵知识杂货铺 selenium测试工具
    1.下拉框单选操作(a)使用SeleniumSelect类（标准HTML标签）Selenium提供了内置的Select类用于操作标准下拉框，这种方式简单且直观。fromselenium.webdriver.support.uiimportSelect#定位下拉框dropdown=Select(driver.find_element("id","dropdown_id"))#通过以下三种方式选择单个
  • Android通知(Notification)全面解析：从基础到高级应用
    一、Android通知概述通知(Notification)是Android系统中用于在应用之外向用户传递信息的重要机制。当应用需要告知用户某些事件或信息时，可以通过通知在状态栏显示图标，用户下拉通知栏即可查看详细信息。这种机制几乎被所有现代应用采用，用于推送新闻、消息、广告等内容3。与Toast相比，Notification的优势在于：可以长时间停留在通知栏，适合内容较多且需要持久展示的信息支持丰
  • Unity学习笔记1 zy_777
    通过一个星期的简单学习，初步了解了下unity，unity的使用，以及场景的布局，UI，以及用C#做一些简单的逻辑。好记性不如烂笔头，一些关键帧还是记起来比较好，哈哈，不然可能转瞬即逝了，（PS:纯小白观点，unity大神可以直接忽略了）一：MonoBehaviour类的初始化1，Instantiate()创建GameObject2，通过Awake()和Start()来做初始化3，Update、L
  • vue element 封装表单 影子信息 vuevue.jsjavascript前端
    背景：在前端系统开发中，系统页面涉及到的表单组件比较多，所以进行了简单的封装。封装的包括一些Form表单组件，如下：input输入框、select下拉框、等实现效果：理论知识：表单组件官方链接：点击跳转封装组件：封装组件的思路：不封装element组件，每一个input组件绑定一个form对象，例如官网。简单封装element组件，利用for循环生成form表单的每一项el-form-item。进
  • 梦，是世界的语言 温柔的静子
    图片发自App孙彩梦/文梦，是一种世界通用的语言不是你很有想法你就有梦想梦想和想法并不是同一件事人类真正的梦，是与宇宙同步的，和世间万物同频共振的，非常强大，没有敌人它类似一种导航系统，只要有这个装备，所到之处皆是最神圣的目的地对一个人来说，真正的问题不在于如何去实现梦想而是无论发生过什么，你都不能放弃这个梦想，守护它，让它在你的脑里，不被改变，不被迷失一辈子做一个有梦想的人就是自由的，幸福的，充
  • PDF转Markdown - Python 实现方案与代码 Eiceblue PythonPythonPDFpdfpython开发语言vscode
    PDF作为广泛使用的文档格式，转换为轻量级标记语言Markdown后，可无缝集成到技术文档、博客平台和版本控制系统中，提高内容的可编辑性和可访问性。本文将详细介绍如何使用国产Spire.PDFforPython库将PDF文档转换为Markdown格式。技术优势：精准保留原始文档结构（段落/列表/表格）完整提取文本和图像内容无需Adobe依赖的纯Python实现支持Linux/Windows/mac
  • 从零到一：基于差分隐私决策树的客户购买预测系统实战开发 笙囧同学 决策树算法机器学习
    作者简介：笙囧同学，中科院计算机大模型方向硕士，全栈开发爱好者联系方式：[email protected]各大平台账号：笙囧同学座右铭：偷懒是人生进步的阶梯文章导航快速导航前言-项目背景与价值项目概览-系统架构与功能技术深度解析-核心算法原理️系统实现详解-工程实践细节性能评估与分析-实验结果分析Web系统开发-前后端开发部署与运维-DevOps实践完整复现指南-手把手教程️实践案例与故障排除-问
  • Qt 下拉框QComboBox控件：从入门到实战
    一、QComboBox核心功能解析1.核心属性属性说明当前示例场景count列表项总数统计学历下拉框中的选项数量editable是否允许用户编辑学历选择时可输入自定义学历currentText当前选中项的文本获取用户选择的"硕士"文本currentData当前选中项的附加数据获取太原对应的区号"0351"currentIndex当前选中项的索引位置(从0开始)确定"硕士"在列表中的位置2.核心方法
  • 零基础21天学习网络技术，目标：比别人多懂一点，饭碗更牢固一点 孤独的汤姆 渗透测试网络安全干货分享学习php服务器
    零基础21天学习网络技术，目标：比别人多懂一点，饭碗更牢固一点。我们也不要定太远大的目标但我们可以定一个小目标网络基础小目标：比别人多懂一点核心理念：不求精通，但要实用！21天速成计划第一周：网络常识篇(7天)目标：能听懂技术对话，不再一脸懵Day1-2：网络设备认知交换机-就是"智能插线板"，连接同一网络的设备路由器-就是"网络导航员"，连接不同网络防火墙-就是"网络保安"，控制进出流量实用技能
  • 零基础21天学习网络技术，目标：比别人多懂一点，饭碗更牢固一点
    零基础21天学习网络技术，目标：比别人多懂一点，饭碗更牢固一点。我们也不要定太远大的目标但我们可以定一个小目标网络基础小目标：比别人多懂一点核心理念：不求精通，但要实用！21天速成计划第一周：网络常识篇(7天)目标：能听懂技术对话，不再一脸懵Day1-2：网络设备认知交换机-就是"智能插线板"，连接同一网络的设备路由器-就是"网络导航员"，连接不同网络防火墙-就是"网络保安"，控制进出流量实用技能
  • H5UI微信小程序前端框架实战指南 ai
    本文还有配套的精品资源，点击获取简介：H5UI是一个为微信小程序开发设计的前端框架，基于H5技术，提供简洁高效的组件库。框架集成了丰富的UI元素，如按钮、表格、导航栏等，简化了界面布局和交互的实现。通过安装、引入、使用组件和事件绑定四个步骤，开发者可以轻松构建功能齐全的应用。了解性能优化等注意事项对于高效开发同样重要。1.微信小程序前端开发框架介绍微信小程序概述微信小程序是微信官方推出的一种无需下
  • 微信下拉词优化实战指南，马上行动
    在微信生态的流量竞争中，下拉词优化是低成本获取精准流量的有效途径。不同于理论层面的分析，实战操作需要明确的行动步骤和可落地的执行方法。以下这份实战指南，将带你快速启动微信下拉词优化工作。精准筛选关键词，明确优化方向行动的第一步是锁定目标关键词。打开微信搜索框，输入与账号领域相关的基础词汇，记录下拉列表中已有的热门词汇，这些词汇反映了用户的真实搜索习惯。同时，结合账号的核心业务，列出3-5个最具代表
  • 独舞 盛世如莲
    斯人若惊鸿，独舞青云中。挥手霖雾开，敛容明月来。眉间一字宽，方寸潮难散。嗟乎尔独舞，阳春世已无。纯任性自然，莲出清水间。芳魂临水无人知，一剑亘古谁能识。此间别去千载后，与君共嘲天下痴人少。
  • Isaac sim【3】Isaac Sim 工作界面 根号00000011 具身智能#ISAACSIM机器学习人工智能机器人具身智能isaacsim
    学习目标本教程介绍了IsaacSim中最常用的用户界面按钮、菜单和控件。完成本教程后，您应该更有信心在IsaacSim界面中导航和发现内容。5-10分钟教程开始先决条件在开始本教程之前，请查看什么是IsaacSim？。首先，将立方体添加到场景中。转到顶部菜单栏，然后单击创建>形状>立方体。验证Viewport的中心是否有一个Cube。Cube处于选中状态（以橙色突出显示），并且默认情况下启用Mov
  • 动态调整在智能客服规划层中起到什么作用？
    在智能客服的规划层中，动态调整是确保方案“落地有效性”的核心机制——它能让规划层在方案执行过程中，根据实时反馈的新信息（如用户需求变化、系统故障、外部数据更新等）灵活修正原计划，避免机械执行导致的“方案失效”或“用户体验崩坏”。其作用类似“导航软件的实时路线重算”：即使出发时规划了最优路线，遇到堵车、封路时也能立刻调整，确保最终到达目的地。动态调整在规划层中的具体作用，可通过4类核心场景体现：1.
  • Mamba架构的模型 （内容由deepseek辅助汇总） Jiang_Immortals 人工智能
    基于Mamba架构的模型近年来在效率和性能上展现出显著突破，以下按架构类型分类列出当前表现最出色的代表模型及其核心特点：一、纯SSM架构模型FalconMamba-7B关键创新：首个通用大规模纯Mamba模型，由阿布扎比TII开发，基于Mamba-1改进，增加RMS归一化层提升训练稳定性13。性能表现：在综合基准（IFEval、BBH、MMLU-PRO等）平均得分15.04，超越Llama3.1-
  • 京东优惠券在哪里找？京东怎么找隐形优惠券？ 氧惠评测
    在京东购物时，寻找优惠券，包括隐形优惠券（也称为内部优惠券或隐藏优惠券），可以通过多种途径进行。以下是一些主要的寻找方法：一、京东官方渠道京东APP领券中心：打开京东APP，确保已登录自己的账号。在首页或底部导航栏中，找到“领券”或“领券中心”的入口。进入领券中心后，可以看到各种分类的优惠券，如手机、家电、服饰等。根据自己的需求浏览并选择领取相应的优惠券。商品详情页：在浏览具体商品时，进入商品详情
  • 走路 心有可栖
    今天下午又去了外滩，走过的路，不用导航，也可以记得了。还是熟悉的街景，不会想像更多的东西，一直都在想我们当时也是这样走的，和你说过的话，做过的动作。我是爱情至上的吧，心里满满的都是你。期待生活忙碌一点，期待我们相见。
  • 抖音极速版邀请码是多少？抖音极速版邀请码大全 资源共享猫
    你打开抖音极速版后，找到底部导航栏中的“我的”按钮点击可进入到活动页面，此时可以将邀请码填写到输入框中，也可以将邀请码分享给自己的朋友彼此都能领到红包奖励。大家在手机应用商店下载抖音极速版后，注册登录进入到抖音极速版首页凡是新用户会弹出填写邀请码的输入框，大家只需要在24小时内将邀请码填写完成方能领到红包奖励，还有小伙伴并不知道在哪里填写，下面小编为大家详细介绍一下吧。1.打开2024版抖音极速版
  • 《九鼎风水师》第四百零九章 豢养纯阴灵体 先峰老师
    尚文龙长长的呼了一口气，沉淀下心神，缓步的走到了沙发前面。此刻子轩正躺在沙发上面，已经“睡”着了，或者应该说，已经陷入昏迷状况了，不出意外，最多明天下午的时候，子轩就会魂飞魄散，另外一个新的子轩将出现在尚文龙面前。“抱元守一！”尚文龙准备好后，脑海中传来了皇甫玉龙的声音。尚文龙顿时照做，祭炼纯阴灵体，并不简单，这不是普通的豢养鬼物，所豢养的而是灵体。若是豢养鬼物的话，只需要在其身上设置一个禁制即可
  • 尚玩助手一天零撸几十+是真的吗？尚玩助手是不是诈骗软件？ 荟聚时刻
    尚玩助手这个平台是广告零撸行业多年的平台了，玩尚玩助手一天几十+的大有人在，玩广告零撸只需要学习玩法每个人都可以每天零撸几十，重要的是要学习，不学习玩法肯定是不行的，如果你不知道广告零撸如何玩，详细的教程我放在文末了。尚玩助手看广告撸金项目，纯零撸，而且操作简单收益可观，尚玩助手的门槛非常的低，只要有安卓手机就可以玩，包括行业所有的广告零撸平台，苹果手机都是玩不了的。尚玩助手APP下载入口及玩法教
  • 2018年8月19日星期日晴~241 孔素霞
    图片发自App图片发自App图片发自App图片发自App图片发自App图片发自App昨天，爬长城又加几个小时的车途劳累。早上让孩子们睡到了自然醒，我仍在四点多钟醒来，浑浑沉沉又迷糊了一会。七点钟吃了早饭，去附近超市购买了足够的食物，以备草原路上充饥。跟着导航，一路顺通，白云相随，心情愉悦，行至了两个多小时，到达了目的地。开启了，草原天路的旅行。公路两边一边无际的大草原，绿色渲染，墨线勾勒，野花朵朵
  • 【NLP舆情分析】基于python微博舆情分析可视化系统(flask+pandas+echarts) 视频教程 - 微博文章数据可视化分析-文章分类下拉框实现 java1234_小锋 NLPNLLP微博舆情分析python自然语言处理flask
    大家好，我是java1234_小锋老师，最近写了一套【NLP舆情分析】基于python微博舆情分析可视化系统(flask+pandas+echarts)视频教程，持续更新中，计划月底更新完，感谢支持。今天讲解微博文章数据可视化分析-文章分类下拉框实现视频在线地址：2026版【NLP舆情分析】基于python微博舆情分析可视化系统(flask+pandas+echarts+爬虫)视频教程（火爆连载更
  • Spring Boot 与 Spring Cloud Stream：事件驱动与消息流处理的完美结合！ bug菌¹ springboot后端javaSpringBoot事件驱动消息流处理
    本文收录于《滚雪球学SpringBoot》，专门攻坚指数提升，2025年国内最系统+最强（更新中）。  本专栏致力打造最硬核SpringBoot从零基础到进阶系列学习内容，均为全网独家首发，打造精品专栏，专栏持续更新中…欢迎大家订阅持续学习。如果想快速定位学习，可以看这篇【SpringBoot教程导航帖】,你想学习的都被收集在内，快速投入学习！！两不误。演示环境说明：开发工具：IDEA2021.3
  • Spring Boot 与 Spring Cloud Gateway：构建高效的API网关！ bug菌¹ springboot后端javaSpringBootSpringCloudGatewayAPI网关
    本文收录于《滚雪球学SpringBoot》，专门攻坚指数提升，2025年国内最系统+最强（更新中）。  本专栏致力打造最硬核SpringBoot从零基础到进阶系列学习内容，均为全网独家首发，打造精品专栏，专栏持续更新中…欢迎大家订阅持续学习。如果想快速定位学习，可以看这篇【SpringBoot教程导航帖】,你想学习的都被收集在内，快速投入学习！！两不误。演示环境说明：开发工具：IDEA2021.3
  • Spring Boot 与 WebSocket：实时双向通信的实现！
    本文收录于《滚雪球学SpringBoot》，专门攻坚指数提升，2025年国内最系统+最强（更新中）。  本专栏致力打造最硬核SpringBoot从零基础到进阶系列学习内容，均为全网独家首发，打造精品专栏，专栏持续更新中…欢迎大家订阅持续学习。如果想快速定位学习，可以看这篇【SpringBoot教程导航帖】,你想学习的都被收集在内，快速投入学习！！两不误。演示环境说明：开发工具：IDEA2021.3
  • 滴滴出行优惠券怎么用？滴滴出行优惠券领取？ 高省_飞智666600
    随着移动出行平台的普及，滴滴出行已经成为很多人日常出行的首选。为了让乘客更好地享受便捷的出行服务，滴滴出行经常推出各种优惠活动，其中优惠券是乘客们非常关心的话题。那么，滴滴出行优惠券怎么用？又该如何领取呢？本文将为您详细解答。一、滴滴出行优惠券怎么用？1.打开滴滴出行APP，登录您的账户。2.在首页下方导航栏找到“优惠”按钮，点击进入优惠中心。3.在优惠中心页面，您可以查看到当前可用的优惠券。如果
  • XPath class心平气和 服务器前端运维
    一、XPath基础概念XPath（XMLPathLanguage）是一种用于在XML或HTML文档中定位节点的语言，广泛应用于网页爬虫、数据提取和文档处理。以下将从基础概念到高级技巧全面解析XPath。XPath是一种路径表达式语言，用于在XML/HTML文档中导航和选择节点。二、XPath路径表达式基础1.绝对路径与相对路径绝对路径：从根节点开始，用/分隔，例：/html/body/div#从H
  • 绝世孽龙叶星周茜完结小说_热门小说绝世孽龙(叶星周茜) 晚晚美文
    《绝世孽龙》主角：叶星周茜，简介：叶星得罪富二代，被弄瞎了眼睛，因祸得福，得到孽龙传承，觉醒九九纯阳体，吸收女人身上的阴气就能修炼变强，复仇指日可待！为了多接触女人吸收阴气，去省城投靠表哥，表哥把他介绍去了盲人按摩店。这一天，叶星遇到了一个女顾客，做梦也没想到是他表嫂，两人在按摩室里……叶星鼻血都差点喷出来，把手放在了她那腿上。他手上按着，同时身子朝前靠了靠，他身子碰到了周茜放在按摩床的手。周茜如
  • tomcat基础与部署发布 暗黑小菠萝 Tomcat java web
    从51cto搬家了，以后会更新在这里方便自己查看。 做项目一直用tomcat，都是配置到eclipse中使用，这几天有时间整理一下使用心得，有一些自己配置遇到的细节问题。 Tomcat：一个Servlets和JSP页面的容器，以提供网站服务。 一、Tomcat安装     安装方式：①运行.exe安装包      &n
  • 网站架构发展的过程 ayaoxinchao 数据库应用服务器网站架构
    1.初始阶段网站架构：应用程序、数据库、文件等资源在同一个服务器上 2.应用服务和数据服务分离：应用服务器、数据库服务器、文件服务器 3.使用缓存改善网站性能：为应用服务器提供本地缓存，但受限于应用服务器的内存容量，可以使用专门的缓存服务器，提供分布式缓存服务器架构 4.使用应用服务器集群改善网站的并发处理能力：使用负载均衡调度服务器，将来自客户端浏览器的访问请求分发到应用服务器集群中的任何
  • [信息与安全]数据库的备份问题 comsci 数据库
          如果你们建设的信息系统是采用中心-分支的模式,那么这里有一个问题   如果你的数据来自中心数据库,那么中心数据库如果出现故障,你的分支机构的数据如何保证安全呢?    是否应该在这种信息系统结构的基础上进行改造,容许分支机构的信息系统也备份一个中心数据库的文件呢?  &n
  • 使用maven tomcat plugin插件debug关联源代码 商人shang mavendebug查看源码tomcat-plugin
    *首先需要配置好'''maven-tomcat7-plugin'''，参见[[Maven开发Web项目]]的'''Tomcat'''部分。 *配置好后，在[[Eclipse]]中打开'''Debug Configurations'''界面，在'''Maven Build'''项下新建当前工程的调试。在'''Main'''选项卡中点击'''Browse Workspace...'''选择需要开发的
  • 大访问量高并发 oloz 大访问量高并发
    大访问量高并发的网站主要压力还是在于数据库的操作上，尽量避免频繁的请求数据库。下面简 要列出几点解决方案： 01、优化你的代码和查询语句，合理使用索引 02、使用缓存技术例如memcache、ecache将不经常变化的数据放入缓存之中 03、采用服务器集群、负载均衡分担大访问量高并发压力 04、数据读写分离 05、合理选用框架，合理架构(推荐分布式架构)。
  • cache 服务器 小猪猪08 cache
    Cache   即高速缓存.那么cache是怎么样提高系统性能与运行速度呢？是不是在任何情况下用cache都能提高性能？是不是cache用的越多就越好呢？我在近期开发的项目中有所体会，写下来当作总结也希望能跟大家一起探讨探讨，有错误的地方希望大家批评指正。 　　1.Cache   是怎么样工作的? 　　Cache   是分配在服务器上
  • mysql存储过程 香水浓 mysql
    Description:插入大量测试数据 use xmpl; drop procedure if exists mockup_test_data_sp; create procedure mockup_test_data_sp( in number_of_records int ) begin declare cnt int; declare name varch
  • CSS的class、id、css文件名的常用命名规则 agevs JavaScriptUI框架Ajaxcss
      CSS的class、id、css文件名的常用命名规则     (一)常用的CSS命名规则 　　头：header 　　内容：content/container 　　尾：footer 　　导航：nav 　　侧栏：sidebar 　　栏目：column 　　页面外围控制整体布局宽度：wrapper 　　左右中：left right
  • 全局数据源 AILIKES javatomcatmysqljdbcJNDI
    实验目的：为了研究两个项目同时访问一个全局数据源的时候是创建了一个数据源对象，还是创建了两个数据源对象。 1：将diuid和mysql驱动包（druid-1.0.2.jar和mysql-connector-java-5.1.15.jar）copy至%TOMCAT_HOME%/lib下；2：配置数据源，将JNDI在%TOMCAT_HOME%/conf/context.xml中配置好,格式如下：&l
  • MYSQL的随机查询的实现方法 baalwolf mysql
    MYSQL的随机抽取实现方法。举个例子，要从tablename表中随机提取一条记录，大家一般的写法就是：SELECT * FROM tablename ORDER BY RAND() LIMIT 1。但是，后来我查了一下MYSQL的官方手册，里面针对RAND()的提示大概意思就是，在ORDER BY从句里面不能使用RAND()函数，因为这样会导致数据列被多次扫描。但是在MYSQL 3.23版本中，
  • JAVA的getBytes()方法 bijian1013 javaeclipseunixOS
        在Java中，String的getBytes()方法是得到一个操作系统默认的编码格式的字节数组。这个表示在不同OS下，返回的东西不一样！      String.getBytes(String decode)方法会根据指定的decode编码返回某字符串在该编码下的byte数组表示，如： byte[] b_gbk = "
  • AngularJS中操作Cookies bijian1013 JavaScriptAngularJSCookies
            如果你的应用足够大、足够复杂，那么你很快就会遇到这样一咱种情况：你需要在客户端存储一些状态信息，这些状态信息是跨session(会话)的。你可能还记得利用document.cookie接口直接操作纯文本cookie的痛苦经历。         幸运的是，这种方式已经一去不复返了，在所有现代浏览器中几乎
  • [Maven学习笔记五]Maven聚合和继承特性 bit1129 maven
    Maven聚合   在实际的项目中，一个项目通常会划分为多个模块，为了说明问题，以用户登陆这个小web应用为例。通常一个web应用分为三个模块： 1. 模型和数据持久化层user-core, 2. 业务逻辑层user-service以 3. web展现层user-web， user-service依赖于user-core user-web依赖于user-core和use
  • 【JVM七】JVM知识点总结 bit1129 jvm
      1. JVM运行模式 1.1 JVM运行时分为-server和-client两种模式，在32位机器上只有client模式的JVM。通常，64位的JVM默认都是使用server模式，因为server模式的JVM虽然启动慢点，但是，在运行过程，JVM会尽可能的进行优化 1.2 JVM分为三种字节码解释执行方式：mixed mode, interpret mode以及compiler
  • linux下查看nginx、apache、mysql、php的编译参数 ronin47
    在linux平台下的应用，最流行的莫过于nginx、apache、mysql、php几个。而这几个常用的应用，在手工编译完以后，在其他一些情况下（如：新增模块），往往想要查看当初都使用了那些参数进行的编译。这时候就可以利用以下方法查看。 1、nginx [root@361way ~]# /App/nginx/sbin/nginx -V nginx: nginx version: nginx/
  • unity中运用Resources.Load的方法？ brotherlamp unity视频unity资料unity自学unityunity教程
    问：unity中运用Resources.Load的方法？ 答：Resources.Load是unity本地动态加载资本所用的方法,也即是你想动态加载的时分才用到它,比方枪弹,特效,某些实时替换的图像什么的,主张此文件夹不要放太多东西,在打包的时分,它会独自把里边的一切东西都会集打包到一同,不论里边有没有你用的东西,所以大多数资本应该是自个建文件放置 1、unity实时替换的物体即是依据环境条件
  • 线段树-入门 bylijinnan java算法线段树
    /** * 线段树入门 * 问题：已知线段[2,5] [4,6] [0,7]；求点2,4,7分别出现了多少次 * 以下代码建立的线段树用链表来保存，且树的叶子结点类似[i,i] * * 参考链接：http://hi.baidu.com/semluhiigubbqvq/item/be736a33a8864789f4e4ad18 * @author lijinna
  • 全选与反选 chicony 全选
      <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>全选与反选</title>
  • vim一些简单记录 chenchao051 vim
    mac在/usr/share/vim/vimrc linux在/etc/vimrc   1、问：后退键不能删除数据，不能往后退怎么办？       答：在vimrc中加入set backspace=2   2、问：如何控制tab键的缩进？       答：在vimrc中加入set tabstop=4 (任何
  • Sublime Text 快捷键 daizj 快捷键sublime
    [size=large][/size]Sublime Text快捷键：Ctrl+Shift+P：打开命令面板Ctrl+P：搜索项目中的文件Ctrl+G：跳转到第几行Ctrl+W：关闭当前打开文件Ctrl+Shift+W：关闭所有打开文件Ctrl+Shift+V：粘贴并格式化Ctrl+D：选择单词，重复可增加选择下一个相同的单词Ctrl+L：选择行，重复可依次增加选择下一行Ctrl+Shift+L：
  • php 引用(&)详解 dcj3sjt126com PHP
    在PHP 中引用的意思是：不同的名字访问同一个变量内容. 与Ｃ语言中的指针是有差别的．Ｃ语言中的指针里面存储的是变量的内容在内存中存放的地址 变量的引用 PHP 的引用允许你用两个变量来指向同一个内容  复制代码代码如下: <?  $a="ABC";  $b =&$a;  echo
  • SVN中trunk,branches,tags用法详解 dcj3sjt126com SVN
    Subversion有一个很标准的目录结构，是这样的。比如项目是proj，svn地址为svn://proj/，那么标准的svn布局是svn://proj/|+-trunk+-branches+-tags这是一个标准的布局，trunk为主开发目录，branches为分支开发目录，tags为tag存档目录（不允许修改）。但是具体这几个目录应该如何使用，svn并没有明确的规范，更多的还是用户自己的习惯。
  • 对软件设计的思考 e200702084 设计模式数据结构算法ssh活动
    软件设计的宏观与微观    软件开发是一种高智商的开发活动。一个优秀的软件设计人员不仅要从宏观上把握软件之间的开发，也要从微观上把握软件之间的开发。宏观上，可以应用面向对象设计，采用流行的SSH架构，采用web层，业务逻辑层，持久层分层架构。采用设计模式提供系统的健壮性和可维护性。微观上，对于一个类，甚至方法的调用，从计算机的角度模拟程序的运行情况。了解内存分配，参数传
  • 同步、异步、阻塞、非阻塞 geeksun 非阻塞
    同步、异步、阻塞、非阻塞这几个概念有时有点混淆，在此文试图解释一下。   同步：发出方法调用后，当没有返回结果，当前线程会一直在等待（阻塞）状态。 场景：打电话，营业厅窗口办业务、B/S架构的http请求-响应模式。   异步：方法调用后不立即返回结果，调用结果通过状态、通知或回调通知方法调用者或接收者。异步方法调用后，当前线程不会阻塞，会继续执行其他任务。 实现：
  • Reverse SSH Tunnel 反向打洞實錄 hongtoushizi ssh
    實際的操作步驟： # 首先，在客戶那理的機器下指令連回我們自己的 Server，並設定自己 Server 上的 12345 port 會對應到幾器上的 SSH port ssh -NfR 12345:localhost:22 [email protected] # 然後在 myhost 的機器上連自己的 12345 port，就可以連回在客戶那的機器 ssh localhost -p 1
  • Hibernate中的缓存 Josh_Persistence 一级缓存Hiberante缓存查询缓存二级缓存
    Hibernate中的缓存   一、Hiberante中常见的三大缓存：一级缓存，二级缓存和查询缓存。 Hibernate中提供了两级Cache，第一级别的缓存是Session级别的缓存，它是属于事务范围的缓存。这一级别的缓存是由hibernate管理的，一般情况下无需进行干预；第二级别的缓存是SessionFactory级别的缓存，它是属于进程范围或群集范围的缓存。这一级别的缓存
  • 对象关系行为模式之延迟加载 home198979 PHP架构延迟加载
    形象化设计模式实战     HELLO!架构   一、概念 Lazy Load：一个对象，它虽然不包含所需要的所有数据，但是知道怎么获取这些数据。 延迟加载貌似很简单，就是在数据需要时再从数据库获取，减少数据库的消耗。但这其中还是有不少技巧的。     二、实现延迟加载 实现Lazy Load主要有四种方法：延迟初始化、虚
  • xml 验证 pengfeicao521 xmlxml解析
    有些字符，xml不能识别，用jdom或者dom4j解析的时候就报错 public static void testPattern() { // 含有非法字符的串 String str =       "Jamey&#52828;&#01;&#02;&#209;&#1282
  • div设置半透明效果 spjich css半透明
    为div设置如下样式：   div{filter:alpha(Opacity=80);-moz-opacity:0.5;opacity: 0.5;}        说明： 1、filter：对win IE设置半透明滤镜效果，filter:alpha(Opacity=80)代表该对象80%半透明，火狐浏览器不认2、-moz-opaci
  • 你真的了解单例模式么？ w574240966 java单例设计模式jvm
        单例模式，很多初学者认为单例模式很简单，并且认为自己已经掌握了这种设计模式。但事实上，你真的了解单例模式了么。   一，单例模式的5中写法。（回字的四种写法，哈哈。）     1，懒汉式           （1）线程不安全的懒汉式 public cla
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他