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>

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

  • 【Material-UI】Lists组件中的Customization功能详解 Peter-Lu #material-uiuilistjavascriptMaterial-UI前端
    文章目录一、Lists组件概述1.组件介绍2.Customization的意义二、Lists组件的Customization方法1.使用主题（Theme）定制化组件2.通过`styled`API定制化组件3.样式覆盖（Overrides）三、使用案例：打造一个定制化的导航菜单四、总结在现代Web开发中，UI的定制化需求越来越高。Material-UI作为React生态系统中的顶级UI框架，提供了丰
  • Vue2 - 详细实现解析富文本内容生成侧边栏Toc目录索引，识别富文本内容根据标题h1~h6自动生成文章目录，点击目录导航时跳转到文章内容对应的锚点位置带过渡动画，鼠标滚动内容滑过锚点时高亮对应标题 王佳斌 +Vuevue2.jsnuxt2.js根据富文本内容自动生成目录方法根据h标签标题做侧边栏导航目录vue读取富文本中的h1标题博客文章资讯新闻文章富文本富文本和目录相互联动高亮菜单
    前言如果您需要Vue3版本，请访问这篇文章。在vue2|nuxt2项目开发中，详解实现“解析识别富文本内容，并在侧边栏动态生成文章目录”，对富文本内的h1~h6标题进行读取分析（可自定义要读取的标签，支持多级标题嵌套渲染），然后在指定位置生成渲染富文本对应的文章锚点目录TOC，点击目录导航菜单时会跳转到文章内容对应的标题锚点位置并且有过渡跳转动画，另外用户浏览富文本滚动经过标题锚点时右侧目录会自动
  • 响应式Web设计：纯HTML和CSS的实现技巧-2 Dingdangr 前端htmlcss
    0px){body{font-size:16px;}}@media(min-width:1201px){body{font-size:18px;}}###6.响应式导航菜单导航菜单是网站中非常重要的一部分，特别是在移动设备上，传统的水平导航菜单可能会占用太多空间，导致页面内容被压缩或遮挡。因此，创建一个响应式的导航菜单对于提升用户体验至关重要。你可以使用媒体查询和CSS来控制导航菜单的显示方式，如
  • 【前端 VUE】vue Elemente-UI 管理后台自定义 导航菜单栏 悟空_大师兄_ vuevue
    记录管理后台侧边导航栏做成通用小组件借助Elemente-UI：侧边栏容器：导航菜单创建父组件页面aside.vue*（default-active为当前激活菜单的index，（设置为当前的路由名称this.$route.fullPath）@select事件为菜单选择触发的事件借助跳转路由并设置default-active的值）importNavMenufrom'@/components/NavM
  • python自动化测试脚本实操 单叼红中 测试用例python
    '''=====================测试woniusales进销存系统的部分功能==============================需求1（10分）：正确账号可以登录系统登录后跳转页面导航菜单右侧出现一个注销链接需求2（20分）：导航栏中每个菜单可以正确打开对应的页面,点击菜单名，打开对应的页面的URL地址正确，页面标题正确如：点击“商品入库”页面URL为http://loca
  • CSS二级导航菜单的实现 魅美 笔记htmlcss
    用CSS实现二级导航菜单效果如下HTML代码CSS二级导航菜单一级菜单1一级菜单2二级菜单1二级菜单2二级菜单3二级菜单4二级菜单5二级菜单6一级菜单3二级菜单1二级菜单2二级菜单3二级菜单4二级菜单5二级菜单6一级菜单4二级菜单1二级菜单2二级菜单3二级菜单4二级菜单5二级菜单6一级菜单5CSS代码*{margin:0;padding:0;}body{width:100vm;background
  • HTML-介绍-MDN文档学习笔记 LoveEmiliaForever MDN前端入门文档html学习笔记前端
    HTML-介绍查看更多学习笔记：GitHub：LoveEmiliaForeverMDN中文官网HTML-简介MDN文档引用：就其核心而言，HTML是一种相当简单的、由不同元素组成的标记语言，它可以被应用于文本片段，使文本在文档中具有不同的含义（它是段落吗？它是项目列表吗？它是表格吗？），将文档结构化为逻辑块（文档是否有头部？有三列内容？有一个导航菜单？），并且可以将图片，影像等内容嵌入到页面中。H
  • 进入详情页，隐藏底部导航菜单 小刘先生很努力 vue.js前端javascript
    有次在写app项目时，后来客户加了个要求就是点击进入详情页的时候底部的导航栏隐藏掉，不在显示，然后就看下边操作吧。我们首先在index.js路由文件中配置我们的页面路由{path：'/detail/:id',name:'Detail',component:()=>import('../views/Detail.vue'),meta:{hideNav:true,//是否隐藏底部导航}}然后我们在Ap
  • 分享88个CSS3特效，总有一款适合您 记忆的小河 css3前端css
    分享88个CSS3特效，总有一款适合您88个CSS3特效下载链接：https://pan.baidu.com/s/1pDAyFESnO8HSnCZj4-DOzQ?pwd=8888提取码：8888Python采集代码下载链接：采集代码.zip-蓝奏云学习知识费力气，收集整理更不易。知识付费甚欢喜，为咱码农谋福利。CSS3气泡动画文字导航菜单代码CSS3可拖动动画人物关系图代码CSS文字组合成心形动画
  • JS特效第131弹：jQuery响应式下拉导航菜单插件megamenu 马coder javascript前端开发语言
    jQuery响应式下拉导航菜单插件megamenu，先来看看效果：一部分关键的代码如下：jQuery响应式下拉导航菜单插件megamenuHomeAboutSchoolLidershipHistoryLocationsCareersStudyUndergraduateMastersInternationalOnlineResearchUndergraduateresearchMastersrese
  • JS特效第134弹：jQuery响应式全屏背景图片导航菜单特效 马coder javascript开发语言ecmascript
    jQuery响应式全屏背景图片导航菜单特效，先来看看效果：一部分关键的代码如下：jQuery响应式全屏背景图片导航菜单特效主页jQuery从1.4-2.1版本下载适用浏览器：360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.不支持IE8及以下浏览器。内容leanModal.js轻巧的弹出层插件设置wysiwyg微小的Bootstrap富文本编辑器bootstra
  • Vue 前置导航 还是大剑师兰特 #vue2常用示例500+vue.js前端
    Vue前置导航（VueFrontNavigation）是一种在Vue.js框架中实现导航功能的常见方式。它通常用于构建单页应用程序（SinglePageApplication），通过在页面顶部或侧边栏显示导航菜单，使用户能够轻松切换到不同的页面或功能模块。以下是一个简单的Vue前置导航示例，包括代码和解释：首先，创建一个Vue项目或在现有项目中添加Vue组件。假设我们有一个名为Navbar.vue
  • 《CSS 简易速速上手小册》第2章：CSS 布局与定位（2024 最新版） 江帅帅 《CSS简易速速上手小册》css前端人工智能数据分析数据挖掘web3网页
    文章目录2.1Flexbox：灵活的布局解决方案2.1.1基础知识2.1.2重点案例：创建一个响应式导航菜单2.1.3拓展案例1：卡片布局2.1.4拓展案例2：中心对齐的登录表单2.2Grid布局：网格系统的魔力2.2.1基础知识2.2.2重点案例：创建一个新闻网站的布局2.2.3拓展案例1：画廊布局2.2.4拓展案例2：个人博客的文章布局2.3定位技巧：Static、Relative、Absol
  • （十三）c#Winform自定义控件-导航菜单 kwwwvagaa 自定义控件c#winform自定义控件
    （十三）c#Winform自定义控件-导航菜单前提入行已经7,8年了，一直想做一套漂亮点的自定义控件，于是就有了本系列文章。GitHub：https://github.com/kwwwvagaa/NetWinformControl码云：https://gitee.com/kwwwvagaa/net_winform_custom_control.git如果觉得写的还行，请点个star支持一下吧欢迎前
  • 学习之旅10------掌握jQuery：实用应用案例深度解析 theskylife Javascript总结学习jquery前端
    目录写在开头1.jQuery基础知识回顾1.1.选择器1.2.事件1.3.效果1.4.DOM操作1.5.AJAX2.实用应用案例分析2.1.动态内容加载2.2.表单验证2.3.图像滑动门效果2.4.创建动态导航菜单3.高级技巧与最佳实践3.1.优化jQuery代码的性能3.2.jQuery插件的使用和自定义3.3.jQuery在移动开发中的应用写在最后参考资料写在开头jQuery，作为一种轻量级的
  • 浮木云随笔小记（2）--静态界面搭建 原型设计git页面布局
    上次简单记录了浮木云的基本知识，本次我将按照自己掌握的基础知识搭建静态页面。1、创建应用我先根据模版中心的订单管理系统搭建一个简单的Web静态页面，是关于订单管理的页面。因为不涉及其他页面，所以子应用可以直接略过。2、导航配置接下来给自己所创建的应用配置一个导航菜单，导航菜单我就配置一个侧边导航。选择侧边导航，同时对导航的顶部高度、侧边宽度和导航主题进行配置。在子应用配置中将原有的logo图片去掉
  • 《CSS 简易速速上手小册》第5章：CSS 动画与过渡（2024 最新版） 江帅帅 《CSS简易速速上手小册》css前端网络安全数据分析htmljavascriptweb3
    文章目录5.1CSS过渡基础：网页的微妙舞步5.1.1基础知识5.1.2重点案例：按钮悬停效果5.1.3拓展案例1：渐变显示导航菜单5.1.4拓展案例2：动态调整元素大小5.2关键帧动画：编排你的网页芭蕾5.2.1基础知识5.2.2重点案例：呼吸效果的背景色变化5.2.3拓展案例1：滚动显示的文字5.2.4拓展案例2：旋转进入的图标5.3实用动画案例分析：优雅地迈出每一步5.3.1基础知识5.3.
  • 《CSS 简易速速上手小册》第1章：CSS 基础入门（2024 最新版） 江帅帅 《CSS简易速速上手小册》csshtmljavascript动画web3网站前端
    文章目录1.1CSS语法和选择器：挑选你的画笔1.1.1基础知识1.1.2重点案例：创建一个响应式导航菜单1.1.3拓展案例1：为特定链接添加图标1.1.4拓展案例2：创建一个简单的问答折叠面板1.2盒模型的基础：构建你的乐高城堡1.2.1基础知识1.2.2重点案例：创建一个卡片布局1.2.3拓展案例1：垂直居中一个元素1.2.4拓展案例2：创建带有内边距和外边距的流式布局1.3级联、继承和特异性
  • 百度统计的token值和站点ID怎么获取？附图文教程 boke112百科 综合其他百度
    我们在使用百度统计API调用站点在百度统计的数据等操作时，需要输入我们在百度统计中的token值和站点ID，那么这两个值在百度统计哪里可以获取到？1、开通百度统计数据导出服务并获取Token值1.1开通数据导出服务：打开百度统计官网并登录>>点击顶端导航菜单“管理”>>点击左侧导航菜单“其他设置>数据导出服务”>>勾选“我已经阅读并同意《API服务系统保密协议》”并点击【立即开通】按钮。1.2获取
  • Vue - Vue3 封装组件(更新中...) 青柠t 笔记前端
    组件目录1、穿梭框DataTransfer2、按钮组3、顶部导航菜单4、弹窗组件5、特色按钮5、PDFWordExcel预览插件6、编辑器1、穿梭框DataTransfer示例应用示例组件代码import{ArrowLeft,ArrowRight,Search}from"@element-plus/icons-vue";import{computed,getCurrentInstance,onMo
  • Vue3中使用element-plus菜单折叠后文字不消失 浮生若梦777 vue.js前端elementui
    今天使用element-plus中国的导航菜单时，发现菜单栏折叠起来时文字不会自动消失，因为element-plus中内置了菜单折叠文字自动消失的，使用collapse=true/false即可，但在实际使用中出现了一下问题：折叠以后文字并没有消失，查资料说是el-menu子标签中不能含有div，但是排查了后也没有使用div，最后发现是因为我的一级导航没有包裹到标签中，因为是直接使用了一个简易的非
  • Bootstrap5 导航组件和面包屑 记忆的小河 前端
    Bootstrap5导航组件和面包屑Bootstrap5提供了一种简单快捷的方法来创建基本导航，它提供了非常灵活和优雅的选项卡和Pills等组件。Bootstrap5的所有导航组件，包括选项卡和Pills，都通过基本的.nav类共享相同的基本标记和样式。使用Bootstrap5创建基本导航我们可以使用Bootstrap5的.nav类来创建一个基本的导航菜单，如下所示：主页工具题库教程图例面包屑面包
  • 解决“使用Edge浏览器每次鼠标点击会出现一个黑色边框”的问题 coffee_baba 软件配置edge
    目录一问题描述二解决方案三方案来源四参考资料&AI工具一问题描述为了方便进行收藏夹同步，开始从Chrome浏览器切换到Edge浏览器。在使用Edge浏览器过程中发现“每次鼠标点击会出现一个黑色边框”（效果如下图所示），这对于有强迫症的人来说实在无法忍受。二解决方案调整浏览器设置：打开Edge浏览器。点击右上角的三个点（...）打开菜单。选择“设置”。在左侧导航菜单中找到并点击“辅助功能”（可能需要
  • Bootstrap5 导航组件和面包屑 灬沙海灬 前端
    Bootstrap5导航组件和面包屑Bootstrap5提供了一种简单快捷的方法来创建基本导航，它提供了非常灵活和优雅的选项卡和Pills等组件。Bootstrap5的所有导航组件，包括选项卡和Pills，都通过基本的.nav类共享相同的基本标记和样式。使用Bootstrap5创建基本导航我们可以使用Bootstrap5的.nav类来创建一个基本的导航菜单，如下所示：主页工具题库教程图例面包屑面包
  • uL的list的几种变化（使用CSS布局） ling_78 网站布局csslistfloathtml
    一般使用ul就是用来做列表，这样ul的用途很少，而且做列表使用表格加图片装饰应该比ul来的更好看，使用了CSS以后，ul就有了很多变化，可以变成多个按钮，导航菜单等，也能改变原来只能竖着排列的方式。原来的ul使用起来就是这样的效果，ItemoneItemtwoItemthree总结了一点变化，一种是采用float的方式，变成横排的方式，另外一种是用css的属性来控制1、采用css的属性是这样的。I
  • Bootstrap5 导航组件和面包屑 自动化新人 前端
    Bootstrap5导航组件和面包屑Bootstrap5提供了一种简单快捷的方法来创建基本导航，它提供了非常灵活和优雅的选项卡和Pills等组件。Bootstrap5的所有导航组件，包括选项卡和Pills，都通过基本的.nav类共享相同的基本标记和样式。使用Bootstrap5创建基本导航我们可以使用Bootstrap5的.nav类来创建一个基本的导航菜单，如下所示：主页工具题库教程图例面包屑面包
  • CSS Transition 的实际应用场景有哪些？ 清水白石008 cssjavascript正则表达式
    CSSTransition的实际应用场景有哪些？CSSTransition（过渡效果）在实际应用场景中非常广泛，可以用于各种网页设计和交互效果的实现。以下是一些常见的实际应用场景：1.导航菜单：通过CSSTransition，可以将菜单项的子菜单在鼠标悬停时平滑展开，提供更好的用户体验。以下是一个简单的示例代码：html代码HomeAboutMissionVisionContactcss代码.me
  • Flutter学习第六天：Flutter如何实现顶部导航，底部导航菜单，侧拉栏菜单等功能？ android小白星
    1.顶部导航代码如下：import'package:flutter/material.dart';voidmain(){runApp(MaterialApp(home:TabbedAppBarSample(),));}classTabbedAppBarSampleextendsStatefulWidget{@override_TabbedAppBarSampleStatecreateState()
  • 看似简单的一页式网站，该如何设计 和叶香草邦
    随着移动端和社交媒体的兴起，简单直观、响应迅速的一页式网站受到不少设计师和用户的青睐。不过，一页式网站虽然看上去很简单，但创建起来却远没有想象中那么容易。今天和叶网络建站通就带来了一些设计技巧和范例，希望能给大家帮助。什么是一页式网站？一页式网站，顾名思义，是指只使用一个HTML页面的网站。也就是说，所有的信息内容都放在这一个页面上，点击导航菜单项（比如”关于’、”联系我们”）即到达这个页面的不同
  • Flutter第七章（Drawer 侧边栏，UserAccountsDrawerHeader，DrawerHeader以及案例 ） 一巴掌拍出两坨脂肪
    版权声明：本文为作者原创书籍。转载请注明作者和出处，未经授权，严禁私自转载，侵权必究！！！情感语录：情不自禁念出的那个名字，梦里经常出现的那个她还在你的身边吗？无论在与不在都要学会懂得更加珍惜！欢迎来到本章节，上一章节我们讲了底部导航菜单和顶部导航菜单场景的使用，知识点回顾戳这里Flutter基础第六章本章节将讲解另一个场景：左右侧边栏，侧边栏的使用场景还是非常多的，比如：QQ，京东等。本章知识点
  • 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其他