un173
un173

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

原文地址：http://www.cnblogs.com/yes123/p/3944047.html

纯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]. { 
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]. { 
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>

您可能感兴趣的文章：

  • jquery easyui多选下拉菜单实例

  • Jquery联动下拉菜单实现代码

  • jquery-easyui创建下拉菜单的例子

  • jquery 无限分级的下拉菜单

  • jquery下拉菜单 ul标签下拉菜单的例子

  • jquery下拉菜单效果 jquery点击弹出下拉菜单的例子

  • 更换select下拉菜单背景样式的js代码


你可能感兴趣的:(兼容性)

  • ARM 和 AMD 架构的区别 m0_69576880 arm开发windows架构
    ARM架构和AMD架构是两种不同的计算机处理器架构，它们有以下几个主要区别：设计出发点、兼容性、性能特点、市场定价。设计出发点：①ARM构架：ARM架构最初是为嵌入式系统设计的，旨在提供低功耗和高效能的解决方案。它主要应用于移动设备、嵌入式系统和物联网设备②AMD架构：AMD架构是基于x86架构的扩展，旨在提供与Intel架构兼容的处理器。它主要用于台式机、服务器和工作站等计算机系统。兼容性：AR
  • 如何在 Ubuntu 24.04 或 22.04 Linux 上安装和使用 NoMachine 山岚的运维笔记 Linux运维及使用linuxubuntu运维nomachine远程连接
    NoMachine是一款适用于Linux（Ubuntu）及其他支持的操作系统的远程桌面应用程序，允许用户通过本地或远程系统从世界任何地方控制计算机。它可以在低带宽连接下工作，被专业人士和家庭用户广泛使用。NoMachine的主要功能高性能远程访问跨平台兼容性易于使用，因为用户界面友好提供强大的加密协议，如SSH、SSL及其他安全标准支持远程文件传输和打印服务允许从远程计算机进行音频和视频流媒体传输
  • Android CameraX 使用指南：简化相机开发 安卓开发者 AndroidJetpack数码相机android
    前言在Android开发中，相机功能一直是比较复杂的部分，需要处理不同设备的兼容性、生命周期管理以及复杂的API调用。Google推出的CameraX库极大地简化了这一过程，让开发者能够更轻松地实现高质量的相机功能。本文将带你全面了解CameraX的使用方法。什么是CameraX？CameraX是Jetpack系列中的一个库，它基于Camera2API构建，但提供了更高层次的抽象，具有以下优点：简
  • 11. HTML 中 DOCTYPE 的作用 yqcoder 前端面试-CSShtml前端
    总结H5的声明HTML5的DOCTYPE声明HTML5中的声明用于告诉浏览器当前文档使用的是HTML5的文档类型。它必须是文档中的第一行内容（在任何HTML标签之前），以确保浏览器能够正确地解析和渲染页面。DOCTYPE的作用触发标准模式：DOCTYPE声明的主要作用是让浏览器以标准模式（StandardsMode）来解析和渲染页面，而不是以兼容模式（QuirksMode）。兼容性：在没有DOCT
  • DNF 与 YUM 的区别详解：从 CentOS 7 到 CentOS 9 的演进
    DNF与YUM的区别详解：从CentOS7到CentOS9的演进标签：CentOS、YUM、DNF、Linux包管理、系统升级、兼容性适用版本：CentOS7、CentOS8、CentOS9一、背景介绍CentOS中使用的包管理工具是RedHat系列系统的重要组成部分。随着系统版本升级，包管理器从yum（CentOS7）逐渐过渡到dnf（CentOS8及之后版本）。二、YUM与DNF对比表对比项Y
  • 生产环境使用云服务器（centOS）部署和使用MongoDB
    部署MongoDB流程1.安装MongoDB版本选择建议CentOS7：推荐MongoDB4.4.x（兼容性好）CentOS8/9：建议最新稳定版（如6.0+），需单独安装mongodb-database-tools安装步骤1.添加官方仓库#添加官方仓库（以6.0为例）sudovi/etc/yum.repos.d/mongodb-org-6.0.repo写入以下内容：[mongodb-org-6.
  • 《FreeRTOS 入门与实战》第30章：课程总结与优化指南 ARM架构 嵌入式系统架构单片机嵌入式硬件数据库mongodbrisc-v
    目录1.FreeRTOS10大常见问题1.1任务堆栈溢出1.2内存分配失败1.3优先级配置错误1.4中断延迟过高1.5任务调度器未启动1.6队列阻塞异常1.7看门狗触发1.8低功耗模式异常1.9移植兼容性问题1.10调试信息不足2.进一步学习路线2.1AmazonFreeRTOS核心特性学习资源移植要点2.2ESP-IDFFreeRTOS增强功能开发建议典型应用1.FreeRTOS10大常见问题1
  • 结合Golang语言说明对多线程编程以及 select/epoll等网络模型的使用 zhoupenghui168 golang计算机网络golang网络数据库select网络模型epoll网络模型多线程编程
    首先介绍select和epoll这两个I/O多路复用的网络模型，然后介绍多线程编程，最后结合Go语言项目举例说明如何应用一、select和epoll的介绍1.select模型select是一种I/O多路复用技术，它允许程序同时监视多个文件描述符（通常是套接字），等待一个或多个描述符就绪（可读、可写或异常）然后进行相应的操作,它的跨平台兼容性好（Windows/Linux/macOS）核心原理：使用
  • Go-Elasticsearch v9 安装与版本兼容性 Hello.Reader 搜索引擎检索golanggolangelasticsearchjenkins
    1、安装方式速查场景命令/代码片段说明最快体验bash\n#建议直接拉取最新版\ngogetgithub.com/elastic/go-elasticsearch/v9@latest\n在现有项目中立刻添加依赖显式锁定版本go\nrequiregithub.com/elastic/go-elasticsearch/v9v9.0.0\n在go.mod中写死具体版本，便于团队一致性源码克隆bash\n
  • ROS2中的QoS（Quality of Service）详解 小坏坏的大世界 linux机器人
    ROS2中的QoS（QualityofService）详解1.主要QoS参数2.为什么需要设置QoS3.QoS兼容性规则4.选择QoS策略的建议5.调试QoS问题的方法6.踩坑：订阅话题没有输出可能的原因：调试方法QoS是ROS2中用于控制通信质量和行为的机制。它定义了发布者和订阅者之间消息传递的各种策略和保证，包括可靠性、持久性、延迟等特性。1.主要QoS参数Reliability（可靠性）#两
  • 新买的SSD不建议用exFAT lm down macos
    我新买的闪迪E30固态硬盘默认是exFAT格式，刚存了点东西，感觉空间就不够用了，同样的文件在电脑里根本不会占这么多空间。exFAT默认的簇大小通常较大，例如32GB以上的硬盘默认簇大小为128KB，NTFS文件系统的簇大小通常较小（4KB），如果小文件多，那就很浪费空间。对于Windows电脑，建议格式化为NTFS，苹果Mac系统就把它格式化为APFS。但这样做兼容性就差了。我运行python项
  • 谷歌官网app适配Android 15的官方指南
    deepseek回答：谷歌官网提供了完整的Android15应用适配官方指南，涵盖兼容性测试工具、API迁移规范及商店审核要求，核心内容如下：一、官方适配指南入口访问Android15开发者网站核心内容：功能解读、API变更、安全策略及适配工具说明关键资源：适配工具链（兼容性框架、ADB调试）GSI系统映像下载虚拟设备配置教程⚙️二、适配工具链兼容性框架工具支持在不修改targetSdkVersi
  • 软件测试功能测试+自动化测试面试题（含答案） 汽水拧盖师 功能测试职场和发展面试
    测试理论1测试策略相似问法：测试包括哪些？测试要涵盖哪些方面？功能：各个功能是否完善性能：确定系统的性能级别和承受压力的能力（负载测试、并发测试、峰值测试、稳定性测试...)安全性兼容性可靠性易用性安全卸载UI2.用例要素是什么相似问法：用例里面包含什么内容？答：用例编号、模块名称、功能点、用例标题、前置条件、测试步骤、期望结果、优先级、实际结果、备注3.为什么写用例1、理清思路，避免漏测和重复测
  • JAVA在国企应用中如何实现大文件上传？ 路过了忘了 java开发语言java大文件上传java大文件秒传java大文件上传下载java文件传输解决方案jsp大文件上传
    军工利刃出鞘：破解100G涉密文件传输难题初春的挑战2025年3月的北京仍带着料峭寒意，军工研究院的会议室里却气氛灼热。大屏幕上跳动着红色警示：“政府单位100G涉密文件传输需求——现有系统兼容性评估：0%”。作为项目总工，我盯着这个刺眼的数字，指尖无意识地摩挲着茶杯边缘。"传统方案最多支持20G文件传输。"技术总监老张推了推眼镜，"而且我们的JSP框架是十年前基于Struts2搭建的，要兼容现代
  • 如何在国企项目中实现JAVA大文件断点续传？
    项目技术方案：大文件传输系统（信创兼容版）编制：湖南长沙某软件公司技术部日期：2023年11月20日一、项目背景与需求分析公司承接政府项目，需开发一套支持50G文件传输的系统，核心需求如下：功能需求：支持单文件/文件夹上传（保留层级结构）及下载断点续传（刷新/关闭浏览器后恢复进度）高稳定性（政府项目对数据完整性要求极高）兼容性需求：浏览器：IE8+、龙芯浏览器、红莲花浏览器、奇安信安全浏览器操作系
  • 使用maven-shade-plugin解决依赖版本冲突
    项目里引入多个版本依赖时，最后只会使用其中一个，一般可以通过排除不使用的依赖处理，但是如果需要同时使用多个版本，可以使用maven-shade-plugin解决。以最典型的poi为例，poi版本兼容性很低，如果出现找不到类或者类未定义之类的错误，一般就是因为poi版本不兼容。项目有这样一个需求，需要使用poi-tl-ext实现word导出富文本，poi-tl-ext里使用的是poi4.1.2，而原
  • 以AMD和Intel之争探讨国产AI芯片的出路 深海科技服务 行业发展人工智能安全个人开发程序人生AI
    我们以华为为例：华为自已搞了一个AI生态，这个生态目前很难融入现有的世界，如果华为设计的AI芯片能够和英伟达的AI生态兼容，那么华为的AI芯片就有可能有一席之地，因为不是所有用户都需要英伟达那么强的AI芯片，华为完全可以抢占PC端、企业私有端的AI芯片市场，就如同当初AMD是IntelCPU的可替代品一样。关键点在于：兼容性是融入现有世界、抢占市场的基石。1、AI芯片领域的“操作系统”：生态系统在
  • Web字体特效全攻略：从基础到创新设计
    本文还有配套的精品资源，点击获取简介：Web字体特效通过结合HTML、CSS和JavaScript，增强网页文本的视觉表现和交互性。文章详细介绍了实现这些特效的技术要点，包括HTML基础结构的设置、CSS样式和新特性的应用，以及JavaScript和相关库的使用。此外，还讲解了字体图标、动画库的利用，以及响应式设计的考虑，确保字体特效在不同设备上的兼容性。提供丰富的实例和资源，旨在帮助开发者打造具
  • CSS预处理器与后处理器对比解析 代码的余温 css前端
    CSS预处理器和后处理器是现代前端开发中用于增强和优化CSS的强大工具，它们解决了原生CSS在大型项目中的维护和兼容性问题，但工作方式和目标不同：CSS预处理器（CSSPreprocessor）定义：CSS预处理器是一种扩展CSS语言的脚本工具。开发者使用预处理器特有的语法（如变量、嵌套、函数等）编写代码，再通过编译器将其转换为标准CSS。核心特性：变量：存储颜色、尺寸等重复值，方便全局修改。$p
  • sahi+yolov8实现图像切片推理
    文章目录前言一、SAHI介绍切片推理兼容性设计二、使用步骤图像切片推理与结果融合代码示例结果对比总结前言本文记录项目中涉及到了无人机正射图像的推理（通常8000像素*8000像素以上），由于模型推理尺寸是640*640的，如果直接整图送入模型推理，推理效果极差，可以考虑采用多个切片进行分别进行推理，最后合并推理结果的方式。一、SAHI介绍SAHI（SlicingAidedHyperInferenc
  • vue写的app设置角标 amy_jork vue前端vue.js
    原生App角标（UniApp示例）调用plus.runtime.setBadgeNumber方法设置安卓/iOS角标：javascriptCopyCode//设置角标plus.runtime.setBadgeNumber(99);//清除角标（部分平台需特殊处理）plus.runtime.setBadgeNumber(0);平台兼容性‌‌Android‌：仅部分厂商支持（如小米MIUI6+、华为、
  • DOM元素添加技巧全解析 代码的余温 前端
    要将一个HTML元素添加到DOM树中，核心方法是先创建元素对象，再将其插入到文档结构中的指定位置。以下是基于常见实践总结的主要技术手段，每种方法均经过验证，确保兼容性和可靠性：1.使用document.createElement()创建并插入元素这是标准且推荐的方式：首先，用document.createElement()创建新元素（如document.createElement('div')），
  • 第十章 XML元素和属性 Cache技术分享
    第十章XML元素和属性检查必需的元素和属性默认情况下，next()方法不检查是否存在与标记为必需的属性相对应的元素和属性。要使读取器检查此类元素和属性是否存在，请在调用Next()之前将读取器的CheckRequired属性设置为1。出于兼容性原因，此属性的默认值为0。如果将CheckRequired设置为1，并且调用next()，而导入的XML缺少必需的元素或属性，则next()方法会将sc参数
  • 实施数字化工具过程中企业普遍面临的典型挑战
    一、技术整合与系统兼容性挑战典型表现：旧系统（如ERP、CRM）与新技术（如云计算、AI）集成时接口不兼容，导致数据丢失或业务中断新技术（如区块链）与遗留系统（如COBOL开发的核心账务系统）数据格式冲突，需人工转换解决方案：中间件技术：通过API网关或企业服务总线（ESB）实现系统解耦，例如某银行采用分布式事务中间件解决COBOL与区块链数据互通问题模块化架构：采用微服务架构支持渐进式升级，降低
  • ARM46+KylinOS 环境下 MySQL 数据库安装与迁移适配深度实践指南 kobai159 adbARM46架构KylinOSMySQL安装数据库安装
    一、ARM46+KylinOS环境与MySQL适配原理概述ARM46架构基于精简指令集（RISC）设计，具有低功耗、高性能等特点，在嵌入式、边缘计算等场景广泛应用；KylinOS作为国产操作系统，有着较高的安全性和稳定性。MySQL数据库在不同架构和操作系统上的迁移适配，本质是解决指令集兼容性、系统库依赖、文件权限管理等问题。ARM架构与常见的x86架构指令集不同，因此MySQL安装包需要专门适配
  • FPGA时序违例全面总结：原因、检测和解决方法 CodeGu fpga开发matlab
    FPGA时序违例全面总结：原因、检测和解决方法在FPGA设计中，时序违例是一个常见的问题，特别是当设计达到高速、高密度且使用高级功能时。时序违例会导致系统性能降低、电磁兼容性问题甚至系统不稳定。本文将详细总结FPGA时序违例的原因、检测和解决方法。I.时序违例的原因时序违例发生的原因主要包括以下几个方面：1.时钟树设计不合理时钟树设计不合理是时序违例最常见的原因之一。在FPGA中，时钟是系统的重要
  • Playwright Python 教程
    PlaywrightPython教程1.项目介绍Playwright是一个用于自动化浏览器操作的开源工具，支持多种浏览器和设备，旨在为每个平台提供无缝的用户体验。Playwright的直观API、跨浏览器兼容性和视觉调试工具，结合Python语言，可以彻底改变您的测试活动。本教程基于开源项目PlaywrightPythonTutorial，旨在帮助您快速上手并深入了解Playwright在Pyth
  • 图片位深转换终极指南：使用Python将任意位深图片转换为24位深 SuperBeen Pythonpython开发语言嵌入式硬件
    什么是图片位深？图片位深（BitDepth）指的是每个像素用于表示颜色的位数。常见的位深包括：1位：黑白二值图像8位：灰度图像（256级灰度）24位：真彩色图像（RGB各8位，约1677万色）32位：带透明通道的图像（RGBA）为什么需要转换为24位深？兼容性问题：许多软件和网页不支持非标准位深的图片显示异常：23位深图片在某些设备上可能出现色彩失真格式限制：JPEG等常见格式只支持8位/通道（2
  • 低速信号设计之 VGA 篇
    一、VGA总线在服务器中的应用场景在服务器领域，VGA总线虽属于低速信号接口，但凭借其稳定的兼容性和成熟的技术，仍在多个场景中发挥着重要作用。服务器本地控制台操作：当服务器进行初始化配置、BIOS设置或系统故障排查时，VGA接口是连接本地显示器的核心道。技术人员通过显示器直观查看硬件检测信息、错误代码及启动流程，快速定位内存松动、硬盘故障等问题，这是远程管理工具无法替代的基础操作方式。机房集中监控
  • A-59P 语音处理模组：全场景语音交互的理想之选 声讯电子 远程会议回声消除智能降噪语音识别
    在当下的智能时代，语音交互已成为各类设备的标配，而清晰、顺畅的语音传递是用户的核心需求。A-59P多功能语音处理模组凭借卓越性能，成为全场景语音交互的得力助手。兼容性是A-59P的一大亮点。它能与模拟输入输出设备、数字音频端口设备以及USB端口设备无缝对接，无需复杂调试，让不同类型设备轻松拥有高品质语音处理能力，极大降低了设备升级门槛。面对复杂环境的噪音困扰，A-59P的AIENC拾音降噪功能表现
  • Spring中@Value注解，需要注意的地方 无量 springbean@Valuexml
    Spring 3以后,支持@Value注解的方式获取properties文件中的配置值，简化了读取配置文件的复杂操作 1、在applicationContext.xml文件(或引用文件中)中配置properties文件 <bean id="appProperty" class="org.springframework.beans.fac
  • mongoDB 分片 开窍的石头 mongodb
        mongoDB的分片。要mongos查询数据时候 先查询configsvr看数据在那台shard上，configsvr上边放的是metar信息，指的是那条数据在那个片上。由此可以看出mongo在做分片的时候咱们至少要有一个configsvr,和两个以上的shard（片）信息。     第一步启动两台以上的mongo服务 &nb
  • OVER(PARTITION BY)函数用法 0624chenhong oracle
    这篇写得很好，引自 http://www.cnblogs.com/lanzi/archive/2010/10/26/1861338.html OVER(PARTITION BY)函数用法 2010年10月26日 OVER(PARTITION BY)函数介绍 开窗函数        &nb
  • Android开发中，ADB server didn't ACK 解决方法 一炮送你回车库 Android开发
    首先通知：凡是安装360、豌豆荚、腾讯管家的全部卸载，然后再尝试。   一直没搞明白这个问题咋出现的，但今天看到一个方法，搞定了！原来是豌豆荚占用了 5037 端口导致。 参见原文章：一个豌豆荚引发的血案——关于ADB server didn't ACK的问题 简单来讲，首先将Windows任务进程中的豌豆荚干掉，如果还是不行，再继续按下列步骤排查。 &nb
  • canvas中的像素绘制问题 换个号韩国红果果 JavaScriptcanvas
    pixl的绘制，1.如果绘制点正处于相邻像素交叉线，绘制x像素的线宽，则从交叉线分别向前向后绘制x/2个像素，如果x/2是整数，则刚好填满x个像素，如果是小数，则先把整数格填满，再去绘制剩下的小数部分，绘制时，是将小数部分的颜色用来除以一个像素的宽度，颜色会变淡。所以要用整数坐标来画的话（即绘制点正处于相邻像素交叉线时），线宽必须是2的整数倍。否则会出现不饱满的像素。 2.如果绘制点为一个像素的
  • 编码乱码问题 灵静志远 javajvmjsp编码
    1、JVM中单个字符占用的字节长度跟编码方式有关，而默认编码方式又跟平台是一一对应的或说平台决定了默认字符编码方式；2、对于单个字符：ISO-8859-1单字节编码，GBK双字节编码，UTF-8三字节编码；因此中文平台(中文平台默认字符集编码GBK)下一个中文字符占2个字节，而英文平台(英文平台默认字符集编码Cp1252(类似于ISO-8859-1))。 3、getBytes()、getByte
  • java 求几个月后的日期 darkranger calendargetinstance
    Date plandate = planDate.toDate(); SimpleDateFormat df = new SimpleDateFormat("yyyy-MM-dd"); Calendar cal = Calendar.getInstance(); cal.setTime(plandate); // 取得三个月后时间 cal.add(Calendar.M
  • 数据库设计的三大范式（通俗易懂） aijuans 数据库复习
    关系数据库中的关系必须满足一定的要求。满足不同程度要求的为不同范式。数据库的设计范式是数据库设计所需要满足的规范。只有理解数据库的设计范式，才能设计出高效率、优雅的数据库，否则可能会设计出错误的数据库. 目前，主要有六种范式：第一范式、第二范式、第三范式、BC范式、第四范式和第五范式。满足最低要求的叫第一范式，简称1NF。在第一范式基础上进一步满足一些要求的为第二范式，简称2NF。其余依此类推。
  • 想学工作流怎么入手 atongyeye jbpm
    工作流在工作中变得越来越重要，很多朋友想学工作流却不知如何入手。 很多朋友习惯性的这看一点，那了解一点，既不系统，也容易半途而废。好比学武功，最好的办法是有一本武功秘籍。研究明白，则犹如打通任督二脉。 系统学习工作流，很重要的一本书《JBPM工作流开发指南》。 本人苦苦学习两个月，基本上可以解决大部分流程问题。整理一下学习思路，有兴趣的朋友可以参考下。 1  首先要
  • Context和SQLiteOpenHelper创建数据库 百合不是茶 androidContext创建数据库
           一直以为安卓数据库的创建就是使用SQLiteOpenHelper创建,但是最近在android的一本书上看到了Context也可以创建数据库,下面我们一起分析这两种方式创建数据库的方式和区别,重点在SQLiteOpenHelper     一:SQLiteOpenHelper创建数据库:   1,SQLi
  • 浅谈group by和distinct bijian1013 oracle数据库group bydistinct
            group by和distinct只了去重意义一样，但是group by应用范围更广泛些，如分组汇总或者从聚合函数里筛选数据等。         譬如：统计每id数并且只显示数大于3 select id ,count(id) from ta
  • vi opertion 征客丶 macoprationvi
    进入 command mode （命令行模式） 按 esc 键 再按 shift + 冒号 注：以下命令中 带 $ 【在命令行模式下进行】，不带 $ 【在非命令行模式下进行】 一、文件操作 1.1、强制退出不保存 $ q! 1.2、保存 $ w 1.3、保存并退出 $ wq 1.4、刷新或重新加载已打开的文件 $ e 二、光标移动 2.1、跳到指定行 数字
  • 【Spark十四】深入Spark RDD第三部分RDD基本API bit1129 spark
      对于K/V类型的RDD,如下操作是什么含义？   val rdd = sc.parallelize(List(("A",3),("C",6),("A",1),("B",5)) rdd.reduceByKey(_+_).collect  reduceByKey在这里的操作，是把
  • java类加载机制 BlueSkator java虚拟机
    java类加载机制 1.java类加载器的树状结构 引导类加载器 ^ | 扩展类加载器 ^ | 系统类加载器 java使用代理模式来完成类加载，java的类加载器也有类似于继承的关系，引导类是最顶层的加载器，它是所有类的根加载器，它负责加载java核心库。当一个类加载器接到装载类到虚拟机的请求时，通常会代理给父类加载器，若已经是根加载器了，就自己完成加载。 虚拟机区分一个Cla
  • 动态添加文本框 BreakingBad 文本框
      <script>     var num=1; function AddInput() {      var str="";     str+="<input 
  • 读《研磨设计模式》-代码笔记-单例模式 bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ public class Singleton { } /* * 懒汉模式。注意，getInstance如果在多线程环境中调用，需要加上synchronized，否则存在线程不安全问题 */ class LazySingleton
  • iOS应用打包发布常见问题 chenhbc iosiOS发布iOS上传iOS打包
    这个月公司安排我一个人做iOS客户端开发，由于急着用，我先发布一个版本，由于第一次发布iOS应用，期间出了不少问题，记录于此。   1、使用Application Loader 发布时报错：Communication error.please use diagnostic mode to check connectivity.you need to have outbound acc
  • 工作流复杂拓扑结构处理新思路 comsci 设计模式工作算法企业应用OO
    我们走的设计路线和国外的产品不太一样，不一样在哪里呢？  国外的流程的设计思路是通过事先定义一整套规则(类似XPDL)来约束和控制流程图的复杂度(我对国外的产品了解不够多，仅仅是在有限的了解程度上面提出这样的看法)，从而避免在流程引擎中处理这些复杂的图的问题，而我们却没有通过事先定义这样的复杂的规则来约束和降低用户自定义流程图的灵活性，这样一来，在引擎和流程流转控制这一个层面就会遇到很
  • oracle 11g新特性Flashback data archive daizj oracle
    1. 什么是flashback data archive Flashback data archive是oracle 11g中引入的一个新特性。Flashback archive是一个新的数据库对象，用于存储一个或多表的历史数据。Flashback archive是一个逻辑对象，概念上类似于表空间。实际上flashback archive可以看作是存储一个或多个表的所有事务变化的逻辑空间。
  • 多叉树:2-3-4树 dieslrae 树
        平衡树多叉树,每个节点最多有4个子节点和3个数据项,2,3,4的含义是指一个节点可能含有的子节点的个数,效率比红黑树稍差.一般不允许出现重复关键字值.2-3-4树有以下特征:     1、有一个数据项的节点总是有2个子节点(称为2-节点)     2、有两个数据项的节点总是有3个子节点(称为3-节
  • C语言学习七动态分配 malloc的使用 dcj3sjt126com clanguagemalloc
    /* 2013年3月15日15:16:24 malloc 就memory(内存) allocate(分配)的缩写 本程序没有实际含义，只是理解使用 */ # include <stdio.h> # include <malloc.h> int main(void) { int i = 5; //分配了4个字节 静态分配 int * p
  • Objective-C编码规范[译] dcj3sjt126com 代码规范
      原文链接 : The official raywenderlich.com Objective-C style guide 原文作者 : raywenderlich.com Team 译文出自 : raywenderlich.com Objective-C编码规范 译者 : Sam Lau
  • 0.性能优化-目录 frank1234 性能优化
    从今天开始笔者陆续发表一些性能测试相关的文章，主要是对自己前段时间学习的总结，由于水平有限，性能测试领域很深，本人理解的也比较浅，欢迎各位大咖批评指正。 主要内容包括： 一、性能测试指标 吞吐量、TPS、响应时间、负载、可扩展性、PV、思考时间 http://frank1234.iteye.com/blog/2180305 二、性能测试策略 生产环境相同 基准测试 预热等 htt
  • Java父类取得子类传递的泛型参数Class类型 happyqing java泛型父类子类Class
      import java.lang.reflect.ParameterizedType; import java.lang.reflect.Type; import org.junit.Test; abstract class BaseDao<T> { public void getType() { //Class<E> clazz =
  • 跟我学SpringMVC目录汇总贴、PDF下载、源码下载 jinnianshilongnian springMVC
      ----广告-------------------------------------------------------------- 网站核心商详页开发 掌握Java技术，掌握并发/异步工具使用，熟悉spring、ibatis框架； 掌握数据库技术，表设计和索引优化，分库分表/读写分离； 了解缓存技术，熟练使用如Redis/Memcached等主流技术； 了解Ngin
  • the HTTP rewrite module requires the PCRE library 流浪鱼 rewrite
    ./configure: error: the HTTP rewrite module requires the PCRE library. 模块依赖性Nginx需要依赖下面3个包 1. gzip 模块需要 zlib 库 ( 下载: http://www.zlib.net/ ) 2. rewrite 模块需要 pcre 库 ( 下载: http://www.pcre.org/ ) 3. s
  • 第12章 Ajax（中） onestopweb Ajax
    index.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/
  • Optimize query with Query Stripping in Web Intelligence blueoxygen BO
    http://wiki.sdn.sap.com/wiki/display/BOBJ/Optimize+query+with+Query+Stripping+in+Web+Intelligence and a very straightfoward video http://www.sdn.sap.com/irj/scn/events?rid=/library/uuid/40ec3a0c-936
  • Java开发者写SQL时常犯的10个错误 tomcat_oracle javasql
    1、不用PreparedStatements 　　有意思的是，在JDBC出现了许多年后的今天，这个错误依然出现在博客、论坛和邮件列表中，即便要记住和理解它是一件很简单的事。开发者不使用PreparedStatements的原因可能有如下几个： 　　他们对PreparedStatements不了解 　　他们认为使用PreparedStatements太慢了 　　他们认为写Prepar
  • 世纪互联与结盟有感 阿尔萨斯
    10月10日，世纪互联与（Foxcon）签约成立合资公司，有感。 全球电子制造业巨头（全球500强企业）与世纪互联共同看好IDC、云计算等业务在中国的增长空间，双方迅速果断出手，在资本层面上达成合作，此举体现了全球电子制造业巨头对世纪互联IDC业务的欣赏与信任，另一方面反映出世纪互联目前良好的运营状况与广阔的发展前景。 众所周知，精于电子产品制造（世界第一），对于世纪互联而言，能够与结盟
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他