sl514
sl514

绝对酷的黑色风格二级导航菜单




<!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>
<meta http-equiv="content-type" content="application/xhtml+xml; charset=gb2312" />
<title>css+js导航菜单</title>
<style type="text/css">
<!--
*{ margin:0; padding:0;}
img{ border:0; }
body{font:12px/130% verdana,geneva,arial,helvetica,sans-serif,宋体;}li{list-style:none;}
.clearfix:after{content:"&nbsp;";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 { height:59px;background:#474747 url(http://www.codefans.net/jscss/demoimg/200905/sub_menu_bg.jpg) 0 34px repeat-x; width:969px;}
.menu ul{ margin:0; padding:0; }
.menu ul li{ float:left; height:33px; position:relative;}
.menu ul li a{cursor:pointer;border-top: #666 1px solid;padding:0 20px;float: left;color: #989898;line-height: 33px;margin-right: 2px;height: 33px;text-align: center;background: #363636;}
.menu ul li a:link{ color:#989898; text-decoration:none; }
.menu ul li a:visited{ color:#989898; text-decoration:none; }
.menu ul li a:hover{ color:#fff; border-top: #999 1px solid; background:#363636 url(http://www.codefans.net/jscss/demoimg/200905/cx_menu_hover.jpg) center bottom no-repeat ; }
.menu ul li div{ position: absolute; width:600px; left:10px;; top:34px;height:25px; display:none;}
.menu ul li div a{ float:none; display:inline; padding:0 10px;margin-right: 8px; background:none; border:none; line-height: 24px;}
.menu ul li div a:link,.menu ul li div a:visited{color:#444;}
.menu ul li div a:hover{  background:none; border:none;color:#000; text-decoration:underline;}
.menu ul .block div{ display:block;}
.menu a:hover.mbtn1,.menu .mbtn1ok,.menu mbtn1{ border-top: #ff8c00 1px solid; }
.menu a:hover.mbtn2,.menu .mbtn2{ border-top: #c71585 1px solid; }
.menu a:hover.mbtn3,.menu .mbtn3{ border-top: #66cdaa 1px solid; }
.menu a:hover.mbtn4,.menu .mbtn4{ border-top: #9acd32 1px solid; }
.menu a:hover.mbtn5,.menu .mbtn5{ border-top: #1e90ff 1px solid; }
-->
</style>
</head>
<body>
<div id="menu" class="menu">
<ul>
<li><a id="mbtn1" class="mbtn1ok" href="http://www.codefans.net/">首 页</a></li>
<li><a id="mbtn2" href="">源码下载</a>
<div><a href="/other/lastupdate.shtml">最新更新</a> <a href="/other/top100.shtml">下载排行</a> <a href="/sort/index.shtml">源码分类</a></div>
</li>
<li><a id="mbtn3" href="">ASP</a>
<div><a href="/sort/list_1_87_1.shtml">AJAX</a> <a href="/sort/list_1_11_1.shtml">聊天留言</a> <a href="/sort/list_1_29_1.shtml">CMS系统</a></div>
</li>
<li><a id="mbtn4" href="">PHP</a>
<div><a href="/sort/list_2_35_1.shtml">企业建站</a> <a href="/sort/list_2_185_1.shtml">AJAX相关</a></div>
</li>
<li><a id="mbtn5" href="">电子书籍</a>
<div><a href="">ASP书籍</a> <a href="">PHP书籍</a> <a href="">AJAX书籍</a></div>
</li>
<li><a href="/jscss/">网页特效</a></li>
<li><a href="/service/ad.shtml">广告服务</a></li>
<li><a href="/guestbook/">网站留言</a></li>
<li><a href="/service/links.shtml">友情链接</a></li>
<li><a href="/sort/list_6_1.shtml">工具软件</a></li>
<li><a href="">English</a></li>
</ul>
</div>
<script type="text/javascript">
var menu = document.getElementById("menu");
var lis = menu.getElementsByTagName("li");
var las = menu.getElementsByTagName("a");
for(var i = 0; i < 6; i++)
{
  lis[i].num = i;
  lis[i].onmouseover = show;
}
function show()
{
var lias = lis[this.num].getElementsByTagName("a");
for(var i = 0; i < lis.length; i++)
{
lis[i].className = ""
}
for(var i = 0; i < las.length; i++)
{
las[i].className = ""
}
lis[this.num].className = "block";
lias[0].className = lias[0].id 
}
</script>
</body>
</html>

你可能感兴趣的:(导航菜单)

  • 【自动化测试】web前端组件测试范围梳理 阿槿吃糖 前端自动化测试前端
    测试组件范围划分按钮文字链接单选框多选框输入框计数器选择器级联选择器开关日期选择器上传分页弹窗导航菜单表格富文本编辑器前端组件测试范围梳理-png
  • 重学前端008 --- 响应式网页设计 CSS 无障碍 Quiz
    文章目录meta总结html页面结构img尺寸子选择器>a锚点仅屏幕阅读器可见li元素的悬停设置小屏幕防止溢出meta总结html页面结构H1Titleheader元素将用于介绍页面，以及提供导航菜单。main元素将包含页面的核心内容。img尺寸img当前是默认尺寸，这个尺寸太大。CSS提供了一个max函数，它返回一组由逗号分隔的值中最大的值。例如：img{width:max(250px,25vw
  • Vue3递归组件详解：构建动态树形结构的终极方案 编程随想▿ Vue3vue.js前端javascript前端框架
    目录一、什么是递归组件？二、Vue3递归组件实现步骤1.基础实现2.关键点解析三、动态数据实战：渲染树形菜单四、Vue3递归组件的核心注意事项五、高级技巧：异步递归组件六、常见问题排查结语一、什么是递归组件？递归组件是指在组件内部调用自身的特殊组件。它适用于处理嵌套树形数据结构的场景，例如：文件目录系统多级导航菜单组织架构图嵌套评论列表在Vue3中，递归组件通过name属性标识自身，实现模板自引用
  • 实现顶部固定与平滑滑动二级菜单的网页导航设计
    本文还有配套的精品资源，点击获取简介：现代网页设计中，高效的导航菜单对用户体验至关重要。本设计涵盖固定在顶部的导航栏和二级菜单项的平滑滑动效果。通过CSS实现导航栏的固定定位，而JavaScript则负责二级菜单的平滑过渡动画。包含的文件如HTML结构、JavaScript交互逻辑、CSS样式和可能的图像资源，共同构建了这种流行的导航菜单布局。1.顶部固定、二级栏目之间相互滑动的导航菜单在现代网页
  • 【Tailwind CSS】font-light 和 my-4 的样式详解 Peter-Lu #Tailwindcss前端react.jsjavascripttypescript
    文章目录一、`font-light`与字体粗细的控制1.`font-light`的作用2.`font-weight`的等级划分3.使用示例二、`my-4`与垂直外边距的控制1.`my-4`的作用2.Tailwind的边距控制系统3.使用示例三、`font-light`和`my-4`的实际应用场景1.用于标题和描述文本的排版2.用于卡片组件的内容分隔3.用于导航菜单的轻量提示四、设计风格的提升：使用
  • SpringBoot+MySQL旅游资源管理系统Java源码 幽络源小助理 springbootvue.js后端springjava
    概述基于SpringBoot+MySQL开发的旅游资源管理系统完整源码，该系统功能完善，包含从景点管理到路线推荐的全流程解决方案，采用主流技术栈开发，代码规范易于二次开发，是学习SpringBoot项目实战的优秀范例。主要内容前台功能展示系统前台设计简洁实用，主要包含以下核心功能模块：导航菜单：首页、在线留言、公告消息、景点资讯、景点信息、酒店信息、个人中心搜索功能：支持关键词搜索旅游景点和酒店信
  • 鸿蒙容器组件 Row 全解析：水平布局技术与多端适配指南 谢道韫689 鸿蒙自定义组件harmonyos华为
    一、引言：Row组件——水平布局的核心引擎在鸿蒙全场景应用开发中，Row容器组件作为水平布局的标准载体，通过声明式语法实现子组件的有序水平排列。作为线性布局体系的重要组成部分，其简洁的属性体系与强大的适配能力，完美覆盖导航菜单、按钮组、图文混排等高频水平布局场景。本文将从基础原理到工程实践，系统解析Row组件的核心能力与实战技巧，帮助开发者构建高效、灵活的水平界面体系。二、Row组件核心架构与基础
  • Android BottomNavigationView背景透明化指南 t0_54coder 编程问题解决手册android个人开发
    在Android开发中，BottomNavigationView是一个非常常用的组件，用于在底部显示导航菜单。然而，默认情况下，这个组件带有一个背景色，可能是紫色或者其他颜色，这有时并不符合我们的设计需求。今天，我们将探讨如何将BottomNavigationView的背景设置为透明，并结合实际例子进行说明。背景介绍首先，让我们看一下当前的BottomNavigationView设置：
  • 【CSS-12】掌握CSS列表样式：从基础到高级技巧 AllenBright #CSScss前端
    列表是网页设计中不可或缺的元素，无论是导航菜单、文章目录还是项目展示，都经常用到。CSS提供了丰富的列表样式控制选项，让我们能够创建美观、功能性的列表。本文将全面介绍CSS中的列表样式技术。1.HTML列表基础回顾在深入CSS之前，我们先快速回顾HTML中的两种基本列表类型：1.1无序列表()项目一项目二项目三1.2有序列表()第一步第二步第三步2.CSS列表样式核心属性2.1list-style
  • 基于江科大stm32屏幕驱动，实现OLED多级菜单（动画效果），结构体链表实现(独创源码) 一月千帆 STM32stm32嵌入式硬件单片机
    引言在嵌入式系统中，用户界面的设计往往直接影响到用户体验。本文将以STM32微控制器和OLED显示屏为例，介绍如何实现一个多级菜单系统。该系统支持用户通过按键导航菜单，执行相应操作，并提供平滑的滚动动画效果。本文设计了一个嵌入式多级菜单系统，采用三级层级结构（主菜单→二级菜单→三级菜单），通过全局状态变量管理当前层级、选中项索引和导航路径。系统核心功能包括带平滑滚动动画的菜单渲染、支持层级缩进的视
  • 响应式布局进阶：企业商城系统复杂交互页面的多端适配方案 万米商云 交互
    在电商领域，复杂的交互页面（如商品详情页、购物车页、活动会场页）需要同时承载多层级信息展示、动态交互与多端适配需求。传统的响应式方案往往通过简单的媒体查询（MediaQueries）调整布局，但在面对商城页面中动态商品卡片、悬浮购物车侧边栏、多级导航菜单等复杂组件时，单一的断点适配难以满足流畅的用户体验。本文将探讨基于CSSGrid/Flex+媒体查询的动态布局设计，实现商城复杂页面的多端自适应与
  • html和css画梯形背景,CSS-实战-梯形背景导航 日化渠道解决方案 html和css画梯形背景
    1、实现效果梯形背景图导航，如下图。由于导航条文字多少不固定，因此面临的挑战是，当文字内容增加时，中间的背景宽度自动拉伸。CSS3的出现实现这样的效果相对变的容易，本文使用背景图定位的知识，加上CSS其他知识。介绍CSS2实现这样效果的一种思路。梯形背景导航2、总体实现思路(1)准备背景图注意图片，一定是透明背景格式的，可以另存为下图。透明背景图(2)创建A标签嵌套B标签的导航菜单测试(3)设置A
  • AI 极客低代码平台快速上手 -- 生成鸿蒙代码 前端后端程序员
    1.配置App主导航菜单：在生成纯血鸿蒙App项目之前，我们需要为该App配置MainTab菜单。点击页面设计模块下的“会员菜单”，然后点击页面右上角的“新增导航模块”按钮。2.如下图所示，为该导航模块命名(英文名称、中文名称)，导航类型要选择“App主导航”，然后点击“保存信息”按钮：3.在导航模块预览界面，点击“新增菜单”图标：4.如下图所示，为主导航菜单增加菜单：5.用相同方法，为鸿蒙App
  • Axure跨页面交互：利用IFrame和JS实现父子页面菜单联动 招风的黑耳 Axureaxure交互javascript
    在Axure中使用内联框架（IFrame）进行父子页面间的通信是一个非常有效的技巧，尤其是在需要实现复杂交互逻辑时。通过JavaScript直接操作DOM元素，可以突破Axure基础元件的限制，实现更灵活的页面联动。以下是对你描述的场景的进一步解析和实现建议：实现步骤解析1.主页面设计结构：主页面包含头部栏、左侧导航菜单和一个内联框架（用于加载子页面）。交互：在内联框架的“载入时”事件中，定义一个
  • android横向滑动导航菜单,Android自定义横向滑动菜单的实现 医学科普联盟 android横向滑动导航菜单
    本文讲述了Android自定义横向滑动菜单的实现。分享给大家供大家参考，具体如下：前言开发安卓过程中，经常会用到标题栏的样式，有时候传统方式不能满足开发者的需要，这时候就需要自定义控件来实现。(注意：本文提供思路，有关键代码，但是代码不全)标题栏说明自定义标题栏ColumnHorizontalScrollView继承HorizontalScrollView这个安卓原生的控件，HorizontalS
  • BootStrap 效果展示 weixin_33778544 javascriptpythonViewUI
    2019独角兽企业重金招聘Python工程师标准>>>超酷Bootstrap3隐藏滑动侧边栏菜单最强大的手机侧栏移动优先的响应式侧边栏导航菜单界面设计手机端jQuery响应式菜单栏jQuery响应菜单插件PgwMenu转载于:https://my.oschina.net/zhugenqiang/blog/3020988
  • html 中怎么写二级导航,html二级菜单导航栏成品 小爽无敌 html中怎么写二级导航
    html高级二级导航菜单代码如下：#menu{width:600px;font-family:Arial;font-size:15px;}#menuul{display:block;width:100%;margin:0;position:relative;}#menuulli{list-style-type:none;float:left;height:25px;width:120px;line
  • 实现水平垂直居中的多种方法 前端小巷子 前端htmlcsshtml5面试
    在前端开发中，元素的居中是一个常见但又经常让人头疼的问题。本文将全面总结各种CSS居中方法，特别是如何实现一个div的水平垂直居中。为什么居中这么重要？居中布局是现代网页设计中最基础也最重要的布局方式之一。无论是导航菜单、登录框、还是各种卡片式设计，都需要用到居中技术。掌握各种居中方法可以帮助我们应对不同的布局需求。水平居中方法1.margin:0autodiv{width:200px;margi
  • 苹果cmsv10爱电影模板带后台MizhiADY重构优化版 TT模板 重构
    2025-04-01V2.0更新记录1、模板优化至爱电影官网，全后台版本,几乎所有前端功能均可后台设置2、新增-首页幻灯下分类导航菜单以及通知功能优化可均可后台控制数量3、新增-电脑端+手机端顶部导航后台控制，且可以设置图标4、新增-后台设置APP下载按钮5、新增-搜索历史下拉框和热门搜索推荐内容以及搜索空值时动画效果6、新增-手机端底部导航菜单功能方便用户迅速定位查询影片7、新增-站长推荐图标与
  • CSS 美化页面（四） 凌冰_ CSS3css前端
    一、浮动float属性‌属性值‌‌描述‌‌适用场景‌left元素向左浮动，腾出右侧空间供其他元素使用，其他内容会围绕在其右侧‌。横向排列元素（如导航菜单）、图文混排布局‌。right元素向右浮动，腾出左侧空间供其他元素使用，其他内容会围绕在其左侧‌。右侧悬浮按钮、图片右对齐的文本环绕效果‌。none默认值，元素不浮动，按正常文档流排列‌。取消已有浮动效果，恢复默认布局‌。inherit继承父元素的
  • vue要做权限管理该怎么做？如果控制到按钮级别的权限怎么做？ yousuotu 面试题vue.js前端javascript
    一、是什么权限是对特定资源的访问许可，所谓权限控制，也就是确保用户只能访问到被分配的资源而前端权限归根结底是请求的发起权，请求的发起可能有下面两种形式触发页面加载触发页面上的按钮点击触发总的来说，所有的请求发起都触发自前端路由或视图所以我们可以从这两方面入手，对触发权限的源头进行控制，最终要实现的目标是：路由方面，用户登录后只能看到自己有权访问的导航菜单，也只能访问自己有权访问的路由地址，否则将跳
  • PowerBI可视化报表设计 差点意思 powerbi
    一、结构与布局1.1、首页首页，也叫封面页，可以放置报表的标题、注释等内容。PowerBI全图型首页，用图片填充整个页面，视觉传达直观且强烈。PowerBI半图型首页，常见的有左右分割和上下分割，其中一部分放置图片，另一部分放置文案。1.2、内容页内容页，即放置数据的页面，其设计比首页设计要复杂的多，很多报表有多个内容页。内容页通常包含logo与标题、切片器、导航菜单、图表区、页脚等。logo与标
  • elementUI中的Nav meau yourana123 前端elementui
    在做项目中遇到一个需求，当用户处于某种状态时，点击导航菜单的某项，不能切换，并且弹出消息提示.例如，我在新建状态下，点击了其中一项，不能切换，并弹出消息提示，原来选中的一项没有改变。default-active表示默认选中的一项，无法动态实时的显示激活的那项。所以无法通过改变default-active，设置激活项。解决方案：由于导航菜单的每一项都是通过key绑定的index来的，每一次点击不同的
  • 关于vue+element ui 中的导航菜单问题 空心闲人 前端程序员
    关于vue+elementui中的导航菜单问题最近公司要开发一个vue项目，自己搭框架的时候用到了element，目标是实现一个顶部菜单以及侧边菜单栏。直接上代码。importcommonHeaderfrom"@/components/header"importleftContentfrom"@/components/leftContent"exportdefault{name:'layout',
  • vue element NavMenu 导航菜单 星光君 VuevueelemntNavMenu导航菜单
    今天给大家带来一个垂直的导航菜单：点击左边的菜单栏，右边也跟着变。上代码：这是.vue文件购物指南购物流程常见问题支付方式积分支付售后服务换货流程换货政策特色栏目高端专区关于我们联系我们意见建议上路由route/index.js{path:'/goodsList/Goods_Index',name:'Goods_Index',component:GoodsIndex,meta:{title:'商品
  • 前端面试题三 前端
    以下是一些前端面试题：一、HTML/CSS部分如何实现一个响应式的导航菜单，在移动设备上能够以汉堡菜单的形式展示？答案：使用CSS媒体查询来检测屏幕宽度。在HTML中，创建导航菜单结构，包含导航项和一个用于切换菜单显示的按钮（汉堡菜单图标）。在CSS中，对于较大屏幕（桌面端），正常显示导航菜单项，隐藏汉堡菜单按钮。当屏幕宽度小于某个阈值（如768px）时，隐藏导航菜单项，显示汉堡菜单按钮。通过Ja
  • 用CSS实现下拉菜单的多种方法 yezi1305 html(div+css)
    本文转自：http://www.51xuediannao.com/js/nav/ullidaohang.html用CSS实现下拉菜单的多种方法详细出处参考：http://www.jb51.net/article/5959.htmULLI结构实现二级导航菜单(HTML+CSS+JS)_懒人建站http://www.51xuediannao.com0?"":"")+"sfhover";}sfEls[i
  • 利用HTML和css技术编写学校官网页面 彭友圈101 css前端html
    目录一，图例展示二，代码说明1，html部分：【第一张图片】【第二张图片】【第三张图片】2，css部分：【第一张图片】【第二张图片】【第三张图片】三，程序代码一，图例展示二，代码说明1，html部分：【第一张图片】创建了一个基本的页面结构，包含header（顶部导航栏）和main（主横幅区域）。在header中，设置了学校logo、学校名称、主导航菜单以及用户相关选项（学生、教工等）。main区域
  • 【产品经理修炼之道】- 导航架构设计 xiaoli8748_软件开发 产品经理产品经理
    目录一、导航是什么二、导航的作用三、导航的分类四、导航菜单的广度与深度五、导航的颜色六、导航的形态七、导航的研究八、导航的设计九、导航改版案例分享总结每个网页的设计都需要包括导航，那么导航架构该如何设计？作者结合之前用户体验设计的相关经验给大家分享关于导航架构设计的思路，希望对你有所帮助。过完元宵佳节就正式进入新的一年了，告别与家人团聚的欢乐重新回归繁忙的工作生活中，今天结合之前用户体验设计的相关
  • 一个简单的自适应html5导航模板 很酷的站长 html5专题csscss3前端
    一个简单的HTML导航模板示例，它包含基本的导航栏结构，同时使用了CSS进行样式美化，让导航栏看起来更美观。另外，还添加了一些JavaScript代码，用于在移动端实现导航菜单的展开和收起功能。PHP网址导航模板body{font-family:Arial,sans-serif;margin:0;padding:0;background-color:#f4f4f4;}header{backgrou
  • 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其他