纯css+js下拉菜单实例代码

纯css+js下拉菜单实例代码

分享一个css+js下拉菜单代码，js+css实现的简单下拉菜单，兼容性不错。

例子：
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>css+js下拉菜单演示-www.yuju100.com-语句百分网</title>
<style type="text/css">
<!--
*{margin:0;padding:0;border:0;}
body {
font-family: arial, 宋体, serif;
font-size:12px;
}
#nav {
line-height: 24px; list-style-type: none; background:#666;
}
#nav a {
display: block; width: 80px; text-align:center;
}
#nav a:link {
color:#666; text-decoration:none;
}
#nav a:visited {
color:#666;text-decoration:none;
}
#nav a:hover {
color:#FFF;text-decoration:none;font-weight:bold;
}
#nav li {
float: left; width: 80px; background:#CCC;
}
#nav li a:hover{
background:#999;
}
#nav li ul {
line-height: 27px; list-style-type: none;text-align:left;
left: -999em; width: 180px; position: absolute;
}
#nav li ul li{
float: left; width: 180px;
background: #F6F6F6;
}
#nav li ul a{
display: block; width: 156px;text-align:left;padding-left:24px;
}
#nav li ul a:link {
color:#666; text-decoration:none;
}
#nav li ul a:visited {
color:#666;text-decoration:none;
}
#nav li ul a:hover {
color:#F3F3F3;text-decoration:none;font-weight:normal;
background:#C00;
}
#nav li:hover ul {
left: auto;
}
#nav li.sfhover ul {
left: auto;
}
#content {
clear: left;
}
-->
</style>
<script type=text/javascript><!--//--><![CDATA[//><!--
function menuFix() {
var sfEls = document.getElementById("nav").getElementsByTagName("li");
for (var i=0; i<sfEls.length; i++) {
sfEls[i].onmouseover=function() {
this.className+=(this.className.length>0? " ": "") + "sfhover";
}
sfEls[i].onMouseDown=function() {
this.className+=(this.className.length>0? " ": "") + "sfhover";
}
sfEls[i].onMouseUp=function() {
this.className+=(this.className.length>0? " ": "") + "sfhover";
}
sfEls[i].onmouseout=function() {
this.className=this.className.replace(new RegExp("( ?|^)sfhover\\b"),
"");
}
}
}
window.onload=menuFix;
//--><!]]></script>
</head>
<body>
<ul id="nav">
<li><a href="#" _fcksavedurl="#">产品介绍</a>
<ul>
<li><a href="#" _fcksavedurl="#">产品一</a></li>
<li><a href="#" _fcksavedurl="#">产品一</a></li>
<li><a href="#" _fcksavedurl="#">产品一</a></li>
<li><a href="#" _fcksavedurl="#">产品一</a></li>
<li><a href="#" _fcksavedurl="#">产品一</a></li>
<li><a href="#" _fcksavedurl="#">产品一</a></li>
</ul>
</li>
<li><a href="#" _fcksavedurl="#">服务介绍</a>
<ul>
<li><a href="#" _fcksavedurl="#">服务二</a></li>
<li><a href="#" _fcksavedurl="#">服务二</a></li>
<li><a href="#" _fcksavedurl="#">服务二</a></li>
<li><a href="#" _fcksavedurl="#">服务二服务二</a></li>
<li><a href="#" _fcksavedurl="#">服务二服务二服务二</a></li>
<li><a href="#" _fcksavedurl="#">服务二</a></li>
</ul>
</li>
<li><a href="#" _fcksavedurl="#">成功案例</a>
<ul>
<li><a href="#" _fcksavedurl="#">案例三</a></li>
<li><a href="#" _fcksavedurl="#">案例</a></li>
<li><a href="#" _fcksavedurl="#">案例三案例三</a></li>
<li><a href="#" _fcksavedurl="#">案例三案例三案例三</a></li>
</ul>
</li>
<li><a href="#" _fcksavedurl="#">关于我们</a>
<ul>
<li><a href="#" _fcksavedurl="#">我们四</a></li>
<li><a href="#" _fcksavedurl="#">我们四</a></li>
<li><a href="#" _fcksavedurl="#">我们四</a></li>
<li><a href="#" _fcksavedurl="#">我们四111</a></li>
</ul>
</li>
<li><a href="#" _fcksavedurl="#">在线演示</a>
<ul>
<li><a href="#" _fcksavedurl="#">演示</a></li>
<li><a href="#" _fcksavedurl="#">演示</a></li>
<li><a href="#" _fcksavedurl="#">演示</a></li>
<li><a href="#" _fcksavedurl="#">演示演示演示</a></li>
<li><a href="#" _fcksavedurl="#">演示演示演示</a></li>
<li><a href="#" _fcksavedurl="#">演示演示</a></li>
<li><a href="#" _fcksavedurl="#">演示演示演示</a></li>
<li><a href="#" _fcksavedurl="#">演示演示演示演示演示</a></li>
</ul>
</li>
<li><a href="#" _fcksavedurl="#">联系我们</a>
<ul>
<li><a href="#" _fcksavedurl="#">联系联系联系联系联系</a></li>
<li><a href="#" _fcksavedurl="#">联系联系联系</a></li>
<li><a href="#" _fcksavedurl="#">联系</a></li>
<li><a href="#" _fcksavedurl="#">联系联系</a></li>
<li><a href="#" _fcksavedurl="#">联系联系</a></li>
<li><a href="#" _fcksavedurl="#">联系联系联系</a></li>
<li><a href="#" _fcksavedurl="#">联系联系联系</a></li>
</ul>
</li>
</ul>
</body>
</html>

您可能感兴趣的文章：

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

  • 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应
  • 自定义el-select下拉菜单的内容以及数据回显的内容 月伤59 vue.jsjavascript
    最终的效果下拉选项的自定义内容好实现，因为他有默认插槽，所以直接在el-option标签里面写自定义内容就可以实现关键上方选中的数据回显应该怎么做这里我设置了ref为seriesBorderTypeRef,在change事件中通过以下代码就可实现数据回显部分seriesBorderTypeRef.value.$el.children[0].children[0].setAttribute("sty
  • EXCEL下拉菜单与交替上色设置 晨曦backend excel
    Excel/WPS表格操作教程（双功能整合）目录功能一：交替行上色Excel操作WPS操作功能二：下拉菜单设置Excel操作WPS操作组合效果示例注意事项功能一：交替行上色Excel操作选中数据区域拖动鼠标选择需要设置的行列范围（如A2:D100）。打开条件格式开始→条件格式→新建规则→选择使用公式确定要设置格式的单元格。输入公式奇数行：=MOD(ROW(),2)=1偶数行：=MOD(ROW(),
  • 关于重写 QComboBox 后下拉菜单显示不正常的问题 Neverland_LY 开发工具-VS/Qt/Sublimetext编程语言-C++
    文章目录问题描述问题分析临时解决方案代码整理1.错误案例：Qt组合框QComboBox定制颜色选择框2.错误案例：自定义多选QComboBox3.正确案例：教你如何实现带复选框的ComboBox（自定义QComboBox）问题描述这两天在开发过程中，重写了QComboBox这个控件，参考这篇博客Qt组合框QComboBox定制颜色选择框实现的但是发现了一个奇怪的问题，就是在加载数据后，初始化是正确
  • Mac系统下QCombobox的下拉菜单弹出位置不正确问题解决办法 沉鱼落雁的陈 qtmacmacos
    使用setStyle(QStyleFactory::create(“Windows”));设置即可解决
  • iView Admin的side menu改为top menu 武昌库里写JAVA 面试题汇总与解析springbootvue.js宠物管理课程设计java
    和iViewAdmin结缘于某次在“顾问群”里问，“有什么开源前端框架推荐吗？”。群里一位老开发答，“试试iViewAdmin”。于是我就试了试，发现很好用，对新手也很友好，试过撸一个管理后台的前端用了4天，感觉效率还可以。最近需要定制“无侧滑菜单，改用顶部下拉菜单”的效果，所以开始分析下源码。看/src/router/router.js里原始定义的路由，可以看到首页路由使用的component是
  • 在idea中推送项目至Gitee步骤 IT技术员 javajavagithubideaintellijidea
    1、选中需要上传的文件项目；2、单击右键；3、在下拉菜单中选中Git；4、点击Git，在展开的菜单中，选中Add；5、然后再点击commit；6、在弹出来的界面中，.idea文件不要打√；7、在输入你修改提交的信息文字内容；8、最后一步，点击commit按钮，或者它的下拉菜单中的commitandpush这个按钮也可以；9、若在idea界面中看到successfully字样，就说明推送成功；10、
  • uniapp picker下拉菜单选择组件默认选择的问题注意 lyz246859 uni-app前端javascript
    在使用uniapp中的picker下拉菜单时发现了一个问题：在index默认为0的时候，第一次选择时就算没有选中直接取消但是下拉框依然会默认选中第一个这是因为index为0的缘故。有人可能觉得说，可以设置index为null值啊，说的好像没错，但是实际设null值后，点击下拉框就会报错，因为picker选择器index必须有一个数字值。其实解决办法也很简单，第一种就是，可以直接在渲染的下拉表中首项
  • ElementUi的Dropdown下拉菜单的详细介绍及使用 哈哈小鬼~FE vue.js前端javascript
    Dropdown是ElementUI中用于创建下拉菜单项的一个组件，通常el-dropdown-item包裹在el-dropdown组件中使用。以下从功能特性(一些属性及方法)、使用和高级功能(高亮显示，滚动，额外传参数)三个方面进行详细介绍。一、功能特性1.触发方式多样支持click（点击触发）和hover（悬停触发）两种方式。2.命令值传递通过command属性为菜单项设置唯一标识，点击时触发
  • JMeter中设置HTTPS请求 千百元 #性能监控与调优运维测试性能运维
    在JMeter中设置HTTPS请求，你可以按照以下步骤进行操作：步骤一：添加线程组打开JMeter后，右键点击“测试计划”，选择“添加”->“线程（用户）”->“线程组”。线程组用于定义虚拟用户的数量、循环次数等运行参数。步骤二：添加HTTPS请求右键点击刚才创建的“线程组”，选择“添加”->“取样器”->“HTTP请求”。在右侧出现的“HTTP请求”配置元件中，进行如下设置：协议：从下拉菜单中选
  • 深入了解v-model的原理:v-model拆分为value属性和input事件,表单类组件的封装并用v-model简化代码 前端OnTheRun 知识点vue学习笔记vuejavascriptvue组件化开发vue2表单
    文章目录1.v-model的原理1.1.验证:在input文本输入框中不使用v-model实现双向数据绑定1.2.验证:v-model在下拉菜单中的拆分2.表单类组件的封装2.1.原理或步骤2.2.示例:表单类组件封装之下拉菜单select的封装3.使用v-model简化代码完整代码4.拓展示例:完成input文本输入框的组件化封装1.v-model的原理v-model本质上是一个语法糖,在inp
  • Python 解析 HTML 表单数据并自动提交 晚霞尽染天际 pythonhtml开发语言
    ```htmlPython解析HTML表单数据并自动提交Python解析HTML表单数据并自动提交在现代的Web开发中，自动化任务变得越来越重要。特别是在需要处理大量表单数据时，手动填写表单不仅耗时而且容易出错。本文将介绍如何使用Python自动解析HTML表单数据并完成表单的自动提交。背景知识HTML表单是网页中最常见的交互元素之一。它们通常包含各种输入字段（如文本框、下拉菜单、复选框等），用户
  • HTML学习笔记(二) minxin_ 网页制作HTMLhtmlhtml5前端
    文章目录HTML学习笔记(二)列表无序列表有序列表定义列表表格表单input标签下拉菜单文本域label标签按钮无语义的布局标签字符实体HTML学习笔记(二)列表无序列表列表项1列表项2列表项3有序列表列表项1列表项2列表项3定义列表比如一个网页的最下面，往往会放着很多的功能，这些功能的列表就是用定义列表做的服务中心申请售后售后政策维修服务价格项目2项目2的描述项目3项目3的描述注意事项：dl里面
  • 浏览器设置HTTP来源视为安全的HTTPS来源 前端小菜鸟也有人起 httphttps网络协议
    打开Chrome浏览器。在地址栏中输入chrome://flags并按回车键。在搜索框中输入“insecure”来过滤相关设置。找到“Insecureoriginstreatedassecure”选项。在“Insecureoriginstreatedassecure”选项下，点击下拉菜单。选择“Enabled”来启用此功能。在旁边的文本框中输入需要被视为安全的不安全来源的URL，例如http://
  • java杨辉三角 3213213333332132 java基础
    package com.algorithm; /** * @Description 杨辉三角 * @author FuJianyong * 2015-1-22上午10:10:59 */ public class YangHui { public static void main(String[] args) { //初始化二维数组长度 int[][] y
  • 《大话重构》之大布局的辛酸历史 白糖_ 重构
    《大话重构》中提到“大布局你伤不起”，如果企图重构一个陈旧的大型系统是有非常大的风险，重构不是想象中那么简单。我目前所在公司正好对产品做了一次“大布局重构”，下面我就分享这个“大布局”项目经验给大家。   背景         公司专注于企业级管理产品软件，企业有大中小之分，在2000年初公司用JSP/Servlet开发了一套针对中
  • 电驴链接在线视频播放源码 dubinwei 源码电驴播放器视频ed2k
    本项目是个搜索电驴（ed2k）链接的应用,借助于磁力视频播放器（官网： http://loveandroid.duapp.com/ 开放平台），可以实现在线播放视频，也可以用迅雷或者其他下载工具下载。 项目源码： http://git.oschina.net/svo/Emule,动态更新。也可从附件中下载。 项目源码依赖于两个库项目，库项目一链接： http://git.oschina.
  • Javascript中函数的toString()方法 周凡杨 JavaScriptjstoStringfunctionobject
    简述     The toString() method returns a string representing the source code of the function.     简译之，Javascript的toString()方法返回一个代表函数源代码的字符串。 句法     function.
  • struts处理自定义异常 g21121 struts
    很多时候我们会用到自定义异常来表示特定的错误情况，自定义异常比较简单，只要分清是运行时异常还是非运行时异常即可，运行时异常不需要捕获，继承自RuntimeException，是由容器自己抛出，例如空指针异常。 非运行时异常继承自Exception，在抛出后需要捕获，例如文件未找到异常。 此处我们用的是非运行时异常，首先定义一个异常LoginException: /** * 类描述：登录相
  • Linux中find常见用法示例 510888780 linux
    Linux中find常见用法示例 ·find   path   -option   [   -print ]   [ -exec   -ok   command ]   {} \; find命令的参数；
  • SpringMVC的各种参数绑定方式 Harry642 springMVC绑定表单
    1. 基本数据类型(以int为例，其他类似)： Controller代码： @RequestMapping("saysth.do") public void test(int count) { } 表单代码： <form action="saysth.do" method="post&q
  • Java 获取Oracle ROWID aijuans javaoracle
    A ROWID is an identification tag unique for each row of an Oracle Database table. The ROWID can be thought of as a virtual column, containing the ID for each row. The oracle.sql.ROWID class i
  • java获取方法的参数名 antlove javajdkparametermethodreflect
    reflect.ClassInformationUtil.java package reflect; import javassist.ClassPool; import javassist.CtClass; import javassist.CtMethod; import javassist.Modifier; import javassist.bytecode.CodeAtt
  • JAVA正则表达式匹配 查找 替换 提取操作 百合不是茶 java正则表达式替换提取查找
    正则表达式的查找;主要是用到String类中的split();       String str;      str.split();方法中传入按照什么规则截取,返回一个String数组   常见的截取规则: str.split("\\.")按照.来截取 str.
  • Java中equals()与hashCode()方法详解 bijian1013 javasetequals()hashCode()
    一.equals()方法详解     equals()方法在object类中定义如下：  public boolean equals(Object obj) { return (this == obj); }    很明显是对两个对象的地址值进行的比较（即比较引用是否相同）。但是我们知道，String 、Math、I
  • 精通Oracle10编程SQL(4)使用SQL语句 bijian1013 oracle数据库plsql
    --工资级别表 create table SALGRADE ( GRADE NUMBER(10), LOSAL NUMBER(10,2), HISAL NUMBER(10,2) ) insert into SALGRADE values(1,0,100); insert into SALGRADE values(2,100,200); inser
  • 【Nginx二】Nginx作为静态文件HTTP服务器 bit1129 HTTP服务器
     Nginx作为静态文件HTTP服务器 在本地系统中创建/data/www目录，存放html文件(包括index.html) 创建/data/images目录，存放imags图片 在主配置文件中添加http指令   http { server { listen 80; server_name
  • kafka获得最新partition offset blackproof kafkapartitionoffset最新
    kafka获得partition下标，需要用到kafka的simpleconsumer   import java.util.ArrayList; import java.util.Collections; import java.util.Date; import java.util.HashMap; import java.util.List; import java.
  • centos 7安装docker两种方式 ronin47
          第一种是采用yum 方式              yum install -y docker           
  • java-60-在O(1)时间删除链表结点 bylijinnan java
    public class DeleteNode_O1_Time { /** * Q 60 在O(1)时间删除链表结点 * 给定链表的头指针和一个结点指针(!!)，在O(1)时间删除该结点 * * Assume the list is: * head->...->nodeToDelete->mNode->nNode->..
  • nginx利用proxy_cache来缓存文件 cfyme cache
    user  zhangy users; worker_processes 10; error_log  /var/vlogs/nginx_error.log  crit; pid        /var/vlogs/nginx.pid; #Specifies the value for ma
  • [JWFD开源工作流]JWFD嵌入式语法分析器负号的使用问题 comsci 嵌入式
        假如我们需要用JWFD的语法分析模块定义一个带负号的方程式，直接在方程式之前添加负号是不正确的，而必须这样做：     string str01 = "a=3.14;b=2.71;c=0;c-((a*a)+(b*b))"     定义一个0整数c,然后用这个整数c去
  • 如何集成支付宝官方文档 dai_lm android
    官方文档下载地址 https://b.alipay.com/order/productDetail.htm?productId=2012120700377310&tabId=4#ps-tabinfo-hash 集成的必要条件 1. 需要有自己的Server接收支付宝的消息 2. 需要先制作app，然后提交支付宝审核，通过后才能集成 调试的时候估计会真的扣款，请注意
  • 应该在什么时候使用Hadoop datamachine hadoop
    原帖地址：http://blog.chinaunix.net/uid-301743-id-3925358.html 存档，某些观点与我不谋而合，过度技术化不可取，且hadoop并非万能。 --------------------------------------------万能的分割线-------------------------------- 有人问我，“你在大数据和Hado
  • 在GridView中对于有外键的字段使用关联模型进行搜索和排序 dcj3sjt126com yii
    在GridView中使用关联模型进行搜索和排序 首先我们有两个模型它们直接有关联: class Author extends CActiveRecord { ... } class Post extends CActiveRecord { ... function relations() { return array( '
  • 使用NSString 的格式化大全 dcj3sjt126com Objective-C
    格式定义The format specifiers supported by the NSString formatting methods and CFString formatting functions follow the IEEE printf specification; the specifiers are summarized in Table 1. Note that you c
  • 使用activeX插件对象object滚动有重影 蕃薯耀 activeX插件滚动有重影
      使用activeX插件对象object滚动有重影   <object style="width:0;" id="abc" classid="CLSID:D3E3970F-2927-9680-BBB4-5D0889909DF6" codebase="activex/OAX339.CAB#
  • SpringMVC4零配置 hanqunfeng springmvc4
    基于Servlet3.0规范和SpringMVC4注解式配置方式，实现零xml配置，弄了个小demo，供交流讨论。     项目说明如下： 1.db.sql是项目中用到的表，数据库使用的是oracle11g 2.该项目使用mvn进行管理，私服为自搭建nexus,项目只用到一个第三方 jar，就是oracle的驱动； 3.默认项目为零配置启动，如果需要更改启动方式，请
  • 《开源框架那点事儿16》：缓存相关代码的演变 j2eetop 开源框架
    问题引入 上次我参与某个大型项目的优化工作，由于系统要求有比较高的TPS，因此就免不了要使用缓冲。 该项目中用的缓冲比较多，有MemCache，有Redis，有的还需要提供二级缓冲，也就是说应用服务器这层也可以设置一些缓冲。 当然去看相关实现代代码的时候，大致是下面的样子。 [java] view plain copy print ? public vo
  • AngularJS浅析 kvhur JavaScript
    概念 AngularJS is a structural framework for dynamic web apps. 了解更多详情请见原文链接：http://www.gbtags.com/gb/share/5726.htm Directive 扩展html，给html添加声明语句，以便实现自己的需求。对于页面中html元素以ng为前缀的属性名称，ng是angular的命名空间
  • 架构师之jdk的bug排查(一)---------------split的点号陷阱 nannan408 split
    1.前言.    jdk1.6的lang包的split方法是有bug的,它不能有效识别A.b.c这种类型,导致截取长度始终是0.而对于其他字符,则无此问题.不知道官方有没有修复这个bug. 2.代码 String[] paths = "object.object2.prop11".split("'"); System.ou
  • 如何对10亿数据量级的mongoDB作高效的全表扫描 quentinXXZ mongodb
      本文链接:  http://quentinXXZ.iteye.com/blog/2149440 一、正常情况下，不应该有这种需求 首先，大家应该有个概念，标题中的这个问题，在大多情况下是一个伪命题，不应该被提出来。要知道，对于一般较大数据量的数据库，全表查询，这种操作一般情况下是不应该出现的，在做正常查询的时候，如果是范围查询，你至少应该要加上limit。 说一下，
  • C语言算法之水仙花数 qiufeihu c算法
    /** * 水仙花数 */ #include <stdio.h> #define N 10 int main() { int x,y,z; for(x=1;x<=N;x++) for(y=0;y<=N;y++) for(z=0;z<=N;z++) if(x*100+y*10+z == x*x*x
  • JSP指令 wyzuomumu jsp
    jsp指令的一般语法格式： <%@ 指令名 属性 =”值 ” %> 常用的三种指令： page,include,taglib page指令语法形式： <%@ page 属性 1=”值 1” 属性 2=”值 2”%> include指令语法形式： <%@include file=”relative url”%> (jsp可以通过 include
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他