struggling_rong
struggling_rong

JS编程练习之选项卡的实现

在一家在线教育网站学习html时，摘抄一位网友的选项卡实现。@木风627。


<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>选项卡，参考大神title>
    <style type="text/css">
     /* CSS样式制作 */  
    *{margin:0;padding:0;font:normal 12px "微软雅黑";color:#000000;}
      ul{list-style-type:none;}
       a{text-decoration:none;}
    #tab_list{width:275px;height:190px;margin:20px auto;}
    #ul1{border-bottom: 2px solid #8B4513;height:32px;}
    #ul1 li{display:inline-block;width: 60px;line-height:30px;text-align:center;border: 1px solid #999;border-bottom:none;margin-left:5px;}
    #ul1 li:hover{cursor:pointer;}
    #ul1 li.active{border-top:2px solid #8B4513;border-bottom:2px solid #FFFFFF;}

    #tab_list div{border:1px solid #7396B8; border-top:none;}
    #tab_list div li{height:30px;line-height:30px; text-indent:8px;}
    .show{display:block;}.hide{display:none;}
    style>
    <script type="text/javascript">

    // JS实现选项卡切换
    window.onload=function(){
        var oul1 = document.getElementById("ul1");
        var ali = oul1.getElementsByTagName("li");
        var odiv = document.getElementById("tab_list");
        var adiv = odiv.getElementsByTagName("div");
        for(var i = 0; i< ali.length; i++){
            ali[i].index = i;

            ali[i].onmouseover=function(){
                for(var j = 0;j < adiv.length; j++){
                    if(j != this.index){
                        adiv[j].className="hide";
                        ali[j].className="";
                    }else{
                        adiv[this.index].className="show";
                        ali[this.index].className="active";
                    }
                }
            }
        }
    }




    script>

head>
<body>

<div id="tab_list">
    <ul id="ul1">
        <li class="active">房产li>
        <li>家居li>
      <li>二手房li>
    ul>
    <div>
        <ul>
            <li><a href="javascript:;">40平出租屋大改造 美少女的混搭小窝a>li>
            <li><a href="javascript:;">经典清新简欧爱家 90平老房焕发新生a>li>
            <li><a href="javascript:;">新中式的酷色温情 66平撞色活泼家居a>li>
            <li><a href="javascript:;">瓷砖就像选好老婆 卫生间烟道的设计a>li>
        ul>
    div> 
    <div class="hide">
        <ul>
            <li><a href="javascript:;">通州豪华3居260万 二环稀缺2居250w甩a>li>
            <li><a href="javascript:;">西3环通透2居290万 130万2居限量抢购a>li>
            <li><a href="javascript:;">黄城根小学学区仅260万 121平70万抛!a>li>
            <li><a href="javascript:;">独家别墅280万 苏州桥2居优惠价248万a>li>
        ul>
    div> 
    <div class="hide">
        <ul>
            <li><a href="javascript:;">275万购昌平邻铁三居 总价20万买一居a>li>
            <li><a href="javascript:;">200万内购五环三居 140万安家东三环a>li>
            <li><a href="javascript:;">北京首现零首付楼盘 53万购东5环50平a>li>
            <li><a href="javascript:;"> 京楼盘直降5000 中信府 公园楼王现房a>li>
        ul>
    div> 
div>
body>
html>

预览效果：JS编程练习之选项卡的实现_第1张图片

你可能感兴趣的:(html,css,编程,javascript)

  • CSS笔记一 CspecialJ css笔记前端
    一、语法选择器{属性：属性值；属性：属性值}二、书写分类行内样式：直接通过style属性写在标签上123456页内样式：在html页面创建style标签外链样式：三、选择器3.1通用选择器*{padding:0pxmargin:0px}3.2标签选择器p{font-size:20pxwidth:20px}div{width:20pxheight:20px}3.3类选择器.div1{width:20
  • 编程与脚本基础：网络安全的核心工具 菜腿承希 零基础网络安全web安全安全
    ###编程与脚本基础：网络安全的核心工具在上一篇教程中，我们探讨了操作系统和网络的基础知识。今天，我们将进入网络安全领域的另一个核心技能——编程与脚本。无论是自动化任务、开发安全工具，还是进行漏洞分析，编程和脚本都是网络安全从业者不可或缺的技能。本文将从编程基础入手，逐步引导你掌握网络安全中常用的编程语言和脚本技术。---####1.**为什么学习编程与脚本？**编程与脚本在网络安全中扮演着重要角
  • 如何在Windows 10上安装Python？ 字节王德发 pythonwindowspython开发语言
    在今天的数字时代，Python已经成为了一个非常流行的编程语言。无论你是想做数据分析、网页开发，还是人工智能，Python都能满足你的需求。如果你使用的是Windows10系统，安装Python其实并不复杂。下面就让我带你一步一步走过这个过程，确保你可以顺利地在你的电脑上运行Python。1.准备工作在开始之前，确保你的Windows10系统已经更新到最新版本。打开“设置”，选择“更新与安全”，然
  • ASP.NET站点配置以及VS2008下C#、JavaScript联合调试(Ajax) ----以最短路径Dijstra最短路问题为例 刘一哥GIS 《VS/C/C++/C#》ASP.NETIIS最短路径ajax
    实验任务描述：用VS2008构造ASP.NET站点开发环境；用ASP.NET完成JavaScript开发调试；用Ext3.0.0完成一个简单的树显示站;WebService程序设计，Dijstra最短路Web服务；JavaScript通过Ajax技术调用WebService;一、Windows下WEB共享设置打开你的WINDOWS，鼠标点开“我的电脑”，寻找下你机器的WINDOWS版本信息，如果你
  • 网络编程基础知识总结 老梁学Android&HarmonyOS 网络编程网络
    1、网络编程的基础知识总结网络编程说的是在不同计算机之间进行数据传输和通信。本文主要是一些基础知识的总结：本文的“计算机”包含电脑、手机、平板、手表、汽车等可以联网的设备。1.1网络协议1.1.1描述：网络协议是计算机网络中通信双方共同遵守的规则和约定，就是马路上的红绿灯约定红灯停绿灯行一样，专门用于指导数据的传输和处理。1.1.2协议层次：协议通常有两种说法，分别是OSI七层模型或TCP/IP四
  • 吊打全网所有精美导航页引导页HTML源码 6v6-博客 开源
    吊打全网所有精美导航页引导页HTML源码这款精美的导航页引导页HTML源码，自适应手机和电脑，无需后台，上传到网站根目录即可使用。首页内容在index.html中修改，支持双页切换，搭建简单，附带详细修改教程。源码特点自适应设计：完美适配手机和电脑端，用户体验极佳。无后台依赖：纯静态页面，无需数据库或后台支持。双页切换：支持双页切换功能，灵活展示内容。搭建简单：上传到网站根目录即可使用，无需复杂配
  • Typecho 极致美化：打造与众不同的博客 6v6-博客 机器学习
    Typecho极致美化：打造与众不同的博客Typecho是一款轻量级的博客系统，但通过一些高级美化技巧，你可以让它变得与众不同。本文将介绍如何通过自定义JS、自定义CSS、自定义侧边栏模块等功能，实现Typecho的极致美化。1.自定义JS：动态效果与交互通过自定义JS，你可以为Typecho添加动态效果和交互功能。示例1：页面滚动动画在header.php中添加以下代码：ScrollReveal
  • RHCE-web篇 2022计科一班唐文 前端
    一.web服务器Web服务器是一种软件或硬件系统，用于接收、处理和响应来自客户端（通常是浏览器）的HTTP请求。它的主要功能是存储和提供网站内容，比如HTML页面、图像、视频等。Web服务器的主要功能处理请求：当用户在浏览器中输入网址时，浏览器会发送一个HTTP请求到Web服务器。服务器接收到请求后，处理该请求并生成响应。提供内容：Web服务器根据请求的资源类型（例如HTML、CSS、JavaSc
  • html中box标签的作用,CSS3的box-sizing属性的作用及使用 cocoaitea html中box标签的作用
    先用大白话通俗说一下，先给div设置宽高为200px,这是在加上padding：10px;,此时div宽高加上padding值后实际宽高变成了220px(等于上下左右各加了10px的padding),那么我又给div加了一个border1px，此时div的实际宽高变成了221px。此时在给div加上box-sizing:border-box后，div的总宽高就会变为200px,也就是说此时padd
  • 鸿基html转换软件,3.html · 鸿基梦/lenovowolf - Gitee.com weixin_39839726 鸿基html转换软件
    狼图/*版本控制*/functionfreshUrl(){varcurUrl=window.location.href;functiontimestamp(url){//vargetTimestamp=Math.random();vargetTimestamp=newDate().getTime();if(url.indexOf("timestamp=")>-1){vartimer=+newDat
  • 学习笔记 -《量子计算与编程入门》- 量子程序 诸葛思颖 量子计算与编程入门机器学习
    文章目录1量子计算原理1.1酉变换1.2矩阵的指数函数1.3单量子比特逻辑门1.3.1泡利矩阵1.3.2常见逻辑门以及含义·Hadamard(H)门·Pauli-X门·Pauli-Y门·Pauli-Z门·旋转门（rotationoperators）1.4多量子比特逻辑门·控制非门（Control-NOT）（CNOT门）·控制相位门（Controlledphasegate）（CR/CPhase门）·
  • 编程语言乱码问题（以Visual Studio Code为例） 博客路人甲 vscodeidevisualstudiocode
    在很多时候，我们在写代码或者运行代码时会遇到乱码问题，有时候是因为我们系统本身编码问题，这时候需要我们在“设置”->“时间与日期”中设置语言编码格式；但更多的时候是因为我们脚本文件编码的问题。当我们脚本文件编码出了问题后，我们的编辑窗口以及输出窗口都会遇到乱码问题，这时候就需要我们修改文件编码。1.当编辑窗口出现乱码时，我们需要重新以另一种编码格式打开文件。以vscode为例右下角有一个编码格式，
  • Python精进系列：ord 函数 进一步有进一步的欢喜 python开发语言
    目录一、引言二、基本概念2.1Unicode编码简介2.2ord函数定义三、使用示例3.1处理ASCII字符3.2处理非ASCII字符四、与chr函数的关系五、实际应用场景5.1字符排序5.2简单加密算法5.3字符验证六、注意事项6.1输入参数要求6.2跨平台兼容性七、总结一、引言在Python编程里，字符和编码的处理是常见的操作。ord函数作为Python内置函数之一，在字符和Unicode编码
  • 一些对编程语言的看法 后端程序员
    我让AI列出了一些较为常见的编程语言，要纯编译型的得到如下经典编译型语言名称主要特点C最经典的编译型语言，直接编译为机器码。C++基于C的扩展，同样通过编译器生成原生二进制文件。Fortran科学计算领域的老牌语言，编译为高效机器码。COBOL商业和金融领域的历史语言，完全编译执行。Ada高可靠性系统（如航空航天）的编译型语言。Pascal/Delphi(ObjectPascal)Delphi/f
  • Python 基础：类 诸葛思颖 pythonpython开发语言
    目录一、类的概念二、定义类三、创建对象并进行访问四、修改属性的值方法一：句点表示法直接访问并修改方法二：通过方法进行修改五、继承继承父类属性和方法重写父类方法六、将实例用作属性七、导入类导入单个类从一个模块中导入多个类导入整个模块导入模块中的所有类八、一些代码编写规范遇到看不明白的地方，欢迎在评论中留言呐，一起讨论，一起进步！本文参考：《Python编程：从入门到实践（第2版）》一、类的概念类是是
  • ‌Visual Studio Code（VS Code）支持的编程语言 计算机辅助工程 vscode
    ‌JavaScript‌：VSCode原生支持JavaScript，提供语法高亮、代码折叠、自动补全等功能。推荐使用ESLint和Prettier进行代码格式化和错误检查‌。‌TypeScript‌：作为JavaScript的超集，TypeScript在VSCode中也得到原生支持，提供类似的编辑功能‌。‌Python‌：通过安装Python扩展，VSCode支持Python编程，提供调试、Int
  • 使用 `UnstructuredURLLoader` 和 `SeleniumURLLoader` 从 URL 加载 HTML 文档 VYSAHF html前端python
    随着网络数据的爆炸性增长，如何高效地从网页中获取结构化信息变得愈发重要。在这篇文章中，我们将探讨如何使用UnstructuredURLLoader和SeleniumURLLoader来处理和加载来自URL的HTML文档。这两种方法都有其特定的应用场景和优势。技术背景介绍对于需要大量从不同网页中获取信息的场景，选择合适的工具显得尤为关键。UnstructuredURLLoader提供了一种简单直接的
  • 51nod 冲刺题 Alaso_shuang OJ选择OI新手入门刷题c++算法蓝桥杯
    进阶习题：http://www.51nod.com/Question/Index.html#questionId=1481数数字http://www.51nod.com/Challenge/Problem.html#problemId=2151队列复原https://www.51nod.com/Challenge/Problem.html#problemId=3593小明的数字表vector-ST
  • 报表控件stimulsoft操作：使用 Angular 应用程序的报告查看器组件 CodeCraft Studio 控件angular.js前端javascript
    StimulsoftUltimate（原StimulsoftReports.Ultimate）是用于创建报表和仪表板的通用工具集。该产品包括用于WinForms、ASP.NET、.NETCore、JavaScript、WPF、PHP、Java和其他环境的完整工具集。无需比较产品功能，StimulsoftUltimate包含了所有内容！StimulsoftReports最新版下载介绍报告和仪表板查看
  • 从http到Axios和fetch全解析 浪裡遊 http网络协议网络前端javascriptvue.js
    乜嘢是HTTPHTTP，全称为HyperTextTransferProtocol（超文本传输协议），是互联网上应用最为广泛的一种网络协议。它允许将超文本标记语言（HTML）文档从Web服务器传送到客户端的浏览器，并且支持多媒体内容的传输，如图片、视频等。基本概念HTTP是一种基于请求与响应的应用层协议，它是无状态的，意味着每个请求都是独立的，服务器不会保存客户端的状态信息。通常，用户通过客户端（如
  • 从零手撸工业级Qt文件传输系统：TCP粘包/断点续传/SSL加密全解 十年编程老舅 QT开发qt项目qt项目实战c++项目qt计算机毕设项目qt文件传输qt教程
    很多初学者都会遇到这个坎，如何将Windows数据结构、网络编程等知识整合为完整的项目。本文将深入解析一个基于C++Qt开发的企业级文件传输系统，涵盖TCP通信、断点续传、SSL加密、SQLite持久化等核心技术。（项目源码来文章底部拿）一、系统核心功能1.基础通信能力双工消息传输（支持中文字符）文件传输进度条同步（4KB分块策略）传输完整性验证（安装包可执行性测试）2.高级特性断点续传（记录已传
  • JSON对象处理工具类 波波有料 JAVAjsonjava开发语言
    目录1.工具类的功能设计2.工具类的实现依赖配置工具类代码3.工具类的使用示例示例1：美化JSON打印示例2：从JSON中提取数据示例3：修改JSON数据示例4：合并JSON对象4.总结在现代软件开发中，JSON（JavaScriptObjectNotation）是一种广泛使用的轻量级数据交换格式。由于其简洁性和易读性，JSON被广泛应用于API通信、配置文件、数据存储等场景。然而，在处理JSON
  • 深入理解正则表达式及基本使用教程 波波有料 JAVA正则表达式
    目录摘要一、正则表达式是什么？二、正则表达式的基本语法1.元字符2.字符集与范围3.常用预定义字符集4.分组与反向引用捕获分组：非捕获分组：三、Java中正则表达式的实现1.Java基础示例2.替换字符串3.验证输入格式4.提取信息5.拆分字符串四、常见正则表达式应用场景1.手机号验证2.提取HTML标签内容3.替换多余空格五、总结摘要正则表达式（RegularExpression，简称Regex
  • JavaScript 性能优化实战案例与解决方案 Real Man★ javascript性能优化开发语言
    JavaScript性能优化是提升Web应用流畅度和用户体验的核心环节。以下是针对常见性能问题的实战案例与优化方案，涵盖代码优化、渲染优化、内存管理等多个方面：一、高频事件处理优化案例1：滚动事件卡顿问题：页面监听scroll事件实现动态效果，但频繁触发导致卡顿。优化方案：javascript复制//1.节流（Throttle）：固定时间间隔执行functionthrottle(fn,delay)
  • Python 在深度学习中的应用 2501_90435375 人工智能python深度学习开发语言
    深度学习是机器学习的一个分支，它通过构建和训练深层神经网络来实现对数据的学习和理解。Python作为一种简洁、易读、功能强大的编程语言，在深度学习领域得到了广泛的应用。本文将详细介绍Python在深度学习中的应用，包括深度学习的基础概念、Python深度学习库和框架、实际案例。二、深度学习的基础概念1.神经网络神经网络是深度学习的基础，它由多个神经元组成，每个神经元接收输入信号，进行加权求和，并通
  • Python 安装入门指南 2501_90435375 Pythonpython开发语言
    Python是一种广泛使用的高级编程语言，以其简洁的语法和强大的功能而受到开发者的喜爱。以下是Python的安装步骤和入门指南，带你快速上手Python编程。一、Python的介绍Python是一种解释型、面向对象、动态数据类型的高级程序设计语言。它具有以下特点：语法简洁：Python的语法设计注重代码的可读性和简洁性，使得编写代码更加简单直观。跨平台：Python可以在多种操作系统上运行，如Wi
  • 学习Java的一些技术心得 袖风染云 学习java
    简介作为一名Java学习之旅的同行者，我在这里分享我的学习心得和实战经验。无论您是初学者还是希望提高技能的开发者，我都希望这些内容能为您带来价值。如有任何疑问或建议，请随时留言交流介绍Java我们在学习Java的时候，肯定是先来认识一下什么叫Java，它是干什么用的Java，自1995年由SunMicrosystems推出以来，已成为全球最受欢迎的编程语言之一。其’一次编写，到处运行’的理念，使得
  • CSS Position(定位) wjs2024 开发语言
    CSSPosition(定位)概述CSS定位是网页布局中非常重要的一环，它决定了页面元素的位置和层叠顺序。在CSS中，定位可以分为几种类型，包括静态定位、相对定位、绝对定位和固定定位。每种定位方式都有其独特的应用场景和优势。静态定位静态定位是CSS定位的默认值，它会使元素根据其在文档流中的位置进行定位。静态定位的元素不会影响其他元素的位置。代码示例.static{position:static;}
  • Python 快速入门指南 2501_90435375 Pythonpython开发语言
    Python入门指南1.Python是什么Python是一种高级编程语言，具有简单易学、代码可读性强、功能强大、语法优雅等特点。它被广泛应用于Web开发、数据分析、人工智能、自动化脚本、游戏开发等领域。2.Python的特点简单易学Python的语法设计简洁明了，代码可读性强，易于学习和理解。例如，print("Hello,World!")就能输出“Hello,World!”，无需复杂的环境配置或
  • pyqt5 开发文档 查看地址 wowocpp pyqt
    查看PyQt5在线说明文档http://pyqt.sourceforge.net/Docs/PyQt5/class_reference.htmlhttps://www.riverbankcomputing.com/static/Docs/PyQt5/https://doc.qt.io/https://doc.qt.io/qt-5/qwidget.htmlhttps://www.riverbankc
  • 遍历dom 并且存储（将每一层的DOM元素存在数组中） 换个号韩国红果果 JavaScripthtml
    数组从0开始！！ var a=[],i=0; for(var j=0;j<30;j++){ a[j]=[];//数组里套数组，且第i层存储在第a[i]中 } function walkDOM(n){ do{ if(n.nodeType!==3)//筛选去除#text类型 a[i].push(n); //con
  • Android+Jquery Mobile学习系列(9)-总结和代码分享 白糖_ JQuery Mobile
    目录导航   经过一个多月的边学习边练手，学会了Android基于Web开发的毛皮，其实开发过程中用Android原生API不是很多，更多的是HTML/Javascript/Css。   个人觉得基于WebView的Jquery Mobile开发有以下优点： 1、对于刚从Java Web转型过来的同学非常适合，只要懂得HTML开发就可以上手做事。 2、jquerym
  • impala参考资料 dayutianfei impala
    记录一些有用的Impala资料   1. 入门资料 >>官网翻译：     http://my.oschina.net/weiqingbin/blog?catalog=423691   2. 实用进阶 >>代码&架构分析：     Impala/Hive现状分析与前景展望：http
  • JAVA 静态变量与非静态变量初始化顺序之新解 周凡杨 java静态非静态顺序
    今天和同事争论一问题，关于静态变量与非静态变量的初始化顺序，谁先谁后，最终想整理出来！测试代码： import java.util.Map; public class T { public static T t = new T(); private Map map = new HashMap(); public T(){ System.out.println(&quo
  • 跳出iframe返回外层页面 g21121 iframe
    在web开发过程中难免要用到iframe，但当连接超时或跳转到公共页面时就会出现超时页面显示在iframe中，这时我们就需要跳出这个iframe到达一个公共页面去。 首先跳转到一个中间页，这个页面用于判断是否在iframe中，在页面加载的过程中调用如下代码： <script type="text/javascript"> //<!-- function
  • JAVA多线程监听JMS、MQ队列 510888780 java多线程
    背景：消息队列中有非常多的消息需要处理，并且监听器onMessage（）方法中的业务逻辑也相对比较复杂，为了加快队列消息的读取、处理速度。可以通过加快读取速度和加快处理速度来考虑。因此从这两个方面都使用多线程来处理。对于消息处理的业务处理逻辑用线程池来做。对于加快消息监听读取速度可以使用1.使用多个监听器监听一个队列；2.使用一个监听器开启多线程监听。 对于上面提到的方法2使用一个监听器开启多线
  • 第一个SpringMvc例子 布衣凌宇 spring mvc
    第一步：导入需要的包； 第二步：配置web.xml文件 <?xml version="1.0" encoding="UTF-8"?> <web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xsi=
  • 我的spring学习笔记15-容器扩展点之PropertyOverrideConfigurer aijuans Spring3
    PropertyOverrideConfigurer类似于PropertyPlaceholderConfigurer，但是与后者相比，前者对于bean属性可以有缺省值或者根本没有值。也就是说如果properties文件中没有某个bean属性的内容，那么将使用上下文（配置的xml文件）中相应定义的值。如果properties文件中有bean属性的内容，那么就用properties文件中的值来代替上下
  • 通过XSD验证XML antlove xmlschemaxsdvalidationSchemaFactory
    1. XmlValidation.java package xml.validation; import java.io.InputStream; import javax.xml.XMLConstants; import javax.xml.transform.stream.StreamSource; import javax.xml.validation.Schem
  • 文本流与字符集 百合不是茶 PrintWrite()的使用字符集名字 别名获取
    文本数据的输入输出;           输入;数据流,缓冲流         输出;介绍向文本打印格式化的输出PrintWrite();   package 文本流; import java.io.FileNotFound
  • ibatis模糊查询sqlmap-mapping-**.xml配置 bijian1013 ibatis
            正常我们写ibatis的sqlmap-mapping-*.xml文件时，传入的参数都用##标识，如下所示： <resultMap id="personInfo" class="com.bijian.study.dto.PersonDTO"> <res
  • java jvm常用命令工具——jdb命令(The Java Debugger) bijian1013 javajvmjdb
            用来对core文件和正在运行的Java进程进行实时地调试，里面包含了丰富的命令帮助您进行调试，它的功能和Sun studio里面所带的dbx非常相似，但 jdb是专门用来针对Java应用程序的。         现在应该说日常的开发中很少用到JDB了，因为现在的IDE已经帮我们封装好了，如使用ECLI
  • 【Spring框架二】Spring常用注解之Component、Repository、Service和Controller注解 bit1129 controller
    在Spring常用注解第一步部分【Spring框架一】Spring常用注解之Autowired和Resource注解（http://bit1129.iteye.com/blog/2114084）中介绍了Autowired和Resource两个注解的功能，它们用于将依赖根据名称或者类型进行自动的注入，这简化了在XML中，依赖注入部分的XML的编写，但是UserDao和UserService两个bea
  • cxf wsdl2java生成代码super出错,构造函数不匹配 bitray super
        由于过去对于soap协议的cxf接触的不是很多,所以遇到了也是迷糊了一会.后来经过查找资料才得以解决. 初始原因一般是由于jaxws2.2规范和jdk6及以上不兼容导致的.所以要强制降为jaxws2.1进行编译生成.我们需要少量的修改: 我们原来的代码 wsdl2java com.test.xxx -client http://..... 修改后的代
  • 动态页面正文部分中文乱码排障一例 ronin47
    公司网站一部分动态页面，早先使用apache+resin的架构运行，考虑到高并发访问下的响应性能问题，在前不久逐步开始用nginx替换掉了apache。 不过随后发现了一个问题，随意进入某一有分页的网页，第一页是正常的（因为静态化过了）；点“下一页”，出来的页面两边正常，中间部分的标题、关键字等也正常，唯独每个标题下的正文无法正常显示。 因为有做过系统调整，所以第一反应就是新上
  • java-54- 调整数组顺序使奇数位于偶数前面 bylijinnan java
    import java.util.Arrays; import java.util.Random; import ljn.help.Helper; public class OddBeforeEven { /** * Q 54 调整数组顺序使奇数位于偶数前面 * 输入一个整数数组，调整数组中数字的顺序，使得所有奇数位于数组的前半部分，所有偶数位于数组的后半
  • 从100PV到1亿级PV网站架构演变 cfyme 网站架构
    一个网站就像一个人，存在一个从小到大的过程。养一个网站和养一个人一样，不同时期需要不同的方法，不同的方法下有共同的原则。本文结合我自已14年网站人的经历记录一些架构演变中的体会。 1：积累是必不可少的 架构师不是一天练成的。 1999年，我作了一个个人主页，在学校内的虚拟空间，参加了一次主页大赛，几个DREAMWEAVER的页面，几个TABLE作布局，一个DB连接，几行PHP的代码嵌入在HTM
  • [宇宙时代]宇宙时代的GIS是什么？ comsci Gis
           我们都知道一个事实，在行星内部的时候，因为地理信息的坐标都是相对固定的，所以我们获取一组GIS数据之后，就可以存储到硬盘中，长久使用。。。但是，请注意，这种经验在宇宙时代是不能够被继续使用的          宇宙是一个高维时空
  • 详解create database命令 czmmiao database
    完整命令 CREATE DATABASE mynewdb   USER SYS IDENTIFIED BY sys_password   USER SYSTEM IDENTIFIED BY system_password   LOGFILE GROUP 1 ('/u01/logs/my/redo01a.log','/u02/logs/m
  • 几句不中听却不得不认可的话 datageek
    1、人丑就该多读书。 2、你不快乐是因为：你可以像猪一样懒，却无法像只猪一样懒得心安理得。 3、如果你太在意别人的看法，那么你的生活将变成一件裤衩，别人放什么屁，你都得接着。 4、你的问题主要在于：读书不多而买书太多，读书太少又特爱思考，还他妈话痨。 5、与禽兽搏斗的三种结局：(1)、赢了，比禽兽还禽兽。(2)、输了，禽兽不如。(3)、平了，跟禽兽没两样。结论：选择正确的对手很重要。 6
  • 1 14:00 PHP中的“syntax error, unexpected T_PAAMAYIM_NEKUDOTAYIM”错误 dcj3sjt126com PHP
    原文地址：http://www.kafka0102.com/2010/08/281.html   因为需要，今天晚些在本机使用PHP做些测试，PHP脚本依赖了一堆我也不清楚做什么用的库。结果一跑起来，就报出类似下面的错误：“Parse error: syntax error, unexpected T_PAAMAYIM_NEKUDOTAYIM in /home/kafka/test/
  • xcode6 Auto layout and size classes dcj3sjt126com ios
    官方GUI   https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/AutolayoutPG/Introduction/Introduction.html   iOS中使用自动布局（一）   http://www.cocoachina.com/ind
  • 通过PreparedStatement批量执行sql语句【sql语句相同，值不同】 梦见x光 sql事务批量执行
    比如说：我有一个List需要添加到数据库中，那么我该如何通过PreparedStatement来操作呢？ public void addCustomerByCommit(Connection conn , List<Customer> customerList) {    String sql = "inseret into customer(id
  • 程序员必知必会----linux常用命令之十【系统相关】 hanqunfeng Linux常用命令
    一.linux快捷键 Ctrl+C : 终止当前命令 Ctrl+S : 暂停屏幕输出 Ctrl+Q : 恢复屏幕输出 Ctrl+U : 删除当前行光标前的所有字符 Ctrl+Z : 挂起当前正在执行的进程 Ctrl+L : 清除终端屏幕，相当于clear   二.终端命令 clear : 清除终端屏幕 reset : 重置视窗，当屏幕编码混乱时使用 time com
  • NGINX IXHONG nginx
    pcre 编译安装 nginx conf/vhost/test.conf   upstream admin { server 127.0.0.1:8080; }   server {                 listen       80; &
  • 设计模式--工厂模式 kerryg 设计模式
    工厂方式模式分为三种：   1、普通工厂模式：建立一个工厂类，对实现了同一个接口的一些类进行实例的创建。   2、多个工厂方法的模式：就是对普通工厂方法模式的改进，在普通工厂方法模式中，如果传递的字符串出错，则不能正确创建对象，而多个工厂方法模式就是提供多个工厂方法，分别创建对象。   3、静态工厂方法模式：就是将上面的多个工厂方法模式里的方法置为静态，
  • Spring InitializingBean/init-method和DisposableBean/destroy-method mx_xiehd javaspringbeanxml
    1.initializingBean/init-method 实现org.springframework.beans.factory.InitializingBean接口允许一个bean在它的所有必须属性被BeanFactory设置后，来执行初始化的工作，InitialzingBean仅仅指定了一个方法。 通常InitializingBean接口的使用是能够被避免的，（不鼓励使用，因为没有必要
  • 解决Centos下vim粘贴内容格式混乱问题 qindongliang1922 centosvim
    有时候，我们在向vim打开的一个xml，或者任意文件中，拷贝粘贴的代码时，格式莫名其毛的就混乱了，然后自己一个个再重新，把格式排列好，非常耗时，而且很不爽，那么有没有办法避免呢？ 答案是肯定的，设置下缩进格式就可以了，非常简单： 在用户的根目录下 直接vi  ~/.vimrc文件 然后将set pastetoggle=<F9> 写入这个文件中，保存退出，重新登录，
  • netty大并发请求问题 tianzhihehe netty
    多线程并发使用同一个channel java.nio.BufferOverflowException: null at java.nio.HeapByteBuffer.put(HeapByteBuffer.java:183) ~[na:1.7.0_60-ea] at java.nio.ByteBuffer.put(ByteBuffer.java:832) ~[na:1.7.0_60-ea]
  • Hadoop NameNode单点问题解决方案之一 AvatarNode wyz2009107220 NameNode
    我们遇到的情况 Hadoop NameNode存在单点问题。这个问题会影响分布式平台24*7运行。先说说我们的情况吧。 我们的团队负责管理一个1200节点的集群(总大小12PB)，目前是运行版本为Hadoop 0.20，transaction logs写入一个共享的NFS filer(注：NetApp NFS Filer)。 经常遇到需要中断服务的问题是给hadoop打补丁。 DataNod
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他