gnnan
gnnan

CSS+JS实现兼容性很好的无限级下拉菜单

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>CSS+JS实现兼容性很好的无限级下拉菜单</title>
<style type="text/css">
*{ margin:0; padding:0; border:0;}
body{font:12px/130% verdana,geneva,arial,helvetica,sans-serif,宋体;}li{list-style:none;}
.clearfix:after{content:" ";display:block;height:0;clear:both;visibility:hidden;}.clearfix{display:inline-block;}
a:link{ color:#000; text-decoration:none; }
a:visited{ color:#000; text-decoration:none; }
a:hover{ color:#000; text-decoration:none; }
.menu{ width:778px; height:26px; background:#fff; margin:0 auto;}
.menusel{ float:left;width:100px; position:relative; height:25px; background:#ddd; line-height: 25px; margin-left: 1px; *margin-left: 0px;_margin-left: -1px;}
.menusel h2{ font-size:12px; }
.menusel a{ display: block;text-align:center; width:100px;border:1px solid #a4a4a4; height:25px; border-bottom:1px solid #a4a4a4; position:relative; z-index:2;}
.menusel a:hover{ border:1px solid #a4a4a4; border-bottom:1px dashed #eeeeee; position:relative; z-index:2; height:25px;}
.ahover a{border-bottom:1px dashed #eeeeee; background:#eeeeee; }
.position{ position:absolute; z-index:1;}
.menusel ul{width:125px; background:#eee; border:1px solid #a4a4a4; margin-top: -1px; position:relative; z-index:1; display:none;}
.menusel .block{ display:block;}
.typeul li{border-bottom:1px dashed #a4a4a4;width:125px; position:relative; float:left; }
.typeul li a{ border:none;width:125px; }
.typeul li a:hover{ border:none; background:#ddd;}
.typeul{  margin-left:0;  }
.typeul ul{left:125px; top:0; position:absolute;}
.fli{ margin-left: -1px; border-left:#eeeeee solid 1px;}
.menusel .lli{ border:none; }
</style>
<script type="text/javascript">document.execCommand("BackgroundImageCache", false, true);</script><!-- IE6背景图片闪烁问题  -->
</head>
<body>
<div class="menu">
 <div id="menu1" class="menusel">
  <h2><a href="/">菜单1</a></h2>
   <div class="position">
    <ul class="clearfix typeul">
     <li><a href="http://www.33567.cn">菜单选项1-2</a></li>
     <li>
      <a href="#">菜单选项1-2</a>
      <ul>
       <li class="fli"><a href="#">菜单选项1-2-1</a></li>
       <li class="lli"><a href="#">菜单选项1-2-2</a></li>
      </ul>
     </li>
     <li><a href="http://www.7caidy.com">菜单选项1-2</a></li>
     <li class="lli"><a href="#">菜单选项1-2</a></li>
    </ul>
   </div><!-- position -->
  </div><!-- menusel -->
  <div id="menu2" class="menusel">
  <h2><a href="#">菜单2</a></h2>
  <div class="position">
  <ul class="clearfix typeul">
  <li><a href="#">菜单选项2-2</a></li>
  <li><a href="#">菜单选项2-2</a>
  <ul>
  <li class="fli"><a href="#">菜单选项2-2-1</a></li>
  <li class="lli"><a href="#">菜单选项2-2-2</a>
  <ul>
  <li class="fli"><a href="#">菜单选项2-2-1</a></li>
  <li class="lli"><a href="#">菜单选项2-2-2</a>
  </li>
  </ul>
  </li>
  </ul>
  </li>
  <li><a href="#">菜单选项2-2</a></li>
  <li class="lli"><a href="#">菜单选项2-2</a></li>
  </ul>
  </div><!-- position -->
  </div><!-- menusel -->
  <div id="menu3" class="menusel">
  <h2><a href="#">菜单3</a></h2>
  <div class="position">
  <ul class="clearfix typeul">
  <li><a href="#">菜单选项3-2</a></li>
  <li><a href="#">菜单选项3-2</a>
  <ul>
  <li class="fli"><a href="#">菜单选项3-2-1</a></li>
  <li class="lli"><a href="#">菜单选项3-2-2</a>
  <ul>
  <li class="fli"><a href="#">菜单选项3-2-1</a></li>
  <li class="lli"><a href="#">菜单选项3-2-2</a>
  <ul>
  <li class="fli"><a href="#">菜单选项3-2-1</a></li>
  <li class="lli"><a href="#">菜单选项3-2-2</a></li>
  </ul>
  </li>
  </ul>
  </li>
  </ul>
  </li>
  <li><a href="#">菜单选项3-2</a></li>
  <li class="lli"><a href="#">菜单选项3-2</a></li>
  </ul>
  </div><!-- position -->
 </div><!-- menusel -->
</div><!-- menu -->
 <script type="text/javascript">
 for(var x = 1; x < 4; x++)
 {
 var menuid = document.getElementById("menu"+x);
 menuid.num = x;
 type();
 }
 function type()
 {
 var menuh2 = menuid.getElementsByTagName("h2");
 var menuul = menuid.getElementsByTagName("ul");
 var menuli = menuul[0].getElementsByTagName("li");
 menuh2[0].onmouseover = show;
 menuh2[0].onmouseout = unshow;
 menuul[0].onmouseover = show;
 menuul[0].onmouseout = unshow;
 function show()
 {
 menuul[0].className = "clearfix typeul block"
 }
 function unshow()
 {
 menuul[0].className = "typeul"
 }
 for(var i = 0; i < menuli.length; i++)
  {
  menuli[i].num = i;
  var liul = menuli[i].getElementsByTagName("ul")[0];
   if(liul)
   {
   typeshow()
   }
  }
 function typeshow()
 {
 menuli[i].onmouseover = showul;
 menuli[i].onmouseout = unshowul;
 }
 function showul()
 {
 menuli[this.num].getElementsByTagName("ul")[0].className = "block";
 }
 function unshowul()
 {
 menuli[this.num].getElementsByTagName("ul")[0].className = "";
 }
 }
 </script>
</body>
</html>

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

  • 移动端城市区县二级联动选择功能实现包 good2know
    本文还有配套的精品资源，点击获取简介：本项目是一套为移动端设计的jQuery实现方案，用于简化用户在选择城市和区县时的流程。它包括所有必需文件：HTML、JavaScript、CSS及图片资源。通过动态更新下拉菜单选项，实现城市到区县的联动效果，支持数据异步加载。开发者可以轻松集成此功能到移动网站或应用，并可基于需求进行扩展和优化。1.jQuery移动端解决方案概述jQuery技术简介jQuery
  • python 常用库 feuiw pythonpython
    webdash简介一个用于构建交互式Web应用程序的Python框架，由Plotly公司开发，特别适合数据科学家、分析师和工程师快速创建数据可视化应用，而无需深入学习前端技术（HTML、CSS、JavaScript）。特点纯Python开发：无需编写前端代码，完全用Python语法即可构建交互式网页应用强大的数据可视化：内置Plotly图表库，支持超过40种图表类型高度交互性：支持滑块、下拉菜单、
  • Android-API调用学习总结 每次的天空 学习
    一、Postman检查API接口是否支持1.“HTTPRequest”来创建一个新的请求。——请求构建界面，这是你进行所有API调用的地方。2.设置请求方法和URL：选择请求方法：在URL输入框左侧，有一个下拉菜单。点击它，选择你想要测试的HTTP请求方法（例如：GET,POST,PUT,DELETE等）。GET：获取数据区别：GET请求通常用于从服务器获取或读取数据。它不应该对服务器上的数据产生
  • 自动化测试常见问题详解 程序员杰哥 测试用例测试工具软件测试职场和发展自动化测试python程序人生
    点击文末小卡片，免费获取软件测试全套资料，资料在手，涨薪更快日常维护自动化过程中经常会遇到各式各样的问题。常见问题的表现有哪些？今天就来列举哪些自动化测试中的顽疾。基本每个维护自动化的人都或多或少遇到过的。1.定位问题：自动化测试脚本通常需要与应用程序的各种元素进行交互，如按钮、文本框、下拉菜单等。在某些情况下，元素的定位可能会出现问题，导致脚本执行失败。这可能是由于元素的属性变化、页面结构的更改
  • 自动化测试秘籍：Selenium Python API实战指南 May Wei SeleniumPythonAPI自动化测试元素交互弹窗处理
    背景简介Selenium是一个用于Web应用程序测试的工具，它允许开发者模拟用户与浏览器的交互。在现代软件开发中，自动化测试是确保应用质量和效率的关键环节。本文将基于Selenium的PythonAPI，探讨如何高效地进行网页元素交互和自动化测试。标题1：操作下拉菜单和列表SeleniumWebDriver提供了一个名为Select的特殊类，用于与网页上的列表和下拉菜单进行交互。Select类提供
  • 我在黑马程序员学web前端 新手来了@click 前端
    1网页由三部分组成1.、html负责网页的结构2.css、负责网页的美化，控制网页元素的样式3、js，负责网页交互html常见的标签：1、form表单input输入框select下拉菜单option下拉列表2、table表格thead表头ｔｂｏｄｙ是表体tr行th表头加粗ｔｄ是列ｂｒ是换行2/CＳＳ常见的三种引入方式行内样式、内部样式、外部样式用ｌｉｎｋ关键字常用的元素选择器：标签选择器、id选择
  • 前端：优秀架构的坟墓
    你是否曾经见过那个设计精良的后端系统——界限分明、模式优雅、抽象层层递进——让人不禁感叹，这一定是极致享受的工作环境？然后，你打开了前端代码。顿时，你陷入了全局状态的迷宫，深度嵌套的组件，半途而废的Hooks，以及用十七种挫败方言“喊叫”的CSS之中。优秀的架构一路走过后端，经过DevOps的打磨，成功在云端扩展……却在React的某个上下文里因为一个下拉菜单绊倒，彻底崩溃。我干这一行够久了，见过
  • 在 Ant Design Vue 中实现滚动页面时保持下拉菜单展开 王旭晨 vue.jsjavascript前端
    引言在使用AntDesignVue的组件时，默认情况下，当用户滚动页面时，下拉菜单会自动关闭。这在某些场景下可能不够友好，例如在一个长表单中需要频繁切换选项时。本文将介绍如何通过配置和代码优化，实现滚动页面时保持下拉菜单展开的功能，同时不影响其他交互。问题分析为什么滚动页面会关闭下拉菜单？AntDesignVue的下拉组件（如）默认会监听页面的滚动事件。当滚动发生时，组件会认为用户意图离开当前操作
  • Dynamics 365 核心技术深度分析 洁辉 架构
    Dynamics365核心技术深度分析一、实体创建与设置（核心基础）实体是Dynamics365数据模型的核心单元，相当于数据库中的表结构1.实体创建流程确定业务需求创建新实体定义字段/属性设置关系配置视图/表单设置安全性发布自定义项2.关键设置项字段类型：单行文本、选项集（下拉菜单）、两个选项（布尔值）货币、日期时间、查找（关联其他实体）图像、文件（D365v9.0+）高级属性：//字段属性示例
  • 怎么查看2进制文件 贫僧法号止尘
    可以使用记事本或其他文本编辑器打开2进制文件。在记事本中，选择“文件”菜单，然后选择“打开”。在打开文件对话框中，选择“文件类型”下拉菜单并选择“所有文件”。这样，你就可以看到所有文件，包括2进制文件。然后，选择要查看的2进制文件，单击“打开”按钮即可。注意，记事本不能正确显示2进制文件的内容。它会将2进制数据显示为乱码字符。因此，建议使用专门的二进制查看器来查看2进制文件。这些工具可以正确显示2
  • 华为手机手机与计算机传输,如何将华为手机的视频传到华为的电脑上？手机与电脑数据互传操作步骤... 人人保 华为手机手机与计算机传输
    手机与电脑数据互传操作bai步骤如下：1、手机du通过原装USB数据线与电脑相连，待zhi电脑自行dao安装驱动，并确认驱动安装成功，如下图所示：注：如驱动未安装成功，可通过安装HiSuite软件进行辅助驱动安装或者通过选择端口模式中的帮助进行电脑驱动安装。(1)在手机端弹出的对话框选择“是，访问数据”(2)在手机下拉菜单中USB连接方式中选择设备文件管理(MTP)注：关于设备文件管理(MTP)和
  • 百度搜索下拉框,下拉菜单怎么做?如何刷? mt_187 日常记录技术收藏html5
    搜索下拉菜单反馈性关键词是用户在搜索时与搜索引擎的第一步互动，在互动过程中，搜索引擎的反馈关键词不断调整来满足用户的个性需求。搜索下拉框存在的下拉词，每天的点击浏览量都很高，这意味着很多企业都在抢这个位置，在网民搜索自己的行业主关键词时，下拉中的词条是行业关键词和自己品牌词或其他营销类词的整体呈现。搜索下拉框菜单怎么做?如何刷?在本篇文章中您将会了解到以下信息。第一部分搜索下拉框菜单原理第二部分怎
  • 在 PyCharm 中，设置 Edit Configurations（运行/调试配置） %Leo pycharmidepython
    步骤：设置EditConfigurations1.打开EditConfigurations窗口方法一：通过顶部菜单点击PyCharm顶部菜单栏的Run>EditConfigurations。方法二：通过运行栏在PyCharm窗口右上角，找到运行/调试配置下拉菜单（通常显示当前配置名称或）。点击下拉菜单旁边的EditConfigurations。方法三：快捷键使用快捷键Alt+Shift+F10（W
  • JavaScript基础-常见网页特效案例 咖啡の猫 javascript开发语言ecmascript
    一、前言在前端开发中，实现网页特效（如轮播图、下拉菜单、Tab切换、拖拽效果等）是提升用户体验和页面交互性的关键手段之一。这些特效不仅能增强用户对网站的粘性，也是衡量一个前端开发者能力的重要标准。JavaScript是实现网页特效的核心技术之一，结合HTML和CSS，可以轻松构建丰富的交互效果。本文将带你深入了解：常见网页特效的实现原理；如何使用原生JavaScript实现经典特效；每个案例附带完
  • el-dropdown自定义“更多操作⌵”上下文关联按钮）下拉菜单 你挚爱的强哥 Sg.js框架vue.jsjavascript前端
    {//dropdownActive=command;letindex=dropdownItems.findIndex((v)=>v.label==command);letitem=dropdownItems[index];item.clickEvent&&item.clickEvent({item,index,scope:scope});}">更多-->{{d.label}}exportdefau
  • Flutter中AppBar组件详解 aiguangyuan Flutter移动端开发Flutter
    AppBar组件主要用于定义应用程序顶部区域，可以用来展示应用程序标题、搜索入口、下拉菜单、标签栏等信息。常用的属性如下：1.leading标题前置控件。在首页通常显示应用程序的Logo，其它页面通常显示为返回按钮；2.title页面标题。通常显示当前页面的标题文字，可以放组件；3.actions标题后置控件。通常使用IconButton来表示，可以放按钮组；4.bottom底部控件。通常用tab
  • contactform7 ajax,Contact Form 7插件高级应用
    原标题：ContactForm7插件高级应用WordPress联系表单插件–ContactForm7是一款简单易用扩展性灵活的表单插件，可以自定义各式各样不同类型的表单功能，而且支持自定义接受邮件，Ajax提交和jQuery表单插件支持。可结合Akismet过滤垃圾邮件，同时也支持CAPTCHA反垃圾邮件，表单域元素支持各种最常见的：单选框、复选框、文本框、下拉菜单、按钮、文件上传等多种表单域。C
  • wordpress外贸独立站常用留言表单插件 contact form 7 wodrpress资源分享 wordpresswordpress
    ContactForm7介绍ContactForm7是一款非常流行的WordPress联系表单插件，广泛应用于外贸独立站。以下是其主要特点：功能强大且免费：ContactForm7是完全免费的，支持创建和管理多个联系表单。简单易用：用户无需编写代码，通过简单的拖放和配置即可设置表单字段、邮件通知等功能。高度自定义：支持自定义表单域，包括文本框、单选框、复选框、下拉菜单、文件上传等多种表单元素。扩展
  • Vue3 表单 AI老李 vue3vue.js前端javascriptvitevscode
    关键要点Vue3表单通过v-model实现双向数据绑定，支持输入框、文本域和下拉菜单。表单验证包括必填字段、正则表达式和自定义方法，确保数据完整性。表单处理涉及数据获取和重置，适合用户交互和提交。表单绑定Vue3使用v-model指令将表单元素与数据绑定。例如：组件数据：data(){return{message:''}}v-model自动同步输入和数据，支持复选框、单选框和下拉菜单。表单验证验证
  • 关于easyexcel动态下拉选问题处理 DougLiang excel开发语言java
    前些日子突然碰到一个问题，说是客户的导入文件模版想支持部分导入内容的下拉选，于是我就找了easyexcel官网寻找解决方案，并没有找到合适的方案，没办法只能自己动手并分享出来，针对Java生成Excel下拉菜单时因选项过多导致的问题，也通过将下拉数据存入隐藏Sheet再引用的方式解决。直接上代码：packagecom.tlit.platform.excel.annotations;importja
  • excel文件转化成为csv文件 云cia excel
    1.打开需要转换的excel文件2.选择另存为3.在‘保存类型’下拉菜单中，选择csv4.保存即可转换
  • NiceGUI 是一个基于 Python 的现代 Web 应用框架 czliutz python前端开发语言
    NiceGUI是一个基于Python的现代Web应用框架，它允许开发者直接使用Python构建交互式Web界面，而无需编写前端代码。以下是NiceGUI的主要功能和特点：核心功能1.简单易用的UI组件提供按钮、文本框、下拉菜单、滑块、图表等常见UI元素支持布局管理（水平、垂直、卡片式等）可自定义样式和交互行为2.实时交互支持双向数据绑定事件驱动编程模型（点击、输入变化等）实时更新UI内容3.数据可
  • Edge浏览器怎样开启兼容模式 小魚資源大雜燴 windowsedge浏览器
    允许站点在IE模式下重新加载：打开Edge浏览器，点击右上角的三个点图标，选择“设置”（或者按下“Alt+F”组合键后再点击“设置”）。在设置页面中，切换到左侧的“默认浏览器”选项卡。在“InternetExplorer兼容性”标题下，展开“允许站点在InternetExplorer模式下重新加载”选项的下拉菜单，选择“允许”，然后点击“重启”按钮，重启浏览器使更改生效。在兼容模式下打开网站：访问
  • Axure疑难杂症：利用中继器制作三级下拉菜单（逻辑判断进阶） 结构化知识课堂 Axure疑难杂症专题axure中继器下拉列表三级菜单
    亲爱的小伙伴，在您浏览之前，烦请关注一下，在此深表感谢！Axure产品经理精品视频课已登录CSDN可点击学习https://edu.csdn.net/course/detail/40420课程主题：三级下拉菜单主要内容：条件筛选时的逻辑判断思维，中继器使用应用场景：复合条件下的下拉列表制作案例展示：案例视频：<
  • Axure疑难杂症：中继器制作三级下拉菜单（多级中继器高级交互） 结构化知识课堂 axure下拉菜单中继器
    亲爱的小伙伴，在您浏览之前，烦请关注一下，在此深表感谢！Axure产品经理精品视频课已登录CSDN可点击学习https://edu.csdn.net/course/detail/40420本文视频课程记录于上述地址第五章中继器专题第11节课程主题：中继器制作下拉菜单主要内容：创建条件选区、多级中继器数据录入、全局变量、中继器筛选应用场景：多级查询条件进行结果筛选案例展示：案例视频：ev_20250
  • Popper.js 开源项目安装与配置指南 甄墨疆
    Popper.js开源项目安装与配置指南floating-ui项目地址:https://gitcode.com/gh_mirrors/floa/floating-ui1.项目基础介绍Popper.js是一个用于创建定位浮层元素（如工具提示、弹出框、下拉菜单等）的开源JavaScript库。它能够帮助开发者将浮层元素锚定到另一个UI元素上，并尽可能地避免与视窗边缘的碰撞，保证浮层元素的可见性。主要编
  • Android系统中状态栏、导航栏和下拉菜单 Frank_HarmonyOS android
    在Android系统中，状态栏（StatusBar）、导航栏（NavigationBar）和下拉菜单（ExPlan）是三个常见的用户界面元素，它们分别提供了一些基本的信息显示和交互功能。例如，状态栏可以显示时间、电量、信号等信息，导航栏可以提供返回、主页、多任务等按钮，下拉菜单可以提供快速设置、通知等选项。如何在Android系统中添加状态栏、导航栏和下拉菜单的控制功能，主要涉及了SystemUI
  • 鸿蒙OS&UniApp制作自定义的下拉菜单组件（鸿蒙系统适配版）#三方框架 #Uniapp 淼学派对 uniapp鸿蒙osharmonyosuni-app华为
    UniApp制作自定义的下拉菜单组件（鸿蒙系统适配版）前言在移动应用开发中，下拉菜单是一个常见且实用的交互组件，它能在有限的屏幕空间内展示更多的选项。虽然各种UI框架都提供了下拉菜单组件，但在一些特定场景下，我们往往需要根据产品需求定制自己的下拉菜单。尤其是在鸿蒙系统逐渐普及的今天，如何让我们的组件在华为设备上有更好的表现，是值得思考的问题。本文将分享我在实际项目中使用UniApp开发自定义下拉菜
  • 鸿蒙OS&UniApp 实现带搜索功能的下拉菜单#三方框架 #Uniapp 淼学派对 uniapp鸿蒙osharmonyosuni-app华为
    使用UniApp实现带搜索功能的下拉菜单前言在移动应用开发中，下拉菜单是常见的交互控件，广泛应用于筛选、选择、导航等场景。带搜索功能的下拉菜单，能极大提升用户在选项较多时的查找效率。随着鸿蒙（HarmonyOS）生态的壮大，开发者对多端适配和高性能交互提出了更高要求。本文将以UniApp为例，详细讲解如何开发一个带搜索功能的下拉菜单组件，并结合鸿蒙平台的适配与优化建议。一、需求与设计思路1.需求分
  • WPF实现树形下拉列表框(TreeComboBox) 趋时软件 WPFwpf
    文章目录前言一、需求分析二、代码实现2.1编辑TreeView模板2.2提取ComboBox的模板代码；2.3将ComboBox的模板代码移植到TreeView模板中；2.4将TreeView模板包含ItemsPresenter部分的关键代码放入ComboBox模板中的Popup控件内；三、运行效果3.1单选效果3.2多选效果四、个性化外观4.1单选效果4.2多选效果前言树形下拉菜单是许多WPF应
  • 多线程编程之join()方法 周凡杨 javaJOIN多线程编程线程
    现实生活中，有些工作是需要团队中成员依次完成的，这就涉及到了一个顺序问题。现在有T1、T2、T3三个工人，如何保证T2在T1执行完后执行，T3在T2执行完后执行？问题分析：首先问题中有三个实体，T1、T2、T3， 因为是多线程编程，所以都要设计成线程类。关键是怎么保证线程能依次执行完呢？   Java实现过程如下： public class T1 implements Runnabl
  • java中switch的使用 bingyingao javaenumbreakcontinue
    java中的switch仅支持case条件仅支持int、enum两种类型。 用enum的时候，不能直接写下列形式。 switch (timeType) { case ProdtransTimeTypeEnum.DAILY: break; default: br
  • hive having count 不能去重 daizj hive去重having count计数
    hive在使用having count()是，不支持去重计数   hive (default)> select imei from t_test_phonenum where ds=20150701 group by imei having count(distinct phone_num)>1 limit 10;  FAILED: SemanticExcep
  • WebSphere对JSP的缓存 周凡杨 WAS JSP 缓存
          对于线网上的工程，更新JSP到WebSphere后，有时会出现修改的jsp没有起作用，特别是改变了某jsp的样式后，在页面中没看到效果，这主要就是由于websphere中缓存的缘故，这就要清除WebSphere中jsp缓存。要清除WebSphere中JSP的缓存，就要找到WAS安装后的根目录。        现服务
  • 设计模式总结 朱辉辉33 java设计模式
    1.工厂模式   1.1 工厂方法模式 (由一个工厂类管理构造方法)      1.1.1普通工厂模式(一个工厂类中只有一个方法)      1.1.2多工厂模式(一个工厂类中有多个方法)      1.1.3静态工厂模式(将工厂类中的方法变成静态方法) &n
  • 实例：供应商管理报表需求调研报告 老A不折腾 finereport报表系统报表软件信息化选型
    引言 随着企业集团的生产规模扩张，为支撑全球供应链管理，对于供应商的管理和采购过程的监控已经不局限于简单的交付以及价格的管理，目前采购及供应商管理各个环节的操作分别在不同的系统下进行，而各个数据源都独立存在，无法提供统一的数据支持；因此，为了实现对于数据分析以提供采购决策，建立报表体系成为必须。 业务目标 1、通过报表为采购决策提供数据分析与支撑 2、对供应商进行综合评估以及管理，合理管理和
  • mysql 林鹤霄
    转载源：http://blog.sina.com.cn/s/blog_4f925fc30100rx5l.html mysql -uroot -p ERROR 1045 (28000): Access denied for user 'root'@'localhost' (using password: YES)   [root@centos var]# service mysql
  • Linux下多线程堆栈查看工具(pstree、ps、pstack) aigo linux
    原文：http://blog.csdn.net/yfkiss/article/details/6729364   1. pstree pstree以树结构显示进程$ pstree -p work | grep adsshd(22669)---bash(22670)---ad_preprocess(4551)-+-{ad_preprocess}(4552)  &n
  • html input与textarea 值改变事件 alxw4616 JavaScript
    // 文本输入框(input) 文本域(textarea)值改变事件 // onpropertychange(IE) oninput(w3c) $('input,textarea').on('propertychange input', function(event) {      console.log($(this).val()) });  
  • String类的基本用法 百合不是茶 String
      字符串的用法;     // 根据字节数组创建字符串 byte[] by = { 'a', 'b', 'c', 'd' }; String newByteString = new String(by);         1,length()  获取字符串的长度     &nbs
  • JDK1.5 Semaphore实例 bijian1013 javathreadjava多线程Semaphore
    Semaphore类        一个计数信号量。从概念上讲，信号量维护了一个许可集合。如有必要，在许可可用前会阻塞每一个 acquire()，然后再获取该许可。每个 release() 添加一个许可，从而可能释放一个正在阻塞的获取者。但是，不使用实际的许可对象，Semaphore 只对可用许可的号码进行计数，并采取相应的行动。 S
  • 使用GZip来压缩传输量 bijian1013 javaGZip
            启动GZip压缩要用到一个开源的Filter：PJL Compressing Filter。这个Filter自1.5.0开始该工程开始构建于JDK5.0，因此在JDK1.4环境下只能使用1.4.6。         PJL Compressi
  • 【Java范型三】Java范型详解之范型类型通配符 bit1129 java
        定义如下一个简单的范型类，   package com.tom.lang.generics; public class Generics<T> { private T value; public Generics(T value) { this.value = value; } }
  • 【Hadoop十二】HDFS常用命令 bit1129 hadoop
    1. 修改日志文件查看器   hdfs oev -i edits_0000000000000000081-0000000000000000089 -o edits.xml cat edits.xml   修改日志文件转储为xml格式的edits.xml文件，其中每条RECORD就是一个操作事务日志   2. fsimage查看HDFS中的块信息等 &nb
  • 怎样区别nginx中rewrite时break和last ronin47
    在使用nginx配置rewrite中经常会遇到有的地方用last并不能工作，换成break就可以，其中的原理是对于根目录的理解有所区别，按我的测试结果大致是这样的。 location /    {         proxy_pass http://test; 
  • java-21.中兴面试题 输入两个整数 n 和 m ，从数列 1 ， 2 ， 3.......n 中随意取几个数 , 使其和等于 m bylijinnan java
    import java.util.ArrayList; import java.util.List; import java.util.Stack; public class CombinationToSum { /* 第21 题 2010 年中兴面试题 编程求解： 输入两个整数 n 和 m ，从数列 1 ， 2 ， 3.......n 中随意取几个数 , 使其和等
  • eclipse svn 帐号密码修改问题 开窍的石头 eclipseSVNsvn帐号密码修改
    问题描述：      Eclipse的SVN插件Subclipse做得很好，在svn操作方面提供了很强大丰富的功能。但到目前为止，该插件对svn用户的概念极为淡薄，不但不能方便地切换用户，而且一旦用户的帐号、密码保存之后，就无法再变更了。 解决思路：      删除subclipse记录的帐号、密码信息，重新输入
  • [电子商务]传统商务活动与互联网的结合 comsci 电子商务
          某一个传统名牌产品，过去销售的地点就在某些特定的地区和阶层，现在进入互联网之后，用户的数量群突然扩大了无数倍，但是，这种产品潜在的劣势也被放大了无数倍，这种销售利润与经营风险同步放大的效应，在最近几年将会频繁出现。。。。        如何避免销售量和利润率增加的
  • java 解析 properties-使用 Properties-可以指定配置文件路径 cuityang javaproperties
    #mq xdr.mq.url=tcp://192.168.100.15:61618; import java.io.IOException; import java.util.Properties; public class Test { String conf = "log4j.properties"; private static final
  • Java核心问题集锦 darrenzhu java基础核心难点
    注意，这里的参考文章基本来自Effective Java和jdk源码 1)ConcurrentModificationException 当你用for each遍历一个list时，如果你在循环主体代码中修改list中的元素，将会得到这个Exception，解决的办法是： 1)用listIterator, 它支持在遍历的过程中修改元素， 2)不用listIterator, new一个
  • 1分钟学会Markdown语法 dcj3sjt126com markdown
    markdown 简明语法 基本符号 *,-,+ 3个符号效果都一样，这3个符号被称为 Markdown符号 空白行表示另起一个段落 `是表示inline代码，tab是用来标记 代码段，分别对应html的code，pre标签 换行 单一段落( <p>) 用一个空白行 连续两个空格 会变成一个 <br> 连续3个符号，然后是空行
  • Gson使用二（GsonBuilder） eksliang jsongsonGsonBuilder
    转载请出自出处：http://eksliang.iteye.com/blog/2175473 一.概述     GsonBuilder用来定制java跟json之间的转换格式   二.基本使用 实体测试类： 温馨提示：默认情况下@Expose注解是不起作用的,除非你用GsonBuilder创建Gson的时候调用了GsonBuilder.excludeField
  • 报ClassNotFoundException: Didn't find class "...Activity" on path: DexPathList gundumw100 android
    有一个工程，本来运行是正常的，我想把它移植到另一台PC上，结果报： java.lang.RuntimeException: Unable to instantiate activity ComponentInfo{com.mobovip.bgr/com.mobovip.bgr.MainActivity}: java.lang.ClassNotFoundException: Didn't f
  • JavaWeb之JSP指令 ihuning javaweb
      要点   JSP指令简介  page指令  include指令    JSP指令简介    JSP指令（directive）是为JSP引擎而设计的，它们并不直接产生任何可见输出，而只是告诉引擎如何处理JSP页面中的其余部分。 JSP指令的基本语法格式： <%@ 指令 属性名="
  • mac上编译FFmpeg跑ios 啸笑天 ffmpeg
    1、下载文件：https://github.com/libav/gas-preprocessor， 复制gas-preprocessor.pl到/usr/local/bin/下， 修改文件权限：chmod 777 /usr/local/bin/gas-preprocessor.pl 2、安装yasm-1.2.0 curl http://www.tortall.net/projects/yasm
  • sql mysql oracle中字符串连接 macroli oraclesqlmysqlSQL Server
    有的时候，我们有需要将由不同栏位获得的资料串连在一起。每一种资料库都有提供方法来达到这个目的： MySQL: CONCAT() Oracle: CONCAT(), || SQL Server: + CONCAT() 的语法如下： Mysql 中 CONCAT(字串1, 字串2, 字串3, ...): 将字串1、字串2、字串3，等字串连在一起。 请注意，Oracle的CON
  • Git fatal: unab SSL certificate problem: unable to get local issuer ce rtificate qiaolevip 学习永无止境每天进步一点点git纵观千象
    // 报错如下： $ git pull origin master fatal: unable to access 'https://git.xxx.com/': SSL certificate problem: unable to get local issuer ce rtificate   // 原因： 由于git最新版默认使用ssl安全验证，但是我们是使用的git未设
  • windows命令行设置wifi surfingll windowswifi笔记本wifi
    还没有讨厌无线wifi的无尽广告么，还在耐心等待它慢慢启动么 教你命令行设置 笔记本电脑wifi： 1、开启wifi命令 netsh wlan set hostednetwork mode=allow ssid=surf8 key=bb123456 netsh wlan start hostednetwork pause 其中pause是等待输入，可以去掉 2、
  • Linux（Ubuntu）下安装sysv-rc-conf wmlJava linuxubuntusysv-rc-conf
    安装：sudo apt-get install sysv-rc-conf 使用：sudo sysv-rc-conf 操作界面十分简洁，你可以用鼠标点击，也可以用键盘方向键定位，用空格键选择，用Ctrl+N翻下一页，用Ctrl+P翻上一页，用Q退出。     背景知识 sysv-rc-conf是一个强大的服务管理程序，群众的意见是sysv-rc-conf比chkconf
  • svn切换环境，重发布应用多了javaee标签前缀 zengshaotao javaee
    更换了开发环境，从杭州，改变到了上海。svn的地址肯定要切换的，切换之前需要将原svn自带的.svn文件信息删除，可手动删除，也可通过废弃原来的svn位置提示删除.svn时删除。   然后就是按照最新的svn地址和规范建立相关的目录信息，再将原来的纯代码信息上传到新的环境。然后再重新检出，这样每次修改后就可以看到哪些文件被修改过，这对于增量发布的规范特别有用。   检出
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他