文大海
文大海

js电梯效果

html页面


<html>
<head>
    <meta charset="utf-8">
    <title>左侧电梯演示title>
    <script src="js/jquery-1.10.2.js">script>
    <script src="js/LiftEffect.js">script>
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        body{
            height: 6000px;
        }
        .lift-nav{
            position: fixed;
            top: 100px;
            left: 30px;
            display: none;
        }
        .lift-nav li{
            width: 30px;
            height: 30px;
            text-align: center;
            line-height: 30px;
            color: #fff;
            padding: 10px 10px;
            margin-bottom: 10px;
            background: skyblue;
            cursor: pointer;
        }

        .lift-nav li.current{
            background: tomato;
        }

        .t1,.t2,.t3,.t4,.t5,.t6{
            width: 800px;
            height: 400px;
            text-align: center;
            line-height: 400px;
            background: skyblue;
            margin: 100px auto;
            font-size: 30px;
            color: #fff;
        }
        .t1{
            margin-top: 200px;
        }
        .t2{
            background: pink;
        }
        .t3{
            background: tomato;
        }
        .t4{
            background: grey;
        }
        .t5{
            background: yellow;
        }
        .t6{
            background: seagreen;
        }


    style>
head>
<body>

<div class="lift-nav">
    <ul class="lift">
        <li>1楼li>
        <li>2楼li>
        <li>3楼li>
        <li>4楼li>
        <li>5楼li>
        <li>6楼li>
    ul>
div>

<div class="lift-target">
    <div class="t1">这是1楼div>
    <div class="t2">这是2楼div>
    <div class="t3">这是3楼div>
    <div class="t4">这是4楼div>
    <div class="t5">这是5楼div>
    <div class="t6">这是6楼div>
div>


<script>

    $(function(){
        LiftEffect({
            "control1": ".lift-nav",                          //侧栏电梯的容器
            "control2": ".lift",                           //需要遍历的电梯的父元素
            "target": [".t1",".t2",".t3",".t4",".t5",".t6"], //监听的内容，注意一定要从小到大输入
            "current": "current"                          //选中的样式
        });


    })
script>
body>
html>

LiftEffect.js内容

// LiftEffect({
//  "control1": ".lift2",                         //侧栏电梯的容器
//  "control2": "#ccc",                           //需要遍历的电梯的父元素
//  "target": [".dianti1",".dianti2",".dianti3"], //监听的内容，注意一定要从小到大输入
//  "current": "xuanzhong"                        //选中的样式
// });

function LiftEffect(json){

var array=[];

for(var i =0; ivar t = $(json.target[i]).offset().top;
    array.push(t);

}

function Selected(index){
    $(json.control2).children().eq(index).addClass(json.current).siblings().removeClass(json.current);
}


$(window).on("scroll",Check);

function Check(){

    var wst = $(window).scrollTop();


    if(wst >= $(json.target[0]).offset().top-100){
        $(json.control1).fadeIn(500);
    }else{
        $(json.control1).fadeOut(500);
    }

    var key =0;
    var flag = true;
    for(var i =0; iif(flag){

            if(wst >= array[array.length-key]-300){
                var index = array.length-key;
                flag = false;
            }else{
                flag=true;
            }

        }
    }
    Selected(index);
}

$(json.control2).children().on("click",function(){

        $(window).off("scroll");
        var index = $(this).index();
        Selected(index);


        var flag = true;
        for(var i =0; iif(flag){

                if(index == i){
                    $("html,body").stop().animate({
                        "scrollTop": array[i]-50
                    },500,function(){
                        $(window).on("scroll",Check);
                    });
                    flag = false;
                }else{
                    flag=true;
                }

            }
        }

});



}

注意要导入js库

你可能感兴趣的:(网站前端)

  • Springboot+爬虫+推荐算法+前后端分离实现小说推荐系统 计算机程序优异哥
    如何针对互联网各大小说阅读网站的小说数据进行实时采集更新，建立自己的小说资源库，针对海量的小说数据开展标签处理特征分析，利用推荐算法完成针对用户的个性化阅读推荐？基于以上问题，本次小说推荐系统，建设过程主要分为小说推荐网站前端系统，小说运维管理后台系统，小说数据实时采集爬虫三个部分。小说推荐网站前端系统主要采用开源前端框架搭建小说推荐网站，提供用户登录注册，小说阅读等功能，小说运维管理后台，提供管
  • 打造极速电商体验：用Hugo+CDN+SEO助力静态化前端的完整攻略 数字沉思 营销流量运营系统架构前端内容运营
    打造极速电商体验：用Hugo+CDN+SEO助力静态化前端的完整攻略前言在这个瞬息万变的电商时代，用户体验和网站性能直接影响到转化率与SEO排名。为了提升网站加载速度、降低服务器成本，同时保持优越的SEO表现，静态化前端成为了电商网站的新宠。本文将带你一步步实现一个基于Hugo的静态电商网站前端，从架构设计到SEO优化，再到CDN集成与增量内容更新，全方位覆盖，助你打造一个极速、高效、低成本的电商
  • NET周报 2019-08-28 NetCentric
    NET▼本期重点·APP版本优化，即将上线，内测活动报名继续·继续优化机器人策略，内部测试多策略多交易对机器人（包括ETH、BTC、BNB、LTC等交易对）▼技术进展[网站前端]1、机器人自动订阅按阶梯报价更新2、机器人订单列表收益统计重构3、翻译更新修正4、多处细节修正[NET机器人]1、目前已开发完成19个机器人2、持续优化机器人策略，开发多策略多交易对机器人（包括ETH、BTC、BNB、LT
  • 如何防护网站存在的sql注入攻击漏洞 德迅云安全-文琪 sql数据库
    SQL注入攻击是最危险的Web漏洞之一，危害性极大，造成的后果不堪设想，因此受到了大家的高度重视。那么你知道SQL注入攻击防范方法有哪些吗?SQL注入是一种网站的攻击方法。它将SQL代码添加到网站前端GETPOST参数中，并将其传递给mysql数据库进行分析和执行语句攻击。它是一种利用应用程序对用户输入验证不足或处理不当的漏洞，恶意输入能够影响SQL查询的结构，进而获取、修改或删除数据的技术。攻击
  • Pycharm 中打开在线文档查看函数使用详情 不在同一频道上的呆子 python开发语言
    在Pycharm编写python程序时，当我们使用库的函数时，假如需要查看函数的详细使用方法，可以打开官方的在线文档进行查看。具体如何实现：如下图为random中的randrange()函数：我们只需框选函数，然后按下快捷键Shift+F1,就会自动使用默认浏览器打开官方的在线文档，如下图。但默认打开的是英文的，假如我们需要转换成中文，则拉到网站前端，如下图：选择SimplifiedChinese
  • 如何通过frp、geoserver发布家里电脑的空间数据教程 遥感之家 geoserverfrp空间数据
    如何通过家里电脑的geoserver发布空间数据的教程简介大家好，我是锐多宝，最近我在开发一个新网站的时候遇到一个需求，这里记录一下以帮助需要用到的网友。我的需求是：用户通过网站前端上传空间数据后，即可在前端展示影像。需要注意，我的geoserver和网站后端都部署在家里的电脑上。具体需求如下：（1）发布图层通过我自己家里的电脑发布geoserver的图层；（2）域名访问用户需要通过域名访问图层；
  • Web前端统整笔记 iXing07 csscss3javascripthtmlhtml5
    HTMLHTML三层架构网站前端三层（重要！！！）html结构层--html结构css表现层--决定html的样式javascript动作层(逻辑层、行为层)--决定html如何交互我们追求的不是完全最新的版本而是适应符合当前的主流的版本HTML规则在做一个正式的网页或者是项目的时候1.任何时候文件文件夹图片都不能有任何的中文，铁律，必须遵守2.任何文件名称或者类名或者id名称，或者任何的变量，都
  • WordPress站点前端登录、注册等功能插件Theme My Login boke112百科 WordPresswordpress
    平时我们都是在WordPress后台登录页面进行登录、注册和密码恢复页面等，其实我们也完全可以在站点前端实现这些功能，只需要安装这款ThemeMyLogin插件即可。该插件允许我们绕过默认的WordPress后台登录页面，直接在站点前端看到登录、注册和密码恢复页面，并且具有以下特点：让您的用户从您的站点前端登录；让您的用户从您的网站前端进行注册；让您的用户从您的网站的前端恢复密码；自定义用于登录，
  • 王泽楷网站前端实训1 ohh_6c62
    1.安装nodejs2.安装git3.下载vue-element-admin建议本项目的定位是后台集成方案，不太适合当基础模板来进行二次开发。因为本项目集成了很多你可能用不到的功能，会造成不少的代码冗余。如果你的项目不关注这方面的问题，也可以直接基于它进行二次开发。集成方案:vue-element-admin基础模板:vue-admin-template桌面终端:electron-vue-admi
  • java 企业 网站源码 模版 屏幕自适应 有前后台 springmvc SSM 生成静态化 ddfer17159
    前台：支持四套模版，可以在后台切换访问：三W点1b23点org系统介绍：1.网站后台采用主流的SSM框架jspJSTL，网站后台采用freemaker静态化模版引擎生成html2.因为是生成的html，所以访问速度快，轻便，对服务器负担小3.网站前端采用主流的响应式布局，同一页面同时支持PC、平板、手机（三合一）浏览器访问4.springmvc+spring4.3.7+mybaits3.3SSM普
  • 开发笔记 – Spring Boot集成HBase IT东 JAVAWEBSERVICE后端开发
    最近在重新整理搜书吧(一个做图书比价的平台)的系统架构，目前图书产品数量超过了200万条。各种数据加起来超过40G了，使用Mysql数据库存储服务器吃不消，于是考虑使用HBase存储大部分数据。一、摘要以前搜书吧的数据量比较小，使用数据库+静态文件存储的方式就可以搞定，主要有2个系统组成：网站前端+后台服务。事先把图书详情等一些固定内容生成html静态文件和前端的其他静态文件打包部署，动态变化的数
  • 美食管理与推荐系统Python+Django网站系统+协同过滤推荐算法【计算机课设】 　子午 Python项目美食python推荐算法美食管理推荐
    一、介绍美食管理与推荐系统。本系统使用Python作为主要开发语言开发的一个美食管理推荐网站平台。网站前端界面采用HTML、CSS、BootStrap等技术搭建界面。后端采用Django框架处理用户的逻辑请求，并将用户的相关行为数据保存在数据库中。通过Ajax技术实现前后端的数据通信。创新点：项目中使用协同过滤推荐算法通过用户对美食的评分作为推荐数据基础，通过计算相似度实现对当前登录用户的个性化推
  • Go语言编程笔记17：Web Service 魔芋红茶 Go语言golang前端开发语言
    Go语言编程笔记17：WebService图源：wallpapercave.com通过一系列文章，我介绍了如何用Go语言构建一个Web应用，准确的说是一个网站。事实上并非所有的Web应用都是以网站的形式存在，其中相当一部分是WebService，相比前者，后者的应用范围更广泛，它的前端可能是纯Js编写的网站前端，也可能是移动APP，甚至是另一个Web应用。所以这篇文章将介绍如何构建一个WebSer
  • eyoucms 文章列表如何调用自定义字段 西祠_fa33
    使用易优模板时，文章列表,栏目列表调用自定义字段时，如何调用呢？{eyou:arclisttitlelen='20'infolen='50'row='4'addfields='自定义字段名'}{$field.title}{$field.自定义字段名}...{/eyou:arclist}网站前端显示效果（css样式请自行填充）转自：https://www.eyoucms.com/help/eyouj
  • java 企业门户网站 源码 自适应响应式 freemarker 静态引擎 html5 SSM dfwee222
    前台：支持五套模版，可以在后台切换访问：三W点1b23点com系统介绍：1.网站后台采用主流的SSM框架jspJSTL，网站后台采用freemaker静态化模版引擎生成html2.因为是生成的html，所以访问速度快，轻便，对服务器负担小3.网站前端采用主流的响应式布局，同一页面同时支持PC、平板、手机（三合一）浏览器访问4.springmvc+spring4.3.7+mybaits3.3SSM普
  • 第十三章 Odoo 12开发之创建网站前端功能 羽落花开 odoo12开发手册前端githubjavascript
    本文为最好用的免费ERP系统Odoo12开发手册系列文章第十三篇。Odoo起初是一个后台系统，但很快就有了前端界面的需求。早期基于后台界面的门户界面不够灵活并且对移动端不友好。为解决这一问题，Odoo引入了新的网站功能，为系统添加了CMS(ContentManagementSystem)内容管理系统。这使得我们无需集成第三方CMS便可创建美观又高效的前端。本文中我们将学习如何利用Odoo自带的网站
  • wordpress 图片本地化插件使用教程 果果开发2 WordPress前端
    支持将第三方网站图片下载到本地服务器，支持手动或自动执行文章图片本地化，再也不怕文章内容中含有第三方网站图片链接！支持大多数网站图片下载（只要图片无限制就可以看到，则插件就可以下载），无视图片防盗链（防盗链防的是网站前端，而不是后端）。部分图片网站需要登录等特殊限制情况下，需要定制开发才能进行图片本地化。在写文章时发现粘贴进来的图片无法展示，请无视它。只要图片链接正确，开启发布文章后执行图片本地化
  • VUE实现购物商城网站前端源码 xcLeigh VUE相关实现汇总前端vue.jsjavascript
    文章目录1.设计来源1.1登录注册页面1.2主界面1.3列表界面1.4详细界面1.5购物车界面2.源码2.1源码目录结构2.2源码下载作者：xcLeigh文章地址：https://blog.csdn.net/weixin_43151418/article/details/135054910VUE实现购物商城网站前端源码，商城网站源码，实现了商城登录注册页面、商城主页面、商品列表页面、商品详细页面、
  • Springboot+java爬虫+推荐算法+前后端分离实现小说推荐系统与数据可视化分析系统 tinyfox_z 程序设计javaspringboot爬虫
    如何针对互联网各大小说阅读网站的小说数据进行实时采集更新，建立自己的小说资源库，针对海量的小说数据开展标签处理特征分析，利用推荐算法完成针对用户的个性化阅读推荐？基于以上问题，本次小说推荐系统，建设过程主要分为小说推荐网站前端系统，小说运维管理后台系统，小说数据实时采集爬虫三个部分。小说推荐网站前端系统主要采用开源前端框架搭建小说推荐网站，提供用户登录注册，小说阅读等功能，小说运维管理后台，提供管
  • [译文和个人分析]REST vs RPC - RESTful究竟是什么？ weixin_30802171
    一好烦啊，分不清RESTRPCRESTful的区别,所以只能翻译一篇谷歌的文章，括号中是我的补充原文连接RESTvsRPC-WhatisRESTful?注意需要***二译文在所有的编程开发中，很少有术语像REST那样，包含太多无意意义（buzzwordized）或者过量定义（overdefined）。最常见的误解之一，使用HTTP动词（如GET，PUT，POST），而不是使用SOAP绑定网站前端服
  • Web前端安全知识 易则知
    前端页面及网站若不注意安全方面的防护，很容易被别人攻击，窃取用户敏感信息及诱导用户错误操作，目前，攻击网站前端的主要方式有如下几种：1.XSSXSS是CrossSiteScripting的缩写，即跨站点脚本攻击。XSS发生在用户的浏览器端，即当用户在加载HTML文档时执行了非预期的恶意脚本。总结XSS攻击的特点就是：尽一切办法在目标网站上执行非目标网站上原有的脚本。2.TLS/SSL早期的网络传输
  • 电子商务主要学什么？学电子商务专业有用吗？ 氧惠全网优惠
    学电子商务可以从是网站前端开发、网站后台开发、应用程序开发、硬件建设维护、ERP开发、数据库、网站运营、网站策划、网络编辑、网络产品经理等相关工作。电子商务主要学什么：1电子商务毕业后能做什么网络营销员：我们也可以把它称之为网络推广员，主要目的就是帮助公司优化公司在某网站上的排名或者是优化产品在网站上面的排名。网站设计：如果学的是偏设计方面的电子商务专业，那么可以从事网络设计方面的专业，这个行业还
  • 常用的HTML标记整理 一个前端人 HTMLHTML4HTML4.01HTML
    一、HTML大体格式标题（记事本为gb2312)二、1.超链接标记邮件超链接:点击邮件超链接，会自动打开你电脑上邮件发送软件，将收件人地址自动填充（foxmail）锚链接（书签链接）:访问链接定义锚点:2.换行3. 空格4.refresh设定本网页自动刷新时间间隔秒数（10秒）5.设定本网页十秒后跳转到其他界面或网页6.网站前端三层:(x)html结构层html结构css表现层决定htm
  • 前端开发用的网站 光影少年 htmlvue.js
    网站前端相关网站懒人之家懒人之家,懒人,懒人代码,jquery特效--可能是JS网页特效代码收集最全的网站-jq22jQuery插件库-收集最全最新最好的jQuery插件国内站点排名信息网站排行榜-站长之家seo优化结果查询站长工具-SEO综合查询程序师程序师-程序员、编程语言、软件开发、编程技术菜鸟教程菜鸟教程-学的不仅是技术，更是梦想！掘金网前端-掘金简书简书-创作你的创作博客园博客园-开发者
  • Web/HTML/CSS/的笔记 毛毛毛_7670
    一、web基本介绍1.Web是Worlwideweb的缩写，称为全球广域网，俗称www2.我们可以将Web理解为当前的一种互利网，对于我们来说更多的就是网站服务。3.网站我们可以认为是由多个网页组合在一起形成一种服务4.Web前端就是负责网站前端效果的实现内容。5.网页就是由前端工程师使用HTML语言编写的页面，其中包含视频，文字，图片，音频....（网页本质就是HTML文件）6.Web的标准就是
  • 文件上传 [ACTF2020 新生赛]Upload1 访白鹿 sql
    打开题目，发现是一道文件上传题目随便上传个一句话木马上去发现网站前端有白名单限制，只能上传含有jpg，png，gif的后缀文件最开始我想到的做法是先上传htaccess文件，bp修改文件头，上传成功后然后再上传以jpg为文件后缀的一句话木马上传htaccess文件的时候，因为有前端校验，我们把前端校验删了以后发现能够成功上传htaccess文件，但是接着上传jpg格式的一句话木马时却连不上得到fl
  • js 将图片置灰_将图片转换成黑白(灰色)的css和js的方法 景子小姐Yume js将图片置灰
    我们在做网站前端时，有时会碰到需要将图片变成黑白或者灰色的需求，比如商品缺货时，将图片置成灰色是一个很好的用户体验。那么如何将图片转换成黑白呢？我们通过程序调用不同的图片就很容易实现，但这种做法的缺点是同一种图片需要制作两张图片，一种是正常的图片，一种是灰色的图片。这样势必很繁琐。今天给大家介绍的是通过CSS来实现这一效果。实现的方式主要有以下几种：CSS3greyscale滤镜实现css代码：.
  • 【c语言学习概述-基本数据类型】 夜晚烟火 C语言学习c语言
    各大编程语言的主要用途C/C++C++是在C语言的基础上发展起来的，C++包含了C语言的所有内容，C语言是C++的一个部分，它们往往混合在一起使用，所以统称为C/C++。C/C++主要用于PC软件开发、Linux开发、游戏开发、单片机和嵌入式系统。JavaScriptJavaScript最初只能用于网站前端开发，而且是前端开发的唯一语言，没有可替代性。近年来由于Node.js的流行，JavaScr
  • 网站前端性能优化常用几种方式 weixin_34004750 前端javascript运维ViewUI
    网站前端性能优化常用几种方式一、总结一句话总结：http请求优化（减少cookie体积，减少http请求次数）加载策略（预加载，推迟加载内容）静态资源（样式文件放在顶部，把js文件放在底部）1、JavaScript和CSS是应该放在外部文件中呢还是把它们放在页面本身之内呢？放在外部文件中：浏览器会缓存这些文件，单页面也更小，用户访问多个网页的话外部文件可以复用在实际应用中使用外部文件可以提高页面速
  • 【java官网门户源码】SSM框架 自适应-响应式 freemarker 静态模版引擎 开心漠少君
    前台：支持(5+1[时尚单页风格])六套模版,可以在后台切换访问：三W.1b23.com系统介绍：1.网站后台采用主流的SSM框架jspJSTL，网站后台采用freemaker静态化模版引擎生成html2.因为是生成的html，所以访问速度快，轻便，对服务器负担小3.网站前端采用主流的响应式布局，同一页面同时支持PC、平板、手机（三合一）浏览器访问4.springmvc+spring4.3.7+m
  • JVM StackMapTable 属性的作用及理解 lijingyao8206 jvm字节码Class文件StackMapTable
            在Java 6版本之后JVM引入了栈图(Stack Map Table)概念。为了提高验证过程的效率，在字节码规范中添加了Stack Map Table属性，以下简称栈图，其方法的code属性中存储了局部变量和操作数的类型验证以及字节码的偏移量。也就是一个method需要且仅对应一个Stack Map Table。在Java 7版
  • 回调函数调用方法 百合不是茶 java
    最近在看大神写的代码时,.发现其中使用了很多的回调 ,以前只是在学习的时候经常用到 ,现在写个笔记 记录一下   代码很简单:           MainDemo  :调用方法  得到方法的返回结果        
  • [时间机器]制造时间机器需要一些材料 comsci 制造
          根据我的计算和推测,要完全实现制造一台时间机器,需要某些我们这个世界不存在的物质     和材料...       甚至可以这样说,这种材料和物质,我们在反应堆中也无法获得......      
  • 开口埋怨不如闭口做事 邓集海 邓集海 做人 做事 工作
    “开口埋怨，不如闭口做事。”不是名人名言，而是一个普通父亲对儿子的训导。但是，因为这句训导，这位普通父亲却造就了一个名人儿子。这位普通父亲造就的名人儿子，叫张明正。 　　 　　张明正出身贫寒，读书时成绩差，常挨老师批评。高中毕业，张明正连普通大学的分数线都没上。高考成绩出来后，平时开口怨这怨那的张明正，不从自身找原因，而是不停地埋怨自己家庭条件不好、埋怨父母没有给他创造良好的学习环境。 　　 　　
  • jQuery插件开发全解析，类级别与对象级别开发 IT独行者 jquery开发插件　函数
    jQuery插件的开发包括两种： 一种是类级别的插件开发，即给 jQuery添加新的全局函数，相当于给 jQuery类本身添加方法。 jQuery的全局函数就是属于 jQuery命名空间的函数，另一种是对象级别的插件开发，即给 jQuery对象添加方法。下面就两种函数的开发做详细的说明。   1 、类级别的插件开发 类级别的插件开发最直接的理解就是给jQuer
  • Rome解析Rss 413277409 Rome解析Rss
    import java.net.URL;  import java.util.List;    import org.junit.Test;    import com.sun.syndication.feed.synd.SyndCategory;  import com.sun.syndication.feed.synd.S
  • RSA加密解密 无量 加密解密rsa
    RSA加密解密代码 代码有待整理 package com.tongbanjie.commons.util; import java.security.Key; import java.security.KeyFactory; import java.security.KeyPair; import java.security.KeyPairGenerat
  • linux 软件安装遇到的问题 aichenglong linux遇到的问题ftp
    1 ftp配置中遇到的问题    500 OOPS: cannot change directory   出现该问题的原因:是SELinux安装机制的问题.只要disable SELinux就可以了   修改方法:1 修改/etc/selinux/config 中SELINUX=disabled    2 source /etc
  • 面试心得 alafqq 面试
    最近面试了好几家公司。记录下； 支付宝，面试我的人胖胖的，看着人挺好的；博彦外包的职位，面试失败； 阿里金融，面试官人也挺和善，只不过我让他吐血了。。。 由于印象比较深，记录下； 1，自我介绍 2，说下八种基本类型；（算上string。楼主才答了3种，哈哈，string其实不是基本类型，是引用类型） 3，什么是包装类，包装类的优点； 4，平时看过什么书？NND，什么书都没看过。。照样
  • java的多态性探讨 百合不是茶 java
    java的多态性是指main方法在调用属性的时候类可以对这一属性做出反应的情况 //package 1; class A{ public void test(){ System.out.println("A"); } } class D extends A{ public void test(){ S
  • 网络编程基础篇之JavaScript-学习笔记 bijian1013 JavaScript
    1.documentWrite <html> <head> <script language="JavaScript"> document.write("这是电脑网络学校"); document.close(); </script> </h
  • 探索JUnit4扩展：深入Rule bijian1013 JUnitRule单元测试
            本文将进一步探究Rule的应用，展示如何使用Rule来替代@BeforeClass，@AfterClass，@Before和@After的功能。         在上一篇中提到，可以使用Rule替代现有的大部分Runner扩展，而且也不提倡对Runner中的withBefores()，withAfte
  • [CSS]CSS浮动十五条规则 bit1129 css
    这些浮动规则，主要是参考CSS权威指南关于浮动规则的总结，然后添加一些简单的例子以验证和理解这些规则。   1. 所有的页面元素都可以浮动 2. 一个元素浮动后，会成为块级元素，比如<span>,a, strong等都会变成块级元素 3.一个元素左浮动，会向最近的块级父元素的左上角移动，直到浮动元素的左外边界碰到块级父元素的左内边界；如果这个块级父元素已经有浮动元素停靠了
  • 【Kafka六】Kafka Producer和Consumer多Broker、多Partition场景 bit1129 partition
    0.Kafka服务器配置 3个broker 1个topic，6个partition，副本因子是2 2个consumer，每个consumer三个线程并发读取   1. Producer package kafka.examples.multibrokers.producers; import java.util.Properties; import java.util.
  • zabbix_agentd.conf配置文件详解 ronin47 zabbix 配置文件
    Aliaskey的别名，例如 Alias=ttlsa.userid:vfs.file.regexp[/etc/passwd,^ttlsa:.:([0-9]+),,,,\1]， 或者ttlsa的用户ID。你可以使用key：vfs.file.regexp[/etc/passwd,^ttlsa:.: ([0-9]+),,,,\1]，也可以使用ttlsa.userid。备注: 别名不能重复，但是可以有多个
  • java--19.用矩阵求Fibonacci数列的第N项 bylijinnan fibonacci
    参考了网上的思路，写了个Java版的： public class Fibonacci { final static int[] A={1,1,1,0}; public static void main(String[] args) { int n=7; for(int i=0;i<=n;i++){ int f=fibonac
  • Netty源码学习-LengthFieldBasedFrameDecoder bylijinnan javanetty
    先看看LengthFieldBasedFrameDecoder的官方API http://docs.jboss.org/netty/3.1/api/org/jboss/netty/handler/codec/frame/LengthFieldBasedFrameDecoder.html API举例说明了LengthFieldBasedFrameDecoder的解析机制，如下： 实
  • AES加密解密 chicony 加密解密
    AES加解密算法，使用Base64做转码以及辅助加密： package com.wintv.common; import javax.crypto.Cipher; import javax.crypto.spec.IvParameterSpec; import javax.crypto.spec.SecretKeySpec; import sun.misc.BASE64Decod
  • 文件编码格式转换 ctrain 编码格式
    package com.test; import java.io.File; import java.io.FileInputStream; import java.io.FileOutputStream; import java.io.IOException; import java.io.InputStream; import java.io.OutputStream;
  • mysql 在linux客户端插入数据中文乱码 daizj mysql中文乱码
    1、查看系统客户端，数据库，连接层的编码  查看方法： http://daizj.iteye.com/blog/2174993 进入mysql，通过如下命令查看数据库编码方式： mysql>  show variables like 'character_set_%'; +--------------------------+------
  • 好代码是廉价的代码 dcj3sjt126com 程序员读书
      长久以来我一直主张：好代码是廉价的代码。 当我跟做开发的同事说出这话时，他们的第一反应是一种惊愕，然后是将近一个星期的嘲笑，把它当作一个笑话来讲。 当他们走近看我的表情、知道我是认真的时，才收敛一点。 当最初的惊愕消退后，他们会用一些这样的话来反驳： “好代码不廉价，好代码是采用经过数十年计算机科学研究和积累得出的最佳实践设计模式和方法论建立起来的精心制作的程序代码。” 我只
  • Android网络请求库——android-async-http dcj3sjt126com android
    在iOS开发中有大名鼎鼎的ASIHttpRequest库，用来处理网络请求操作，今天要介绍的是一个在Android上同样强大的网络请求库android-async-http，目前非常火的应用Instagram和Pinterest的Android版就是用的这个网络请求库。这个网络请求库是基于Apache HttpClient库之上的一个异步网络请求处理库，网络处理均基于Android的非UI线程，通
  • ORACLE 复习笔记之SQL语句的优化 eksliang SQL优化Oracle sql语句优化SQL语句的优化
    转载请出自出处：http://eksliang.iteye.com/blog/2097999   SQL语句的优化总结如下   sql语句的优化可以按照如下六个步骤进行： 合理使用索引 避免或者简化排序 消除对大表的扫描 避免复杂的通配符匹配 调整子查询的性能 EXISTS和IN运算符 下面我就按照上面这六个步骤分别进行总结：
  • 浅析：Android 嵌套滑动机制（NestedScrolling） gg163 android移动开发滑动机制嵌套
    谷歌在发布安卓 Lollipop版本之后，为了更好的用户体验，Google为Android的滑动机制提供了NestedScrolling特性 NestedScrolling的特性可以体现在哪里呢？<!--[if !supportLineBreakNewLine]--><!--[endif]--> 比如你使用了Toolbar，下面一个ScrollView，向上滚
  • 使用hovertree菜单作为后台导航 hvt JavaScriptjquery.nethovertreeasp.net
      hovertree是一个jquery菜单插件，官方网址：http://keleyi.com/jq/hovertree/ ，可以登录该网址体验效果。 0.1.3版本：http://keleyi.com/jq/hovertree/demo/demo.0.1.3.htm hovertree插件包含文件： http://keleyi.com/jq/hovertree/css
  • SVG 教程 （二）矩形 天梯梦 svg
    SVG <rect> SVG Shapes SVG有一些预定义的形状元素，可被开发者使用和操作： 矩形 <rect> 圆形 <circle> 椭圆 <ellipse> 线 <line> 折线 <polyline> 多边形 <polygon> 路径 <path>
  • 一个简单的队列 luyulong java数据结构队列
    public class MyQueue { private long[] arr; private int front; private int end; // 有效数据的大小 private int elements; public MyQueue() { arr = new long[10]; elements = 0; front
  • 基础数据结构和算法九：Binary Search Tree sunwinner Algorithm
      A binary search tree (BST) is a binary tree where each node has a Comparable key (and an associated value) and satisfies the restriction that the key in any node is larger than the keys in all
  • 项目出现的一些问题和体会 Steven-Walker DAOWebservlet
         第一篇博客不知道要写点什么，就先来点近阶段的感悟吧。     这几天学了servlet和数据库等知识，就参照老方的视频写了一个简单的增删改查的，完成了最简单的一些功能，使用了三层架构。 dao层完成的是对数据库具体的功能实现，service层调用了dao层的实现方法，具体对servlet提供支持。  &
  • 高手问答：Java老A带你全面提升Java单兵作战能力！ ITeye管理员 java
    本期特邀《Java特种兵》作者：谢宇，CSDN论坛ID: xieyuooo 针对JAVA问题给予大家解答，欢迎网友积极提问，与专家一起讨论! 作者简介： 淘宝网资深Java工程师，CSDN超人气博主，人称“胖哥”。 CSDN博客地址： http://blog.csdn.net/xieyuooo 作者在进入大学前是一个不折不扣的计算机白痴，曾经被人笑话过不懂鼠标是什么，
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他