ini
ini

JS实现自适应宽度的Tag切换

效果体验：http://hovertree.com/texiao/js/3.htm

 

该效果使用纯JavaScript代码，实现TAB页切换效果，TAB标签根据内容自适应宽度，点击TAB标签切换内容页。


HTML文件代码：

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>JS实现自适应宽度的Tag切换 - HoverTree</title><base target="_blank" />
<style type="text/css">
#hovertreecon {
FONT-SIZE: 12px;
MARGIN: 0px auto;
WIDTH: 600px;
}

#hovertreecon a {font-size:14px;line-height:20px;
color:blue;text-decoration:none;}

#hovertreetags {
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
PADDING-BOTTOM: 0px;
MARGIN: 0px 0px 0px 10px;
WIDTH: 400px;
PADDING-TOP: 0px;
HEIGHT: 23px;
}

#hovertreetags LI {
BACKGROUND: url(http://hovertree.com/texiao/js/3/tagleft.gif) no-repeat left bottom;
FLOAT: left;
MARGIN-RIGHT: 1px;
LIST-STYLE-TYPE: none;
HEIGHT: 23px;
}

#hovertreetags LI A {
PADDING-RIGHT: 10px;
PADDING-LEFT: 10px;
BACKGROUND: url(http://hovertree.com/texiao/js/3/tagright.gif) no-repeat right bottom;
FLOAT: left;
PADDING-BOTTOM: 0px;
COLOR: #999;
LINE-HEIGHT: 23px;
PADDING-TOP: 0px;
HEIGHT: 23px;
TEXT-DECORATION: none;
}

#hovertreetags LI.emptyTag {
BACKGROUND: none transparent scroll repeat 0% 0%;
WIDTH: 4px;
}

#hovertreetags LI.hovertreeSelectTag {
BACKGROUND-POSITION: left top;
MARGIN-BOTTOM: -2px;
POSITION: relative;
HEIGHT: 25px;
}

#hovertreetags LI.hovertreeSelectTag A {
BACKGROUND-POSITION: right top;
COLOR: #000;
LINE-HEIGHT: 25px;
HEIGHT: 25px;
}

#hovertreeContent {
BORDER-RIGHT: #aecbd4 1px solid;
PADDING-RIGHT: 1px;
BORDER-TOP: #aecbd4 1px solid;
PADDING-LEFT: 1px;
PADDING-BOTTOM: 1px;
BORDER-LEFT: #aecbd4 1px solid;
PADDING-TOP: 1px;
BORDER-BOTTOM: #aecbd4 1px solid;
BACKGROUND-COLOR: #fff;
}

#hovertreeContent DIV.hovertreeSelectTag {
DISPLAY: block;
}

.hovertreeTagContent {
PADDING-RIGHT: 10px;
DISPLAY: none;
PADDING-LEFT: 10px;
BACKGROUND: url(http://hovertree.com/texiao/js/3/bg.gif) repeat-x;
PADDING-BOTTOM: 10px;
WIDTH: 576px;
COLOR: #474747;
PADDING-TOP: 10px;
HEIGHT: 250px;
}
</style>
</head>
<body>
<div id="hovertreecon">
<ul id="hovertreetags">
<li>
<a onclick="hovertreeSelectTag('hovertreeTagContent0',this)"
href="javascript:void(0)">标签一</a>
</li>
<li class="hovertreeSelectTag">
<a onclick="hovertreeSelectTag('hovertreeTagContent1',this)"
href="javascript:void(0)">标签二</a>
</li>
<li>
<a onclick="hovertreeSelectTag('hovertreeTagContent2',this)"
href="javascript:void(0)">自适应宽度的标签</a>
</li>
</ul>
<div id="hovertreeContent">
<div class="hovertreeTagContent" id="hovertreeTagContent0">第一个标签的内容<br />
<ul style="list-style:none;"><li><a href="http://hovertree.com/hvtart/bjae/nh0pk7kc.htm">网页顶部定时收起广告jQuery特效</a></li><li><a href="http://hovertree.com/hvtart/bjae/g71ha4qs.htm">简洁的HTML+CSS下拉菜单</a></li><li><a href="http://hovertree.com/hvtart/bjae/009i1gl6.htm">CSS带说明信息导航菜单</a></li><li><a href="http://hovertree.com/hvtart/bjae/5w5svpu4.htm">HoverTree带说明的CSS菜单</a></li><li><a href="http://hovertree.com/hvtart/bjae/f25wc8ik.htm">DIV和LI实现表格</a></li><li><a href="http://hovertree.com/hvtart/bjae/wucpcnjm.htm">JavaScript变换表格边框颜色</a></li><li><a href="http://hovertree.com/hvtart/bjae/ae553e2f1027d0ff.htm">使用jQuery改变链接的颜色</a></li><li><a href="http://hovertree.com/hvtart/bjae/74cc61ed089a2991.htm">jQuery图片列表鼠标经过遮罩显示文字</a></li><li><a href="http://hovertree.com/hvtart/bjae/48fa7b1b3162a7a4.htm">一个简单的移动端网页</a></li><li><a href="http://hovertree.com/hvtart/bjae/7f408b3a6bf8a433.htm">jQuery突出图片列表中鼠标经过项</a></li></ul>
</div>
<div class="hovertreeTagContent hovertreeSelectTag" id="hovertreeTagContent1">第二个标签的内容<br />
<ul style="list-style:none;"><li><a href="http://hovertree.com">首页</a> <a href="http://hovertree.com/texiao/">更多特效</a> <a href="http://hovertree.com/hvtart/bjae/wokffp10.htm">原文</a> <a href="http://hovertree.com/hvtart/bjae/1cijrgj1.htm">jQuery操作select</a></li><li><a href="http://hovertree.com/hvtart/bjae/b6fd7e9e75b8773b.htm">jQ的css() 方法</a></li><li><a href="http://hovertree.com/hvtart/bjae/47ce00836ac8b662.htm">jQuery的几个特点</a></li><li><a href="http://hovertree.com/hvtart/bjae/b6f6650a1b6ce369.htm">jQuery的发展和应用</a></li><li><a href="http://hovertree.com/hvtart/bjae/a3fc809e13e1157e.htm">jquery通过HTML标签实现控件隐藏</a></li><li><a href="http://hovertree.com/hvtart/bjae/5aac47a87eb2a3c2.htm">盘点jQuery弃用的函数</a></li><li><a href="http://hovertree.com/hvtart/bjae/c5a746a2d25d43b7.htm">jQuery 属性操作 - attr() 方法</a></li><li><a href="http://hovertree.com/hvtart/bjae/e367418912caa0b8.htm">JQuery实现锚点平滑滚动</a></li><li><a href="http://hovertree.com/hvtart/bjae/e23e16b491f3cae2.htm">关于Jquery中的$.each获取各种返回类型数据的使用方法</a></li><li><a href="http://hovertree.com/hvtart/bjae/fa1cb9dc2e859da8.htm">jQuery使用的8个经验技巧</a></li></ul>
</div>
<div class="hovertreeTagContent" id="hovertreeTagContent2">第三个标签的内容
<br />
<ul style="list-style:none;"><li><a href="http://hovertree.com/hvtart/bjae/bvnsa1gk.htm">div标签嵌套浮动div标签时无法撑开外部div的解决办法</a></li><li><a href="http://hovertree.com/hvtart/bjae/kl77symv.htm">web前端开发之编写高质量代码</a></li><li><a href="http://hovertree.com/hvtart/bjae/nf4w1l0h.htm">3个有用的css小知识</a></li><li><a href="http://hovertree.com/hvtart/bjae/ia0qi2nv.htm">用CSS设置Table的细边框的最好用的方法</a></li><li><a href="http://hovertree.com/hvtart/bjae/usi4p1v9.htm">如何利用CSS中的ime-mode用来控制页面上文本框中的全角/半角输入</a></li><li><a href="http://hovertree.com/hvtart/bjae/j2w0mylg.htm">CSS选择器介绍</a></li><li><a href="http://hovertree.com/hvtart/bjae/isnqi1t4.htm"> Css中的两个重要概念：块状元素和内联元素</a></li><li><a href="http://hovertree.com/hvtart/bjae/v8e7w4u1.htm">伪类link,hover,active,visited,focus的区别</a></li><li><a href="http://hovertree.com/hvtart/bjae/alaxpy6v.htm">实例看padding与margin的区别</a></li><li><a href="http://hovertree.com/hvtart/bjae/4a41528072f21543.htm">div+css页面居中代码</a></li></ul>

</div>
</div>
</div>

<script>
function hovertreeSelectTag(showContent, selfObj) {
// 操作标签
var tag = document.getElementById("hovertreetags").getElementsByTagName("li");
var taglength = tag.length;
for (i = 0; i < taglength; i++) {
tag[i].className = "";
}
selfObj.parentNode.className = "hovertreeSelectTag";
// 操作内容
for (i = 0; j = document.getElementById("hovertreeTagContent" + i) ; i++) {
j.style.display = "none";
}
document.getElementById(showContent).style.display = "block";
}
</script>
</body>
</html>

 

网页特效汇总：http://ini.iteye.com/blog/2165698

你可能感兴趣的:(JavaScript,html,Web,css,html5)

  • 【前端之旅】JavaScript进阶笔记 请你喝杯Java⁡ 前端之旅javascript前端前端框架
    一名软件工程专业学生的前端之旅，记录自己对三件套（HTML、CSS、JavaScript）、Jquery、Ajax、Node.js、Vue、Axios、小程序开发（Uniapp）以及各种UI组件库、前端框架的学习。【前端之旅】Web基础与开发工具【前端之旅】手把手教你安装VSCode并附上超实用插件指南【前端之旅】HTML大总结【前端之旅】CSS三万字总结【前端之旅】JavaScript学习笔记【
  • JavaScript 高级（进阶） 小白加菲 javascript前端java
    JavaScript高级（进阶）作用域&解构&箭头函数作用域目标：了解作用域对程序执行的影响及作用域链的查找机制，使用闭包函数创建隔离作用域避免全局变量污染。作用域（scope）规定了变量能够被访问的“范围”，离开了这个“范围”变量便不能被访问。作用域分为：局部作用域全局作用域局部作用域局部作用域分为函数作用域和块作用域。局部作用域声明的变量外部不能使用。1.函数作用域：在函数内部声明的变量只能在
  • 说说React/Vue/Javascript间的联系与区别 碧海饮冰 技术代码类javascriptreact.jsvue.js
    React和JavaScript的关系可以理解为‌“框架与语言”‌的关系。React是基于JavaScript构建的一个‌前端库（或框架）‌，用于更高效地开发用户界面（UI）。以下是两者的核心关系及关键点解析：1.‌React是JavaScript的延伸‌‌JavaScript是基础‌：React的所有功能（组件、状态管理、生命周期等）都是用JavaScript实现的。学习React前，必须掌握J
  • 【老梁聊IT之JAVA篇】Java学习线路详解 科技宅老 javajava学习开发语言
    Java是一门强大且广泛使用的编程语言，广泛应用于Web开发、企业级应用、大数据处理、移动开发等领域。无论你是编程的新手，还是希望在Java领域深耕的开发者，这份详尽的学习线路指南都将帮助你构建扎实的基础，并逐步迈向专业化。1.初学者阶段1.1.理解编程基础编程基础是任何编程语言学习的起点，Java也不例外。在这个阶段，重点是理解计算机如何处理数据，编写简单的逻辑控制程序。变量与数据类型：变量是存
  • WebXR：WebXR性能优化技巧_2024-07-26_16-19-42.Tex chenjj4003 游戏开发性能优化restful后端游戏arvr
    WebXR：WebXR性能优化技巧WebXR基础理解WebXR框架简介WebXR是Web平台上的一个API，用于创建沉浸式的虚拟现实（VR）和增强现实（AR）体验。它扩展了WebGL和WebGPU的能力，允许开发者在网页上构建3D环境，与头戴式显示器、摄像头、传感器等硬件设备进行交互。WebXR的出现，使得无需下载任何应用程序，仅通过网页浏览器就能体验到XR技术的魅力。WebXRAPI的核心功能沉
  • JavaScript（JS进阶） _清浅 操作系统javascript前端开发语言html5
    目录00闭包01函数进阶02解构赋值03通过forEach方法遍历数组04深入对象05内置构造函数06原型00闭包//定义：闭包=内层函数（匿名函数）+外层函数的变量（s）//作用：封闭数据，提供操作，外部可以访问函数内部变量functionfun(){lets='HelloWorld'returnfunction(){document.write(s)}}letf=fun()f()01函数进阶1
  • java springboot 整合webSocket接入调用chatGPT3.5接口实现自由返回 猫与老酒 编辑器idejavaspringbootwebsocket
    javaspringboot中使用webSocket接入openAI接口调用chatGPT3.5接口实现自由返回在springboot中添加webSocketServer@Component@Anonymous@ServerEndpoint(“/websocket/{id}”)//访问路径:ws://localhost:8080/websocketpublicclassWebSocketServe
  • 使用Django框架创建简单的待办事项应用 代码指四方 djangosqlite数据库Python
    Django是一个功能强大且易于使用的PythonWeb框架，它提供了许多功能和工具来简化Web应用程序的开发过程。在本文中，我们将使用Django框架创建一个简单的待办事项应用，通过该应用可以添加、删除和标记已完成的待办事项。步骤1：安装Django首先，我们需要安装Django框架。打开终端（命令行界面）并运行以下命令：pipinstallDjango确保你的系统中已经安装了Python和pi
  • JavaScript学习笔记 鸟语滑翔 javascript
    hello，小友们，马上一学期的JavaScript课程将要结束了，期末考试即将的到来，那么关于这门课程你又了解多少呢，下面让我带领大家复习以下所学的知识点吧~JavaScript一，JavaScript基本语法1，注释2，结束符3，输入输出语句1，输入语句2，输出语句4，变量5，常量6，数据类型1，数值类型Number2，字符串类型String3，布尔类型Boolean4，undefined5，
  • VMware vSpere导出虚拟机模板 xmweisi linux云计算
    原创厦门微思网络在VMwarevSphere环境中，将虚拟机转换为OVF（OpenVirtualizationFormat）模板是一个常见需求，这使得虚拟机可以方便地在支持OVF标准的其他虚拟化平台上部署。以下是使用vSphereClient或ESXiWeb界面创建OVF模板的基本步骤：使用vSphereClient1.登录vSphereClient:首先，确保你已安装并可以访问vSphereCl
  • Tiktok 关键字 视频及评论信息爬虫(2) [2025.04.07] lambdarw 爬虫
    ‍♀️TiktokAPP的基于关键字检索的视频及评论信息爬虫共分为两期，希望对大家有所帮助。第一期：基于关键字检索的视频信息爬取第二期见下文。1.Node.js环境配置首先配置JavaScript运行环境（如Node.js），用于执行加密签名代码。Node.js下载网址：https://nodejs.org/enNode.js的安装方法（环境配置非常关键，决定了后面的程序是否可以使用）：https
  • 红宝书第三十八讲：新手也能懂的构建自动化：Grunt vs Gulp 前端javascript
    红宝书第三十八讲：新手也能懂的构建自动化：GruntvsGulp资料取自《JavaScript高级程序设计（第5版）》。查看总目录：红宝书学习大纲一、构建自动化是什么？将重复的开发任务自动执行，比如压缩代码、编译SASS等。类似于工厂的流水线，代码从开发到上线自动加工1。flowchartLR原始代码-->压缩JS-->编译SASS-->打包文件-->成品代码二、Grunt：配置驱动的老牌工具23
  • 2025年 10款APP安全测试工具推荐 爱吃 香菜 软件测试自动化测试程序人生安全测试工具自动化测试软件测试学习深度学习职场经验
    面试求职：「面试试题小程序」，内容涵盖测试基础、Linux操作系统、MySQL数据库、Web功能测试、接口测试、APPium移动端测试、Python知识、Selenium自动化测试相关、性能测试、性能测试、计算机网络知识、Jmeter、HR面试，命中率杠杠的。（大家刷起来…）职场经验干货：软件测试工程师简历上如何编写个人信息（一周8个面试）软件测试工程师简历上如何编写专业技能（一周8个面试）软件测
  • HTML5开发手机项目-个人总结 saberKai html5手机
    来自http://hi.baidu.com/welan/item/9206c0336b665abf134b14c2，很不错的总结让网页的宽度自适应屏幕1）html上加入发确保网页的效果2）加上以下语句可使网页在苹果设备上运行更好3）加入这句话可以定义iphone的添加到主屏幕的图标网页打开方式：链接target的值：_self(相同窗口，浏览器默认)、_top(整页窗口)和_parent(父窗口)
  • Go语言编写一个进销存Web软件的demo KENYCHEN奉孝 golang前端开发语言
    Go语言编写一个进销存Web软件的demo用户现在要求用。之前他们已经讨论了用Django实现的方案，现在突然切换到Go，可能有几个原因。首先，用户可能对Go语言感兴趣，或者他们公司的技术栈转向了Go。其次，用户可能希望比较不同语言实现的差异，或者需要更高性能的解决方案。go和django的区别接下来，我需要分析用户的具体需求。用户提到需要多个界面和权限管理，之前Django版本中已经涉及了这些内
  • 【解决问题】RuntimeError: Couldn‘t clone Stable Diffusion upp stablediffusion
    在安装stablediffusion时候出现了以下错误查找了不少解决了问题，请看报的错：Version:1.10.1Commithash:CloningStableDiffusionintoD:\AI\stable-diffusion-webui-master\repositories\stable-diffusion-stability-ai...Cloninginto'D:\AI\stable
  • ise verilog多模块编译_如何使用ISE高效开发Verilog项目（新手） weixin_39822923 iseverilog多模块编译
    高效开发VerilogHDL项目V1.0@2014.11.22作者：刘乾@北航计算机学院免责声明这份文档完全是依据作者在实际项目开发中总结出的经验撰写而成的。本文档仅供参考。作者不对文档中的任何错误负责。引言：关于ISE的问题库的使用说明从ISE里进入的方式是：Help→XilinxontheWeb→SupportandServices一、ISE常见问题很多同学表示从来没有用过这个帮助库，这个库是
  • 下一代前端构建工具 Astro，快如闪电！ 开源项目精选 前端
    Astro是一个开源的JavaScript框架，用于在流行的UI框架（如React、Preact、Vue或Svelte）之上生成Web应用。Astro的页面由多个独立的组件组成。为了提高加载速度，Astro会在服务端对页面进行预渲染，并剥离所有JavaScript，除非将某个组件标记为交互式，此时Astro将发送必要的最小量JavaScript以实现交互功能。Stars数50394Forks数26
  • 推荐项目：Papanasi - 全能 UI 库 荣正青
    推荐项目：Papanasi-全能UI库papanasiPapanasiistheFrontendUIlibrarytousecrossFrameworks.AsetofcomponentstouseinAngular,Preact,Qwik,React,Solid,Svelte,VueandWebComponents项目地址:https://gitcode.com/gh_mirrors/pa/pa
  • AWS服务器 磁盘空间升级到100G后，怎么使其生效？ 危险、 aws服务器云计算
    在AWS（AmazonWebServices）上扩展EBS（ElasticBlockStore）卷的大小后，服务器操作系统并不会自动识别新增的空间。要使操作系统识别并使用新增的磁盘空间，您需要进行一些额外的步骤。以下是详细的指导和说明：确认EBS卷已成功扩展在继续之前，请确保EBS卷的大小已成功扩展：登录AWS管理控制台：•打开AWS管理控制台并使用您的凭证登录。导航到EC2仪表板：•在控制台中，
  • 241.Redux架构 我也念过晚霞 Android学习架构
    1.Redux架构简介Redux最初起源于JavaScript世界，用于解决前端应用状态管理问题，其核心思想是将整个应用的状态存储在一个全局的、只读的“Store”中，通过分发（dispatch）动作（Action）来更新状态，最终通过纯函数（Reducer）计算得出新的状态。Redux强调“单一数据源”、“状态不可变”和“使用纯函数更新状态”这三个基本原则，因而具有可预测、可测试、可调试等显著特
  • 常用网络协议简述 我不会敲代码a 网络协议网络
    网络协议是计算机网络中规定数据交换格式和交换规则的一套标准。以下是一些常用的网络协议及其简要解释：HTTP（HyperTextTransferProtocol，超文本传输协议）用于从网络传输超文本数据到本地浏览器的传输协议。基于TCP协议，是Web应用的基础。HTTPS（HTTPSecure，安全超文本传输协议）HTTP的安全版本，通过SSL/TLS协议对数据进行加密。FTP（FileTransf
  • 【cesium】在vue2中使用cesium（持续更新） 王阔阔 gis前端
    在vue2中使用cesium在项目中使用步骤1.npminstallcesium--save2.接入项目cesium3.index.html中引入cesium4.完成后重启项目！5.定义组件并初始化一个简单的cesium功能方法1.使用天地图影像2.销毁cesium3.地图放大缩小3.获取可视区域、高度、层级4.搜索地名后定位到该位置（`高德地图搜索POI功能`）4.1实现效果图4.2搜索组件完整
  • HIVE架构 SpringHeather 大数据
    什么是HiveHive是基于Hadoop的一个数据仓库工具，可以将结构化的数据文件映射为一张数据库表，并提供类SQL查询功能。HIve架构基本组成用户接口：包括CLI、JDBC/ODBC、WebGUI。元数据存储：通常是存储在关系数据库如mysql,derby中。解释器、编译器、优化器、执行器。各组件的基本功能1.用户接口主要由三个：CLI、JDBC/ODBC和WebGUI。其中，CLI为shel
  • 2024前端开发 - 重点专题01 - Astro框架介绍 FunctionCat函数猫 前端
    学习系列目录2024前端开发-1/3入门篇-基础概念学习2024入门篇-基础概念01-一条命令的执行过程和PATH的配置2024入门篇-基础概念02-前端开发常见命令和环境安装配置2024前端开发-2/3进阶篇-核心框架学习2024前端开发-3/3进阶篇-重点专题学习2024前端开发-重点专题01-Astro框架介绍热门话题系列2023年全球Web开发概况2024年的七大前端Web开发趋势热门模版
  • 界面控件DevExpress中文教程 - 如何为报表查看器和网格集成AI助手？ 界面开发小八哥 人工智能界面控件devexpress.NETUI开发
    DevExpressBlazorUI组件使用了C#为BlazorServer和BlazorWebAssembly创建高影响力的用户体验，这个UI自建库提供了一套全面的原生BlazorUI组件（包括PivotGrid、调度程序、图表、数据编辑器和报表等）。在这篇文章中，我们将详细介绍如何将DevExpressBlazorDxAIChat组件集成到您的项目中，并为最终用户提供类似Copilot的AI助
  • 计算机毕业设计指南 晴天毕设工作室 课程设计计算机网络开发语言javapython
    哈喽各位大四的小伙伴们，以下是一份详细的计算机专业毕业设计指南，涵盖选题、流程、技术选型、开发建议和常见问题解决方案，帮助你高效完成毕业设计，如有其他问题，欢迎点击文章末尾名片进行咨询，可免费赠送码源哦：一、选题阶段1.选题原则兴趣导向：选择与个人兴趣或职业规划相关的领域（如AI、Web开发、移动应用、数据分析等）。可行性：确保题目难度适中，能在规定时间内完成（建议结合导师意见评估）。创新性：可结
  • 红宝书第三十九讲：写给新手的性能优化实战指南：代码拆分与缓存策略 前端javascript
    红宝书第三十九讲：写给新手的性能优化实战指南：代码拆分与缓存策略资料取自《JavaScript高级程序设计（第5版）》。查看总目录：红宝书学习大纲一、代码拆分（CodeSplitting）：像拆包裹一样优化加载12核心目的：将庞大的代码库拆成小块，根据用户实际需要按需加载，减少首屏等待时间。实现原理（通过模块化）：flowchartLR完整代码库-->拆分成模块A-->用户访问页面-->只加载模块
  • 如何用Go写一个benchmark 解析器及Web UI 数据可视化？ go
    简介用Go编写的benchmark输出解析器，功能如下读取gotest-bench=.-benchmem的输出文件（如benchmark.txt）解析出每行数据写入成CSV文件（如benchmark.csv）WebUI可视化数据仅Go解析器packagemainimport("bufio""encoding/csv""fmt""os""regexp")typeBenchmarkResultstru
  • ASP.NET Core Web API 参数传递方式 lgaof65822@gmail.com asp.net后端.netcore
    文章目录前言一、参数传递方式路由参数（RouteParameters）查询字符串参数（QueryStringParameters）请求体参数（RequestBody）表单数据（FormData）请求头参数（HeaderParameters）服务注入（ServiceInjection）二、高级用法与技巧混合参数来源模型绑定（自动绑定）自定义模型绑定三、验证与安全性数据注解验证敏感参数处理文件上传安全
  • Linux的Initrd机制 被触发 linux
    Linux 的 initrd 技术是一个非常普遍使用的机制，linux2.6 内核的 initrd 的文件格式由原来的文件系统镜像文件转变成了 cpio 格式，变化不仅反映在文件格式上， linux 内核对这两种格式的 initrd 的处理有着截然的不同。本文首先介绍了什么是 initrd 技术，然后分别介绍了 Linux2.4 内核和 2.6 内核的 initrd 的处理流程。最后通过对 Lin
  • maven本地仓库路径修改 bitcarter maven
    默认maven本地仓库路径：C:\Users\Administrator\.m2 修改maven本地仓库路径方法：     1.打开E:\maven\apache-maven-2.2.1\conf\settings.xml     2.找到        
  • XSD和XML中的命名空间 darrenzhu xmlxsdschemanamespace命名空间
    http://www.360doc.com/content/12/0418/10/9437165_204585479.shtml http://blog.csdn.net/wanghuan203/article/details/9203621 http://blog.csdn.net/wanghuan203/article/details/9204337 http://www.cn
  • Java 求素数运算 周凡杨 java算法素数
    网络上对求素数之解数不胜数，我在此总结归纳一下，同时对一些编码，加以改进，效率有成倍热提高。 第一种：   原理: 6N(+-)1法         任何一个自然数，总可以表示成为如下的形式之一： 6N，6N+1，6N+2，6N+3，6N+4，6N+5 (N=0，1，2，…)   
  • java 单例模式 g21121 java
    想必单例模式大家都不会陌生，有如下两种方式来实现单例模式：   class Singleton { private static Singleton instance=new Singleton(); private Singleton(){} static Singleton getInstance() { return instance; }
  • Linux下Mysql源码安装 510888780 mysql
    1.假设已经有mysql-5.6.23-linux-glibc2.5-x86_64.tar.gz (1)创建mysql的安装目录及数据库存放目录       解压缩下载的源码包，目录结构，特殊指定的目录除外：           
  • 32位和64位操作系统 墙头上一根草 32位和64位操作系统
    32位和64位操作系统是指：CPU一次处理数据的能力是32位还是64位。现在市场上的CPU一般都是64位的，但是这些CPU并不是真正意义上的64 位CPU，里面依然保留了大部分32位的技术，只是进行了部分64位的改进。32位和64位的区别还涉及了内存的寻址方面，32位系统的最大寻址空间是2 的32次方= 4294967296（bit）= 4（GB）左右，而64位系统的最大寻址空间的寻址空间则达到了
  • 我的spring学习笔记10-轻量级_Spring框架 aijuans Spring 3
    一、问题提问：     → 请简单介绍一下什么是轻量级？     轻量级（Leightweight）是相对于一些重量级的容器来说的，比如Spring的核心是一个轻量级的容器，Spring的核心包在文件容量上只有不到1M大小，使用Spring核心包所需要的资源也是很少的，您甚至可以在小型设备中使用Spring。  
  • mongodb 环境搭建及简单CURD antlove WebInstallcurdNoSQLmongo
    一 搭建mongodb环境 1. 在mongo官网下载mongodb 2. 在本地创建目录 "D:\Program Files\mongodb-win32-i386-2.6.4\data\db" 3. 运行mongodb服务 [mongod.exe --dbpath "D:\Program Files\mongodb-win32-i386-2.6.4\data\
  • 数据字典和动态视图 百合不是茶 oracle数据字典动态视图系统和对象权限
    数据字典（data dictionary）是 Oracle 数据库的一个重要组成部分，这是一组用于记录数据库信息的只读（read-only）表。随着数据库的启动而启动,数据库关闭时数据字典也关闭   数据字典中包含   数据库中所有方案对象（schema object）的定义(包括表，视图，索引，簇，同义词，序列，过程，函数，包，触发器等等) 数据库为一
  • 多线程编程一般规则 bijian1013 javathread多线程java多线程
           如果两个工两个以上的线程都修改一个对象，那么把执行修改的方法定义为被同步的，如果对象更新影响到只读方法，那么只读方法也要定义成同步的。        不要滥用同步。如果在一个对象内的不同的方法访问的不是同一个数据，就不要将方法设置为synchronized的。
  • 将文件或目录拷贝到另一个Linux系统的命令scp bijian1013 linuxunixscp
    一.功能说明        scp就是security copy，用于将文件或者目录从一个Linux系统拷贝到另一个Linux系统下。scp传输数据用的是SSH协议，保证了数据传输的安全，其格式如下：        scp 远程用户名@IP地址：文件的绝对路径
  • 【持久化框架MyBatis3五】MyBatis3一对多关联查询 bit1129 Mybatis3
    以教员和课程为例介绍一对多关联关系，在这里认为一个教员可以叫多门课程，而一门课程只有1个教员教，这种关系在实际中不太常见，通过教员和课程是多对多的关系。   示例数据：   地址表：   CREATE TABLE ADDRESSES ( ADDR_ID INT(11) NOT NULL AUTO_INCREMENT, STREET VAR
  • cookie状态判断引发的查找问题 bitcarter formcgi
    先说一下我们的业务背景： 1.前台将图片和文本通过form表单提交到后台，图片我们都做了base64的编码，并且前台图片进行了压缩 2.form中action是一个cgi服务 3.后台cgi服务同时供PC，H5，APP 4.后台cgi中调用公共的cookie状态判断方法（公共的，大家都用，几年了没有问题） 问题：（折腾两天。。。。） 1.PC端cgi服务正常调用，cookie判断没
  • 通过Nginx,Tomcat访问日志(access log)记录请求耗时 ronin47
    一、Nginx通过$upstream_response_time $request_time统计请求和后台服务响应时间 nginx.conf使用配置方式： log_format main '$remote_addr - $remote_user [$time_local] "$request" ''$status $body_bytes_sent "$http_r
  • java-67- n个骰子的点数。 把n个骰子扔在地上，所有骰子朝上一面的点数之和为S。输入n，打印出S的所有可能的值出现的概率。 bylijinnan java
    public class ProbabilityOfDice { /** * Q67 n个骰子的点数 * 把n个骰子扔在地上，所有骰子朝上一面的点数之和为S。输入n，打印出S的所有可能的值出现的概率。 * 在以下求解过程中，我们把骰子看作是有序的。 * 例如当n=2时，我们认为（1，2）和（2，1）是两种不同的情况 */ private stati
  • 看别人的博客，觉得心情很好 Cb123456 博客心情
       以为写博客，就是总结，就和日记一样吧，同时也在督促自己。今天看了好长时间博客:    职业规划:    http://www.iteye.com/blogs/subjects/zhiyeguihua      android学习:    1.http://byandby.i
  • [JWFD开源工作流]尝试用原生代码引擎实现循环反馈拓扑分析 comsci 工作流
        我们已经不满足于仅仅跳跃一次，通过对引擎的升级，今天我测试了一下循环反馈模式，大概跑了200圈，引擎报一个溢出错误      在一个流程图的结束节点中嵌入一段方程，每次引擎运行到这个节点的时候，通过实时编译器GM模块，计算这个方程，计算结果与预设值进行比较，符合条件则跳跃到开始节点，继续新一轮拓扑分析，直到遇到
  • JS常用的事件及方法 cwqcwqmax9 js
    事件 描述 onactivate 当对象设置为活动元素时触发。 onafterupdate 当成功更新数据源对象中的关联对象后在数据绑定对象上触发。 onbeforeactivate 对象要被设置为当前元素前立即触发。 onbeforecut 当选中区从文档中删除之前在源对象触发。 onbeforedeactivate 在 activeElement 从当前对象变为父文档其它对象之前立即
  • 正则表达式验证日期格式 dashuaifu 正则表达式IT其它java其它
    正则表达式验证日期格式 function isDate(d){ var v = d.match(/^(\d{4})-(\d{1,2})-(\d{1,2})$/i); if(!v) { this.focus(); return false; } } <input value="2000-8-8" onblu
  • Yii CModel.rules() 方法 、validate预定义完整列表、以及说说验证 dcj3sjt126com yii
    public array rules () {return} array 要调用 validate() 时应用的有效性规则。 返回属性的有效性规则。声明验证规则，应重写此方法。 每个规则是数组具有以下结构：array('attribute list', 'validator name', 'on'=>'scenario name', ...validation
  • UITextAttributeTextColor = deprecated in iOS 7.0 dcj3sjt126com ios
    In this lesson we used the key "UITextAttributeTextColor" to change the color of the UINavigationBar appearance to white. This prompts a warning "first deprecated in iOS 7.0." Ins
  • 判断一个数是质数的几种方法 EmmaZhao Mathpython
    质数也叫素数，是只能被1和它本身整除的正整数，最小的质数是2，目前发现的最大的质数是p=2^57885161-1【注1】。 判断一个数是质数的最简单的方法如下： def isPrime1(n): for i in range(2, n): if n % i == 0: return False return True 但是在上面的方法中有一些冗余的计算，所以
  • SpringSecurity工作原理小解读 坏我一锅粥 SpringSecurity
      SecurityContextPersistenceFilter   ConcurrentSessionFilter   WebAsyncManagerIntegrationFilter   HeaderWriterFilter   CsrfFilter   LogoutFilter   Use
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他