css-下拉菜单

方式1:

  1 <!DOCTYPE html>

  2 <html xmlns="http://www.w3.org/1999/xhtml">

  3 <head>

  4 <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

  5 <title>CSS下拉菜单实例模块-www.divcss5.com</title>

  6 <style>

  7 body, ul, li {

  8     background-color:white;

  9     font-size:12px;

 10     font-family:Arial, Helvetica, sans-serif;

 11     margin:0px;

 12     padding:0px;

 13 }

 14 a {

 15     color:#000000;

 16     text-decoration:none;

 17 }

 18 body {

 19     text-align:center;

 20 }

 21 li {

 22     display:inline;

 23     list-style:none;

 24     list-style-position:outside;

 25     text-align:center;

 26     font-weight:bold;

 27     float:left;

 28 }

 29 .list a:link {

 30     color:#336601;

 31     text-decoration:none;

 32     float:left;

 33     width:100px;

 34     padding:3px 5px 0px 5px;

 35 }

 36 .list a:visited {

 37     color:#336601;

 38     text-decoration:none;

 39     float:left;

 40     padding:3px 5px 0px 5px;

 41     width:100px;

 42 }

 43 .list a:hover {

 44     color:white;

 45     float:left;

 46     padding:3px 3px 0px 20px;

 47     width:88px;

 48     text-decoration:none;

 49     background-color:#539D26;

 50 }

 51 .list a:active {

 52     color:white;

 53     float:left;

 54     padding:3px 3px 0px 20px;

 55     width:88px;

 56     text-decoration:none;

 57     background-color:#BD06B4;

 58 }

 59 #nav {

 60     width:600px;

 61     height:30px;

 62     margin:0 auto;

 63     padding:0px 5px;

 64     text-align:center;

 65     clear:both;

 66 }

 67 .list {

 68     line-height:20px;

 69     text-align:left;

 70     padding:4px;

 71     font-weight:normal;

 72 }

 73 .menu1 {

 74     width:120px;

 75     height:auto;

 76     margin:6px 4px 0px 0px;

 77     border:1px solid #9CDD75;

 78     background-color:#F1FBEC;

 79     color:#336601;

 80     padding:6px 0px 0px 0px;

 81     cursor:hand;

 82     overflow-y:hidden;

 83     filter:Alpha(opacity=70);

 84     -moz-opacity:0.7;

 85 }

 86 .menu2 {

 87     width:120px;

 88     height:18px;

 89     margin:6px 4px 0px 0px;

 90     background-color:#F5F5F5;

 91     color:#999999;

 92     border:1px solid #EEE8DD;

 93     padding:6px 0px 0px 0px;

 94     overflow-y:hidden;

 95     cursor:hand;

 96 }

 97 </style>

 98 </head>

 99 

100 <body>

101 <div>大家以后在以后运用时候可以扩展使用，更改为适合自己网页需求 <a href="http://www.divcss5.com/">css</a>。</div>

102 <div id="nav">

103   <ul>

104     <li class="menu2" onMouseOver="this.className='menu1'"

105  onMouseOut="this.className='menu2'">div+css

106       <div class="list"> <a href="http://www.divcss5.com/">DIV CSS</a><br />

107         <a href="#">我的首页</a><br />

108         <a href="#">我的日志</a><br />

109         <a href="#">我的日志</a><br />

110         <a href="#">我的相册</a><br />

111         <a href="#">我的收藏</a><br />

112       </div>

113     </li>

114     <li class="menu2" onMouseOver="this.className='menu1'"

115  onMouseOut="this.className='menu2'"><a href="http://www.divcss5.com/html/">HTML入门</a>

116       <div class="list"> <a href="http://www.divcss5.com/html/">HTML入门</a><br />

117         <a href="http://www.divcss5.com/html/h5.html">html是什么</a><br />

118         <a href="#">我的日志</a><br />

119         <a href="#">我的相册</a><br />

120         <a href="#">我的收藏</a><br />

121       </div>

122     </li>

123     <li class="menu2" onMouseOver="this.className='menu1'"

124  onMouseOut="this.className='menu2'"><a href="http://www.divcss5.com/rumen/">CSS入门</a>

125       <div class="list"> <a href="http://www.divcss5.com/">DIVCSS5</a><br />

126         <a href="#">我的相册</a><br />

127         <a href="#">我的收藏</a><br />

128       </div>

129     </li>

130     <li class="menu2" onMouseOver="this.className='menu1'" 

131 onMouseOut="this.className='menu2'"> <a href="http://www.divcss5.com/css-hack/">CSS HACK</a>

132       <div class="list"> <a href="http://www.divcss5.com/">DIV+CSS</a><br />

133         <a href="#">我的首页</a><br />

134         <a href="#">我的日志</a><br />

135         <a href="#">我的相册</a><br />

136         <a href="#">我的收藏</a><br />

137       </div>

138     </li>

139   </ul>

140 </div>

141 </body>

142 </html>
View Code

方式2:

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 2 <html xmlns="http://www.w3.org/1999/xhtml">

 3 <head>

 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

 5 <title>无标题文档</title>

 6 <style type="text/css">

 7 #nav {

 8     padding:0;

 9     margin:0;

10     list-style:none;

11 }

12 #nav li {

13     float:left;

14     position:relative;

15     width:10em;

16     border:1px solid #b0c4de;

17     background-color:#e7edf5;

18     color:#2d486c;

19     font-size:80%;

20     margin-right:1em;

21 }

22 #nav a:link, #nav a:visited {

23     display:block;

24     text-decoration:none;

25     padding-left:1em;

26     color:#2d486c;

27 }

28 

29 #nav ul {

30     display:none;

31     position:relative;

32     padding:0;

33 }

34 #nav ul li {

35     border:0 none transparent;

36     border-bottom:1px solid #e7edf5;

37     border-top:.5em solid #fff;

38     background-color:#f1f5f9;

39     font-size:100%;

40     margin-bottom:-1px;

41     margin-top:1px;

42     padding:0;

43     list-style-type:none;

44 }

45 #nav li:hover ul {

46     display:block;

47 }

48 </style>

49 </head>

50 

51 <body>

52 <ul id="nav">

53   <li><a href="#">starters</a>

54     <ul>

55       <li><a href="#">fish</a></li>

56       <li><a href="#">book</a></li>

57       <li><a href="#">food</a></li>

58     </ul>

59   </li>

60   <li><a href="#">main course</a>

61     <ul>

62       <li><a href="#">math</a></li>

63       <li><a href="#">english</a></li>

64       <li><a href="#">chinese</a></li>

65     </ul>

66   </li>

67   <li><a href="#">car</a>

68     <ul>

69       <li><a href="#">benz</a></li>

70       <li><a href="#">bmw</a></li>

71       <li><a href="#">changcheng</a></li>

72     </ul>

73   </li>

74 </ul>

75 </body>

76 </html>
View Code

 

你可能感兴趣的:(下拉菜单)

  • mac 备份android 手机通讯录导入iphone,iphone如何导出通讯录（轻松教你iPhone备份通讯录的方法）... weixin_39762838 mac备份android手机通讯录导入iphone
    在日新月异的手机更替中，换手机已经成为一个非常稀松平常的事情，但将旧手机上面的通讯录导入到新手机还是让不少小伙伴为难，本篇将给大家详细讲解这方面的知识：“苹果手机通讯录怎么导入到新手机”及“安卓手机通讯录导入到新手机”的方法。一、苹果手机通讯录导入到新手机常用方法(SIM卡导入)在苹果手机主频幕上找到“设置”，单击进入设置菜单，下拉菜单列表，点击“邮件、通讯录、日历”，然后找到“导入SIM卡通讯录
  • 关闭Windows自动更新的6种方法 Gemini1995 windows
    在Windows操作系统中，可以使用多种方法来关闭自动更新。以下是其中一些常用的方法：使用设置应用：打开“设置”应用（Win+I），选择“更新和安全”。在左侧菜单中选择“Windows更新”。点击“更改活动时间”或“高级选项”。在“更新选项”下拉菜单中选择“通知我但不自动下载或安装”或“从不检查更新”。通过服务管理器：打开“服务”管理器，可以通过在运行对话框中输入services.msc来打开。找
  • 【Python】tkinter及组件如何使用 小九不懂SAP 我的Python日记python开发语言tkinter
    一、tkinter的应用场景tkinter是Python的标准GUI（图形用户界面）库，它提供了丰富的控件和工具，使得开发者能够轻松创建跨平台的桌面应用程序。以下是一些tkinter的常见应用场景：桌面应用程序开发：开发者可以使用tkinter来创建各种桌面应用程序，如文本编辑器、计算器、图片查看器、游戏等。这些应用程序可以具有复杂的用户界面，包括窗口、按钮、文本框、下拉菜单、滚动条等。数据可视化
  • 白嫖Gitee实现远程公告功能和小型文件上传下载 xu-jssy Python自动化脚本gitee
    备注：20240527更新：新增私人令牌下载模式一、准备工作1、打开Gitee网站：Gitee.comhttps://gitee.com/2、获取access_token，用于身份验证登录后点击右上角头像，在下拉菜单中进入个人主页点击左边的个人设置点击左边菜单中的安全设置->私人令牌点击右上角生成新令牌根据提示填写信息，点击提交在弹出的页面复制令牌，注意备份保存3、创建一个仓库用来存放文件可以把远
  • win10配置python_Win 10安装Python及环境变量配置 weixin_39663933 win10配置python
    一、Windows系统很多童鞋问之前的教程怎么没有介绍安装python3.5的，现予以补充更新一下。（一）安装python3.51、下载进入Python官网www.python.org，在“Downloads”下拉菜单中的右半部分直接点击python3.5.2版本即可下载，它会自动下载32位的。如果需要64位，点击左半部分“Windows”，选择第二项“LatestPython3Release-P
  • 如何搭建FTP服务器？ 朝畫夕拾
    FTP服务器可以方便的供用户上传，下载文件，对于我们日常的教学，工作都有着很大的帮助，今天小编就为大家讲解下如何在搭建FTP服务器希望对大家有所帮助。工具/原料电脑一台方法/步骤1首先我们创建一个用户账户用于登录FTP进行操作。右键点击桌面的我的电脑点击选择管理选项，进入管理界面打开本地用户和组选项，我们可以看到列表中的用户选项2然后右键用户选项，在下拉菜单中选择新用户，开始建立我们的用户，填写用
  • 2019-11-17第二个复盘日 孙美丽儿锦华装饰
    今天为第二个复盘日，回听了条件格式、下拉菜单两节课件。函数由于用的比较多，就没有回听，对着课件看了一遍。一、条件格式条件格式的运用，就是当数据达到某一条件时，设置格式。实际运用中，标记身份证号码的重复值。由于身份证号码超过15位，如果前15位号码一致，即使后3位不一致。直接用标记重复值时，也会标记为重复值。在设置公式条件格式时，单元格值用&"*"连接，使其转化为文本就可以了。但是很奇怪，我在文本格
  • 神奇酷炫的下拉菜单 紫藤11
    下拉菜单目前公司的销售报表上，用有这个功能，真心方便，感谢小哈录制的抖音视频，但操作更简单。一、基本用法直接按住Alt+↓即可快速生成,注意：想要实现这样的功能前提是已经输入部分内容二、进阶用法1.提示信息2.出错警告3.圈释无效信息第一次作用圈释无效信息的功能三、动态下拉列表选取数据→定义名称→数据验证→序列→输入=名称四、快速录入当前时间=now（）数据验证设置单元格格式五、借贷只能一方输入选
  • JavaScript基础 不蒸馒头曾口气 Vuejavascript开发语言前端学习笔记
    1JavaScript介绍1.1JS简介1.JavaScript是一种运行在客户端（浏览器）的编程语言，实现人机交互效果。2.作用——网页特效（监听用户的一些行为，让网页作出对应的反馈，如轮播图、下拉菜单等）——表单验证（针对表单数据的合法性进行判断，如输入邮箱的判断）——数据交互（后台的数据，渲染到前端）——服务端编程（node.js）3.JavaScript的组成ECMAScript:(js的
  • latex学习笔记（三）——中文处理办法 richybai
    1.准备工作①，在选项->设置->构建->默认编辑器的下拉菜单中选择XeLaTeX②，在选项->设置->编辑器->默认字体编码的下拉菜单中选择UTF-8③，在软件右下角确定字符编码为UTF-8，如下图所示设置为UTF-82.开始编写中文①，首先导入ctex宏包:\usepackage{ctex}②，将title改为中文内容\title{\heiti学习笔记}%\heiti使中文显示为黑体\auth
  • 【免越狱】iOS任意版本号APP下载 火星技术 ios
    下载地址https://pan.quark.cn/s/570e928ee2c4软件介绍下载iOS旧版应用，简化繁琐的抓包流程。一键生成去更新IPA（手机安装后，去除AppStore的更新检测）。软件界面使用方法一、直接搜索方式搜索APP，双击选择。双击选择要下载的版本。在iTunes中下载即可。二、复制APP链接方式在iTunes下载按钮右侧下拉菜单中，选择【复制链接】。双击选择要下载的版本。在i
  • 使用vue3+ts封装一个自动补全输入框Autocomplete组件 温暖前端 javascript前端vue.js
    创建一个名为Autocomplete.vue的文件，在这个组件中，使用了Vue3的CompositionAPI，包括ref、watch、onMounted等。组件接收placeholder、debounce和clearable作为props，并根据这些props来渲染输入框和下拉菜单{{item}}import{defineComponent,ref,watch,onMounted}from'vu
  • qt自定义下拉菜单框 二氧化矽 qt
    Qt自带的QCombBox下拉能够显示的东西有限，想添加其他的控件不太方便，所以就想自己定义一个，基本思路是，一个QLineEdit，一个QPushButton,一个QListWidget组成一个组合控件。过程：1、将QPushButton嵌入进QLineEdit中。_button->setText("...");_lineEdit->setReadOnly(true);_lineEdit->se
  • MFC工控项目实例之八选择下拉菜单添加打钩图标 兵哥工控 MFC工控项目实例mfcc++
    承接专栏《MFC工控项目实例之七点击下拉菜单弹出对话框》具体添加菜单栏参考我的博客文章《MFC工控项目实例之七点击下拉菜单弹出对话框》这里只给出相关代码1、在SEAL_PRESSUREDlg.h文件中添加代码classCSEAL_PRESSUREDlg:publicCDialog{//Constructionpublic:...CBitmapm_bmSel,m_bmList;voidOnTypeC
  • MFC工控项目实例之六CFile添加菜单栏 兵哥工控 MFC工控项目实例mfcc++
    本程序基于前期我的博客文章《MFC工控项目实例之五CFile类读写系统参数》添加两个对话框如下具体添加菜单栏参考我的博客文章《MFC_CFile类实现下拉菜单读写实例（源码下载）》这里给出相关代码在SEAL_PRESSURE.h文件中添加#include...classCProductPara{public:union{struct{charm_strTypeName[24];charm_strB
  • Vue使用el-cascader 实现多级下拉菜单 孟宪磊mxl vue.jsjavascript前端
    代码：默认click触发子菜单hover触发子菜单exportdefault{data(){return{options:[],father:[{id:1,pid:'0',name:'安徽省',code:'340000',level:1},{id:13,pid:'0',name:'河北省',code:'350000',level:1}],children:[{code:"340800",id:13
  • uniapp 下拉菜单地区和筛选（使用直接改源代码适配） 鹤鸣的日常 uni-app前端java
    地区筛选{{item.name}}0">{{item.name}}0">{{item.name}}重置查看品种{{item.name}}价格区间（元）handleChangePriceMin(e)":value="paramsData.priceMin"class="fillIn-input"placeholder="最低价"/>一handleChangePriceMax(e)":value="p
  • Element-PLUS下拉框、日期组件、下拉菜单定位问题 element-plus下拉框组件定位问题 element-plus日期组件定位问题 头上一片天空 vue.jselement-uielement-plusvuevue.js
    Element-PLUS下拉框、日期组件定位问题element-plus下拉框组件定位问题element-plus日期组件定位问题1、增加全局样式2、使用2.1、下拉框使用2.2、日期组件使用1、增加全局样式.el-popper.is-pure{inset:36pxautoauto0px!important;}2、使用Element-PLUS下拉框、日期、下拉菜单等组件使用的都是Popover，在
  • MAC系统如何设置SOCKS5代理 KookeeyLena7 macos
    在Mac系统上设置SOCKS5代理可以帮助用户提高在线隐私和安全性，或者突破某些网络限制。以下是详细步骤，指导您如何在Mac系统上配置SOCKS5代理。一、打开系统偏好设置在Mac桌面的左上角，点击苹果图标。在下拉菜单中选择“系统偏好设置”。二、进入网络设置在系统偏好设置窗口中，找到并点击“网络”图标。三、选择网络连接方式在网络设置窗口中，您会看到所有的网络连接方式。选择您当前正在使用的网络连接，
  • 【Qt笔记】QToolButton控件详解 冷眼看人间恩怨 Qtqt笔记开发语言QToolButton
    目录一、前言二、QToolButton的基本特性2.1图标和文本2.2自动提升2.3下拉菜单2.4工具提示2.5弹出模式三、高级功能3.1自定义大小与形状3.2检查框与单选按钮3.3动画效果四、常用方法与信号槽常用方法信号槽五、实际应用示例说明六、总结一、前言在Qt框架中，QToolButton是一个非常重要的控件，它提供了快速访问命令或选项的方式。QToolButton通常显示一个图标或文本，当
  • WPS将文字文档朗读 cuisidong1997 wps
    WPS提供了将文字文档转化成语音的功能，还可一键导出音频文件，此功支持手机端和电脑端。分界线.png电脑端的操作如下：▪第一步：用WPS打开文字文档，点击「审阅」选项卡下的「朗读」下拉菜单，可选择「全文朗读」，也可框选文字「选中朗读」。录制_2021_03_24_14_40_06_490.gif▪第二步：点击「朗读」的下拉菜单，选择显示工具栏，此时可以在右侧的朗读工具栏里调整音量、语速、语调等设置
  • Combobox控件 我不是立达刘宁宇 python
    #Combobox控件#通过前面内容的介绍我们知道#Listbox是一个供用户从列表项中选择相应条目的控件#。#但在有些情况下，比如列表的项目过多时，若使用列表控件，列出所有选项就会显得界面格外臃肿，这时就需要用到##Combobox控件，也就是下拉菜单控件（或称复合框），#该控件是列表控件的改进版，具有更加灵活的界面，因此其应用场景相比于前者要更加广泛#不过需要注意的是Combobox并不包含在
  • html按钮的下拉菜单,按钮下拉菜单 weixin_39980929 html按钮的下拉菜单
    按钮下拉菜单仅从外观上看和上一节介绍的下拉菜单效果基本上是一样的。不同的是在普通的下拉菜单的基础上封装了按钮(.btn)样式效果。简单点说就是点击一个按钮，会显示隐藏的下拉菜单。按钮下拉菜单其实就是普通的下拉菜单，只不过把“”标签元素换成了“”标签元素。唯一不同的是外部容器“div.dropdown”换成了“div.btn-group”。如下所示：按钮下拉菜单按钮下拉菜单项按钮下拉菜单项按钮下拉菜
  • vue项目下拉菜单点击选项弹出弹框的实现 奋斗者格洛古 vue.jsjavascript前端
    项目需求，点击下拉菜单的b选项，弹出编辑输入框：请选择选项A选项B弹窗内容这是一个弹窗。exportdefault{data(){return{selectedOption:"",showPopup:false};},methods:{handleOptionChange(){if(this.selectedOption==="B"){this.showPopup=true;}else{this.
  • SOLIDWORKS Visualize 界面介绍 solidworks_A 数码相机solidworks
    现在有越来越多的朋友在工作中选择使用SOLIDWORKSVisualize正版软件，这真是太棒了!这次的主题是小索带大家了解SOLIDWORKSVisualize界面，让更多的朋友快速的熟悉SOLIDWORKSVisualize界面。【菜单栏】位于界面的顶端，菜单栏包含多个下拉菜单。【3D视窗】位于界面的左侧，用于展示模型，3D视窗显示打开的项目与当前选定的相机，当进行移动相机、添加外观等操作时，
  • Shader Weaver使用教程9 - 使用模糊 OneMore2018
    我们将在本教程中做什么准备节点在项目视图中，打开“ShaderWeaver/Textures”文件夹并将“火焰”纹理设置为ROOT节点添加模糊节点连接blur1和ROOT节点将模糊1节点的“X”和“Y”的值更改为“1”按下“+”按钮在“[自定义参数]”栏中在输入栏中输入“blurX”，然后按下“新范围”按钮在输入栏中输入“blurY”并按下“新范围”按钮选择blur1节点下拉菜单并分别变为“blu
  • html表格标签(下)：lable标签，select标签和textara标签 fly in the sky ! 前端学习html程序人生
    html表格标签(下)：lable标签，select标签和textarea标签lable标签搭配input使用,点击label标签就能选中对应的单选/复选框,能够提升用户体验。for属性:指定当前label和哪个相同id的input标签对应(此时点击才是有用的)运行效果：select标签下拉菜单注：option中定义selected="selected"表示默认选中。示例代码：运行效果：默认选择年
  • uni-app引入Vant 下拉菜单dropdown选择过后边的之后再选择前边的选项出现点击无效 Florenza 问题解决uni-app
    解决办法：打开vant源码找到对应字段进行修改，这里以dropdown为例：找到wxcomponents/vant-weapp/dropdown-item/index.wxml打开后找到after-enter和after-leave这两个事件，并改为驼峰命名：afterEnter和afterLeave即可！有遇到问题的小伙伴可以去试一试，看下是否能够解决！
  • HTML和CSS 蘑菇plus
    表单标签男女篮球乒乓球足球游泳表单标签(下拉菜单和多行文本域)下拉菜单和多行文本域账号信息反馈信息成都重庆北京大连青岛上次没有发送信息空白标签认识cssdiv{background-color:deepskyblue;width:40%;}我是divcss选择器*{font-size:20px;}#a1{color:#00BFFF}div{color:yellow;}.c1{color:red;}
  • 二。CST 电路 微带低通滤波器设计练习 II 转换为3D模型 麦克斯韦信徒 CST电路仿真射频工程硬件工程
    上篇以电路的形式计算了微带低通滤波器的参数，那这一篇我们一起来看看怎么快速地转换并建立3D模型，然后计算参数，并和电路计算的参数进行比较。另外，本文中教会读者排除仿真中遇到的常见的一个错误问题，使仿真结果符合预期。1.各个微带模组组成的微带电路是什么样子？在CST电路中有一个功能是可以观察微带模组组合后的微带电路的，这个就是Assembly，装配功能。点击下图箭头指示的Edit下拉菜单，选择点击A
  • 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其他