strongerPian
strongerPian

手风琴

先放效果图

代码:

DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <title>title>
    <style type="text/css">
        * {
            margin: 0;
            padding: 0;
        }
        
        img {
            border: none;
            display: block;
        }
        
        #acc {
            width: 640px;
            height: 140px;
            margin: 0 auto;
        }
        
        #acc ul {
            border-left: 1px solid #ddd;
            height: 140px;
            position: relative;
        }
        
        #acc ul li {
            width: 50px;
            height: 138px;
            border: 1px solid #ddd;
            float: left;
            list-style: none;
            border-left: 0;
            position: relative;
            overflow: hidden;
        }
        
        #acc ul li.active {
            width: 434px;
        }
        
        #acc ul li h3 {
            font-size: 14px;
            color: #000;
            font-weight: 100;
            width: 14px;
            height: 98px;
            padding: 40px 18px 0;
        }
        
        #acc ul li h3.active {
            background: #f42760;
            color: #fff;
        }
        
        #acc ul li div {
            width: 383px;
            height: 138px;
            background: blue;
            position: absolute;
            top: 0;
            left: 50px;
            border-left: 1px solid #ddd;
            z-index: 0;
        }
        
        #acc ul li img {
            width: 383px;
            height: 138px;
        }
        
        #acc ul li.last {
            position: absolute;
            top: 0;
            right: 0;
        }
    style>
head>

<body>
    <div id="acc">
        <ul>
            <li class="active">
                <h3 class="active">红玫瑰h3>
                <div><img src="img/bg1.jpg" />div>
            li>
            <li>
                <h3>白玫瑰h3>
                <div><img src="img/bg2.jpg" />div>
            li>
            <li>
                <h3>红玫瑰h3>
                <div><img src="img/bg3.jpg" />div>
            li>
            <li>
                <h3>白玫瑰h3>
                <div><img src="img/bg4.jpg" />div>
            li>
            <li class="last">
                <h3>红玫瑰h3>
                <div><img src="img/bg5.jpg" />div>
            li>
        ul>
    div>
    <script src="js/jquery-1.11.3.js" type="text/javascript" charset="utf-8">script>
  
    <script type="text/javascript">
        $(function() {
            //鼠标移到当前li上，当前li的宽度变成434px,li里的h3要添加一个类名active让背景变红，文字变白
            $("#acc")
                .find("li")
                .mouseover(function() {
                    $(this)
                        .stop()
                        .animate({
                            width: "434px"
                        }, 800)
                        .children("h3")
                        .addClass("active")
                        //end()是从h3回到li上去
                        .end()
                        .siblings() //当前li的所有兄弟li
                        .stop()
                        .animate({
                            width: "50px"
                        }, 800)
                        .children("h3")
                        .removeClass("active");
                });
        });
    script>
body>

html>

 

你可能感兴趣的:(手风琴)

  • React Native实现手风琴折叠菜单效果 做全栈攻城狮
    使用了各类手风琴组件，都出现了各类问题。而市面上手风琴效果的第三方组件又不是很多。最终使用的是antdesign的手风琴效果，简单高效。组件网址：https://rn.mobile.ant.design/components/accordion-cn/#components-accordion-demo-basic使用DEMO：https://github.com/ant-design/ant-d
  • 使用CSS、JavaScript、jQuery三种方式实现手风琴效果 蒲公英1001 javascriptcssjquery
    手风琴效果有不少，王者荣耀官网（源网址https://pvp.qq.com/raiders/）有一处周免英雄，使用的就是手风琴效果，如图所示。我试着用css、js、jQuery三种方式实现了这种效果，最终效果差不多，美中不足的是，css方式当鼠标离开后，会恢复到初始状态，也就是显示第一张大图片的状态。而使用js和jQuery方式，则会停留在鼠标进入的那一张，不恢复到第一张的状态。如何使用纯CSS，
  • 2022-09-16 辽宁王忠新
    文艺创作必须打破“装神弄鬼”有人神神乎乎地说，创作钢琴曲如何如何之难，可创作古筝曲、琵琶曲、手风琴等，就不难吗？要说难，干什么不难？农民种地不难吗？若不难，怎么让一些知识分子走走工农相结合，就胡编滥造出那么多“牛棚日记”。要说不难，那是会者不难，难者不会！往往越没本事越能装，越能装的越没本事。为此，文艺创作要打破“装神弄鬼”，文艺创作才能回归自然。一小约翰·施特劳斯创作《蓝色多瑙河》，被誉为“圆舞
  • 计算机电子琴歌声号码,电子琴歌音色节奏一览表.xls 大翎爱写字 计算机电子琴歌声号码
    电子琴歌音色节奏一览表Sheet3Sheet2Sheet11、草原夜色美——速度：95；节奏：叙事曲015号；音色：弦乐068号2、好日子——速度：125；节奏：进行曲114号；音色：甜美小号094号3、祖国一片新面貌——同上。4、在希望的田野上——速度：130；节奏：进行曲114号；音色甜美小号或手风琴5、远方书信乘风来——速度：115；节奏：进行曲(前奏慢板叙事曲015号)；音色：甜美小号或手
  • 手风琴啊手风琴 桔子小妞0423
    自幼学习手风琴，工作后断断续续为了一些小模小样的演出碰过几次。回程的大巴上突然想念起了它的声音。耳机里传来熟悉音色的那一刻，手痒痒，心痒痒。大概这是我一生甩不掉的情人，音起，过往种种卷土重来，音灭，我坚信我们以后终会久别重逢。——只有产生过羁绊才会感同身受的奇妙感觉。
  • 发脾气 剪烛西窗_d70d
    2018年9月27日星期四晴亲爱的毛毛，今天你难得对着妈妈发了脾气，我感觉有些新奇，也顺利抚慰了你的坏情绪。下午本来说好妈妈办公室加班，爸爸去接你。但是爸爸有事，我只好去接你了。看得出来我接你你很高兴，你还对我说妈妈骗人说话不算话。我跟你解释爸爸有事我就来了。一路上你对我说着幼儿园的种种。我们手拉手回学校，然后回家。晚上有美术课，我们直接没吃饭，先练了手风琴，我还是感觉你很有进步了。然后我们等待爸
  • 劲爆！俄罗斯BanyanMix手风琴男神！ wszmd
    七日更最后一天，聊聊心中的手风琴男神？噢欣赏他们的才华～充满着潇洒激情…巴扬”是手风琴的一种，音译名来自俄语的“баян”。而这个名字又来源于俄罗斯的一位名叫巴扬的演奏家，他当时因为演奏古老的手风琴而闻名。巴扬是俄罗斯的民族乐器，与传统键盘式手风琴不同，巴扬是键钮式手风琴，键盘都是一粒粒纽扣组成的，这样的排列使得巴扬产生了传统键盘手风琴无法比拟的宽音域。图片发自App
  • 大前端完整学习路线（详解） 强哥科技兴
    第一阶段：HTML+CSS:HTML进阶、CSS进阶、div+css布局、HTML+css整站开发、JavaScript基础：Js基础教程、js内置对象常用方法、常见DOM树操作大全、ECMAscript、DOM、BOM、定时器和焦点图。JS基本特效：常见特效、例如：tab、导航、整页滚动、轮播图、JS制作幻灯片、弹出层、手风琴菜单、瀑布流布局、滚动事件、滚差视图。JS高级特征：正则表达式、排序算
  • 分享82个JS手风琴效果，总有一款适合您 自动化新人 javascript前端
    分享82个JS手风琴效果，总有一款适合您82个JS手风琴效果下载链接：https://pan.baidu.com/s/1JkX40DqB8_xk8FfSnNQamQ?pwd=8888提取码：8888Python采集代码下载链接：采集代码.zip-蓝奏云学习知识费力气，收集整理更不易。知识付费甚欢喜，为咱码农谋福利。CSS3横向切换图片手风琴特效jQuery多款卡片切换手风琴特效jQuery鼠标悬停
  • 生活需要仪式感——我的lifelog 雅俗儿的手帐
    《风在路上》作者：卡尔·桑德堡[美国]每一天都是最后一天我等待过明天它从不到来。海岸上被冲洗的沙滩我们温存地待它，在上面写下我们的名字。沙滩消失了，露出来了，没有明天，没有昨天。一切在当下。我听过女高音歌手在大教堂高声低声吟唱光的颂歌。我听过孤独的拉手风琴的人高声低声奏响千变万化。每一天都是最后一天。明天是风，在路上。图片发自App图片发自App图片发自App图片发自App图片发自App图片发自A
  • 风在路上 布衣格子
    《风在路上》每一天都是最后一天我等待过明天它从不到来。海岸上被冲洗的沙滩我们温存地待它，在上面写下我们的名字。沙滩消失了，露出来了，没有明天，没有昨天。一切在当下。我听过女高音歌手在大教堂高声低声吟唱光的颂歌。我听过孤独的拉手风琴的人高声低声奏响千变万化。每一天都是最后一天。明天是风，在路上。
  • 作业飞速完成 剪烛西窗_d70d
    2019年4月9日星期二雨亲爱的毛毛，今天下雨，你穿上雨衣雨鞋，相反更快乐，自己雨中跑得很开心。你坚持去了幼儿园。下午爸爸接你，我也去了幼儿园附近汇合，我们一起回家。今天给你买的皮鞋到了，你穿上故意走出咔哒咔哒的声音，简直美得不行了，其实女孩就该爱美，妈妈这都是为了你的演出准备的，毕竟上台还是需要服装得体的。爸做饭的空隙，妈就带着你练舞蹈读书，我们很快完成了很多任务，吃完饭练习手风琴，今天也是出奇
  • 基础乐理--五线谱 weixin_30252155
    用来记载音符的五条平行横线叫做五线谱。五线谱的五条线和由五条线所形成的间，都自下而上计算的。假使音乐作品是写在数行五线谱上，那么，这数行五线谱还要用连谱号连结起来。连谱号包括起线（连结数行五线谱的垂直线）和括线（连结数行五线谱的括弧）两个组成部分。括线分花的和直的两种。花括线为钢琴、风琴、手风琴、竖琴、扬琴、琵琶等乐器记谱使用。直括线为合奏、合唱、乐队记谱用。在总谱中用直括线来连接同为乐器，把它们
  • 上帝只给了你另一半 醉月_浮殇
    自从你生下来的那一刹那起，你就注定要回去。这中间的曲折磨难、顺畅欢乐便是你的命运。闹腾了大半天，忽然，传来摩托车的声音，转眼间，一个警察骑着摩托车赶来了。阿辽沙本来是用这种触犯众怒的举动给邱红施压，逼她出来。可出来的人越来越多，就是没有邱红，他的预谋失败了，早没了底气。见警察到了跟前，立时把手风琴从肩膀上移下来，离开木凳站起身，毕恭毕敬地说，警察同志，我，这就撤退，撤退。闹腾了大半天，忽然，传来摩
  • 手风琴案例 与月儿漫邀 csshtml前端
    手风琴案例*{margin:0;padding:0;}img{display:block;}ul{list-style:none;}.king{width:852px;margin:100pxauto;background:url(images/bg.png)no-repeat;overflow:hidden;padding:10px;}.kingul{overflow:hidden;}.king
  • 涌动 十二里夏天
    男孩背着黑色书包越过十字路口老妪挎着篮子走过人行道那过街天桥上异国的朋友欢呼着新年的钟声手风琴欢快地跳动着头顶的烟花异常地绚烂一声响雷大街小巷的喧哗声瞬间寂静
  • 关于玫瑰的永不落俗的高级文案 绛橘色的日落g
    1.我是枯萎的玫瑰，是港口吹过的风，是不被在意的真诚。2.把玫瑰藏于盛夏，把海棠藏于深秋。3.玫红的玫瑰，湖与森绿的薄荷岛，好像都没办法拒绝。"将玫瑰藏在身后期待与你赴约。4.风很温柔，花很浪漫，你很特别，我很喜欢，我们从远方赶来，共赴一场玫瑰色。5.少女的梦里有大海，有日落，有蝉鸣不止的盛夏，和永不凋零的玫瑰。6.落幕下的花店，玫瑰将荒野的故事告诉风烟。7.神明溺水，玫瑰凋零，堂里拉着手风琴浪漫
  • 怀抱着的即兴与浪漫（1） 桔子小妞0423
    坐在回程的大巴上，给双耳塞上耳机，却不知道彼时彼刻的心情应该用什么音乐来安抚。随手翻翻看网易云音乐歌单，华语的，欧美的，节奏的，柔美的，好像很久很久没在“我喜欢的音乐”里增加一首歌了。鬼使神差地，在搜索框输入了“手风琴”，庆幸还是有不少手风琴歌单。音乐响起的那一刻，所有躁乱的思绪全部停止，全身的细胞好像重新活过来了一般，激动雀跃。我能想到最贴切的比喻，是把它唤做我的情人。与君初相识，是在一条坑洼的
  • 若死神在不断逼近 不怕 因为人间还有温暖 Sunny_King被注册
    如果说战争跟死神同时袭来，会让芸芸众生瑟瑟发抖，那么，总有人会释放那么一股力量让你勇敢并且坚强。20世纪40年代，当二战还在继续，当纳粹份子在猖狂，德国慕尼黑的一座小镇上，那里黑夜很长，死神在讲述自己的故事。那里住着一个爱读书的小女孩，一个拉手风琴的男人和一位年轻的犹太人，书与文字将他们联系在一起，用故事的力量一起拥抱着苦难。渐渐地，小女孩成了偷书贼，然后她把偷来的书里的故事讲给身边的人听。现在，
  • 大自然的声音 l刘洁
    风是大自然的音乐家，它会在森林里演奏它的手风琴，当它走过森林树叶便像歌手一样唱出各种不同的音乐。动物是大自然的歌手，走在池塘边散步，听听小青蛙的歌唱，呱……呱……呱。图片发自App
  • 2021-09-27 发呆星人
    昨天三件事回顾1、运动这事儿最近有懈怠的苗头，今天经期瑜伽+力量训练，轻量的腰腹也可以做——好了，没练，偷懒真的是来的很快2、手风琴《ABC》右手弹得很不连贯，需要找一下学习视频——再见吧朋友，我是个嘴炮3、订蛋糕给雪扬过生日（那我更是要减肥double了）——还就只有吃永远不会缺席今天三件事回顾1、下午去耳鼻喉医院看一下耳朵痒的问题2、12分钟跑前拉伸+上肢力量+腰腹+拉伸+腹式呼吸3、这个月还
  • 五条人：有些你认为诗意的东西他们觉得恶心 羔羊泽子
    来自广东海丰的五条人乐队由吉他阿茂、手风琴仁科、鼓手邓博宇组成，至今已发行《两只麻雀》、《县城记》、《一些风景》、《梦幻丽莎发廊》、《广东姑娘》等多张专辑。中国辽阔的地域面积给了乐队无限的想象空间，他们以方言为创作基底，搭配地域特有的民俗风情、文化特色，将它们与乐器糅合，创造既属于当地、又不局限于当地的音乐风格。仁科第一次来广州是为了找阿茂，在天河客运站叫了一辆摩托，“摩托车穿过天河北路，我看到了
  • 亲子游泳乐趣多 剪烛西窗_d70d
    2019年9月28日星期六晴亲爱的毛毛，今天我们一起去和果果游泳了，我特意选在了周六去，希望你也和果果玩玩。果真你和果果玩得很开心，果果游泳的时候你在一旁逗他，还拉他的手和他互动。然后你一天的安排就满满的了，先上口才，下午美术和手风琴。你倒是很乐意去上，唉，可惜这周我们忙作业疏于练习了。晚上回来也没得闲，我们的语文拼读没拼，你爸和你拼读。数学我让你做了两张口算题卡，做了几道题，你都做得很好，速度快
  • 2021-12-31 存_68bd
    电影05年出品，发生七八十年代的河南鹤阳，一家五口人的生活，父母是双职工。高卫国：哥哥小时候受过伤稍微有点智力问题，一个憨憨的胖子。高卫红：姐姐性格敏感、胆大，不怕惹事，作风大胆的异类。高卫强：沉默的像个影子。影片从哥哥、姐姐和弟弟的故事来叙述他们眼中的生活。姐姐青春：故事的开头：一家人围坐在一张小桌子前吃饭，一家人几乎没有对话图片姐姐是一个气质脱俗的少女，她喜欢弹奏手风琴图片母亲托人结束她去托儿
  • 听一曲属于父亲的旋律——钢的琴 光影西东
    《钢的琴》是一部由张猛执导，王千源和秦海璐主演的电影。该片于2011年7月15日在国内上映。讲述了一位父亲为了女儿的音乐梦想，不断努力，最后通过身边朋友的帮助，用钢铁为女儿打造出一架钢琴的故事，用小人物的幽默与艰辛，讲述了一段感人至深的故事。上世纪90年代初，大量国有企业倒闭，东北一座重工业城市里，钢厂工人陈桂林因为懂些音律，会拉手风琴，在下岗后和工友们拉起了一支乐队，终日奔波在婚丧嫁娶的演出中，
  • 二年级音乐上册试卷 2cb84295aade
    一、选择题。1、《早上好》是一首（）儿歌。A乌干达B巴西C法国2、下面哪种乐器属于民族乐器（）A小提琴B钢琴C唢呐3、下面哪种乐器属于西洋乐器（）A二胡B小提琴C琵琶4、《四小天鹅舞曲》的情绪是（）A悲伤地B活泼地C优美地5、v是什么符号（）A休止符B反复记好C换气记号6、《糖果仙子舞曲》中神秘的声音是发自什么乐器（）A钢片琴B钢琴C手风琴7、唢呐的声音是怎样的（）A清脆明亮B低沉浑厚C富于变化8
  • 腕叹从“神坛”跌落的李云迪 纳兰新声
    近日，被称为“钢琴王子”、“中国肖邦”等等美誉称号的李云迪，一夜之间却因为“嫖娼”这等下三滥的丑闻而被哄下神坛。换个公平的说法，是李云迪本人将自己硬生生地从那个神坛推下的。李云迪何许人也？李云迪祖籍中国重庆，4岁时，母亲就让他开始接触少年手风琴，从中发现了他对钢琴潜在的兴趣和超强能力，于是创造条件让他7岁便真正开始系统性地学习钢琴，从此收获各种较高级别的奖项无数，18岁时更是获得第十四届肖邦国际大
  • 巴扬演绎经典 兴趣播种梦想 梦沁
    她是一名才华横溢的流行音乐系青年教师，有着非同凡响的“巴扬”舞台表演，并诠释了她对音乐的热爱。我们称她“巴扬公主”。我与她结识于一次难忘的手风琴、世界杯大赛的颁奖典礼上，当她怀抱巴扬，十指跃动，一曲悠扬的《贝加尔湖畔》前奏响起，美妙的巴扬琴声在回荡，旋律在她指间流淌，眉眼之间洋溢着自信，优雅的笑容挂在嘴边。最终她以优异成绩摘得桂冠。典礼结束后她发表得奖感言：“演奏这条路是一场修行，我要始终坚持比过
  • 奇葩乞丐，颠覆三观 风蝉
    1我一向不以最坏的恶意来揣测乞丐的，今天的这件事却让我有些动摇。前日逛街，见有乞讨者，头挂二维码，手抱宠物狗，旁摆音响、手风琴，前挂招牌，招牌上写着“盲人乞讨，谢谢各位爱心人士”。再看他的衣服干净利落，肌肤白皙，梳理着小狗。震惊、颠覆，绝对是三观的颠覆，云乞丐者，必然是身体残废，缺少劳动能力，低调、落魄、贫穷是他们的代名词，此君让人愕然。2一则他的身体并无大碍，白皙的皮肤，健硕的肌体，年纪也不大，
  • Bootstrap实现手风琴效果 Ying（英子） web前端bootstrap手风琴效果折叠插件
    Bootstrap实现手风琴效果用Bootstrap实现手风琴效果中，其实主要用到的就是一些折叠插件。效果展示：每次只展开一个部分的内容。实现的代码：第一部分链接第一部分内容第二部分链接第一部分内容第三部分链接第三部分内容第四部分链接第四部分内容第一部分链接第一部分内容第二部分链接第一部分内容第三部分链接第三部分内容第四部分链接第四部分内容//js代码//手风琴折叠效果$('#collapse5,
  • Spring的注解积累 yijiesuifeng spring注解
    用注解来向Spring容器注册Bean。   需要在applicationContext.xml中注册： <context:component-scan base-package=”pagkage1[,pagkage2,…,pagkageN]”/>。 如：在base-package指明一个包    <context:component-sc
  • 传感器 百合不是茶 android传感器
    android传感器的作用主要就是来获取数据,根据得到的数据来触发某种事件   下面就以重力传感器为例;   1,在onCreate中获得传感器服务   private SensorManager sm;// 获得系统的服务 private Sensor sensor;// 创建传感器实例 @Override protected void
  • [光磁与探测]金吕玉衣的意义 comsci
          这是一个古代人的秘密:现在告诉大家       信不信由你们:       穿上金律玉衣的人,如果处于灵魂出窍的状态,可以飞到宇宙中去看星星       这就是为什么古代
  • 精简的反序打印某个数 沐刃青蛟 打印
    以前看到一些让求反序打印某个数的程序。 比如：输入123，输出321。   记得以前是告诉你是几位数的，当时就抓耳挠腮，完全没有思路。   似乎最后是用到%和/方法解决的。   而今突然想到一个简短的方法，就可以实现任意位数的反序打印（但是如果是首位数或者尾位数为0时就没有打印出来了）   代码如下： long num, num1=0;
  • PHP：6种方法获取文件的扩展名 IT独行者 PHP扩展名
      PHP：6种方法获取文件的扩展名   1、字符串查找和截取的方法   1 $extension = substr ( strrchr ( $file ,  '.' ), 1); 2、字符串查找和截取的方法二   1 $extension = substr
  • 面试111 文强chu 面试
    1事务隔离级别有那些 ，事务特性是什么（问到一次） 2 spring aop 如何管理事务的，如何实现的。动态代理如何实现，jdk怎么实现动态代理的，ioc是怎么实现的，spring是单例还是多例，有那些初始化bean的方式，各有什么区别（经常问） 3 struts默认提供了那些拦截器 （一次） 4 过滤器和拦截器的区别 （频率也挺高） 5 final，finally final
  • XML的四种解析方式 小桔子 domjdomdom4jsax
    在平时工作中，难免会遇到把 XML 作为数据存储格式。面对目前种类繁多的解决方案，哪个最适合我们呢？在这篇文章中，我对这四种主流方案做一个不完全评测，仅仅针对遍历 XML 这块来测试，因为遍历 XML 是工作中使用最多的（至少我认为）。 　　预 备 　　测试环境： 　　AMD 毒龙1.4G OC 1.5G、256M DDR333、Windows2000 Server
  • wordpress中常见的操作 aichenglong 中文注册wordpress移除菜单
    1 wordpress中使用中文名注册解决办法   1)使用插件   2)修改wp源代码      进入到wp-include/formatting.php文件中找到       function sanitize_user( $username, $strict = false
  • 小飞飞学管理-1 alafqq 管理
    项目管理的下午题，其实就在提出问题（挑刺），分析问题，解决问题。 今天我随意看下10年上半年的第一题。主要就是项目经理的提拨和培养。 结合我自己经历写下心得 对于公司选拔和培养项目经理的制度有什么毛病呢？ 1，公司考察，选拔项目经理，只关注技术能力，而很少或没有关注管理方面的经验，能力。 2，公司对项目经理缺乏必要的项目管理知识和技能方面的培训。 3，公司对项目经理的工作缺乏进行指
  • IO输入输出部分探讨 百合不是茶 IO
     //文件处理  在处理文件输入输出时要引入java.IO这个包； /* 1，运用File类对文件目录和属性进行操作 2，理解流，理解输入输出流的概念 3，使用字节/符流对文件进行读/写操作 4，了解标准的I/O 5，了解对象序列化 */   //1，运用File类对文件目录和属性进行操作   //在工程中线创建一个text.txt
  • getElementById的用法 bijian1013 element
            getElementById是通过Id来设置/返回HTML标签的属性及调用其事件与方法。用这个方法基本上可以控制页面所有标签，条件很简单，就是给每个标签分配一个ID号。        返回具有指定ID属性值的第一个对象的一个引用。        语法： &n
  • 励志经典语录 bijian1013 励志人生
    经典语录1:   哈佛有一个著名的理论：人的差别在于业余时间，而一个人的命运决定于晚上8点到10点之间。每晚抽出2个小时的时间用来阅读、进修、思考或参加有意的演讲、讨论，你会发现，你的人生正在发生改变，坚持数年之后，成功会向你招手。不要每天抱着QQ/MSN/游戏/电影/肥皂剧……奋斗到12点都舍不得休息，看就看一些励志的影视或者文章，不要当作消遣；学会思考人生，学会感悟人生
  • [MongoDB学习笔记三]MongoDB分片 bit1129 mongodb
    MongoDB的副本集(Replica Set)一方面解决了数据的备份和数据的可靠性问题，另一方面也提升了数据的读写性能。MongoDB分片(Sharding)则解决了数据的扩容问题，MongoDB作为云计算时代的分布式数据库，大容量数据存储，高效并发的数据存取，自动容错等是MongoDB的关键指标。 本篇介绍MongoDB的切片(Sharding)   1.何时需要分片 &nbs
  • 【Spark八十三】BlockManager在Spark中的使用场景 bit1129 manager
    1. Broadcast变量的存储，在HttpBroadcast类中可以知道 2. RDD通过CacheManager存储RDD中的数据，CacheManager也是通过BlockManager进行存储的 3. ShuffleMapTask得到的结果数据，是通过FileShuffleBlockManager进行管理的，而FileShuffleBlockManager最终也是使用BlockMan
  • yum方式部署zabbix ronin47 yum方式部署zabbix
    安装网络yum库#rpm -ivh http://repo.zabbix.com/zabbix/2.4/rhel/6/x86_64/zabbix-release-2.4-1.el6.noarch.rpm 通过yum装mysql和zabbix调用的插件还有agent代理#yum install zabbix-server-mysql zabbix-web-mysql mysql-
  • Hibernate4和MySQL5.5自动创建表失败问题解决方法 byalias J2EEHibernate4
    今天初学Hibernate4，了解了使用Hibernate的过程。大体分为4个步骤： ①创建hibernate.cfg.xml文件 ②创建持久化对象 ③创建*.hbm.xml映射文件 ④编写hibernate相应代码 在第四步中，进行了单元测试，测试预期结果是hibernate自动帮助在数据库中创建数据表，结果JUnit单元测试没有问题，在控制台打印了创建数据表的SQL语句，但在数据库中
  • Netty源码学习-FrameDecoder bylijinnan javanetty
    Netty 3.x的user guide里FrameDecoder的例子，有几个疑问： 1.文档说：FrameDecoder calls decode method with an internally maintained cumulative buffer whenever new data is received. 为什么每次有新数据到达时，都会调用decode方法？ 2.Dec
  • SQL行列转换方法 chicony 行列转换
    create table tb(终端名称 varchar(10) , CEI分值 varchar(10) , 终端数量 int) insert into tb values('三星' , '0-5' , 74) insert into tb values('三星' , '10-15' , 83) insert into tb values('苹果' , '0-5' , 93)
  • 中文编码测试 ctrain 编码
    循环打印转换编码 String[] codes = { "iso-8859-1", "utf-8", "gbk", "unicode" }; for (int i = 0; i < codes.length; i++) { for (int j
  • hive 客户端查询报堆内存溢出解决方法 daizj hive堆内存溢出
    hive> select * from t_test where ds=20150323 limit 2; OK Exception in thread "main" java.lang.OutOfMemoryError: Java heap space   问题原因： hive堆内存默认为256M   这个问题的解决方法为： 修改/us
  • 人有多大懒，才有多大闲 (评论『卓有成效的程序员』) dcj3sjt126com 程序员
      卓有成效的程序员给我的震撼很大，程序员作为特殊的群体，有的人可以这么懒，  懒到事情都交给机器去做 ，而有的人又可以那么勤奋，每天都孜孜不倦得做着重复单调的工作。   在看这本书之前，我属于勤奋的人，而看完这本书以后，我要努力变成懒惰的人。 不要在去庞大的开始菜单里面一项一项搜索自己的应用程序，也不要在自己的桌面上放置眼花缭乱的快捷图标
  • Eclipse简单有用的配置 dcj3sjt126com eclipse
    1、显示行号  Window -- Prefences -- General -- Editors -- Text Editors -- show line numbers   2、代码提示字符 Window ->Perferences，并依次展开 Java -> Editor -> Content Assist，最下面一栏 auto-Activation
  • 在tomcat上面安装solr4.8.0全过程 eksliang Solrsolr4.0后的版本安装solr4.8.0安装
    转载请出自出处： http://eksliang.iteye.com/blog/2096478       首先solr是一个基于java的web的应用，所以安装solr之前必须先安装JDK和tomcat，我这里就先省略安装tomcat和jdk了         第一步：当然是下载去官网上下载最新的solr版本，下载地址
  • Android APP通用型拒绝服务、漏洞分析报告 gg163 漏洞androidAPP分析
    点评：记得曾经有段时间很多SRC平台被刷了大量APP本地拒绝服务漏洞，移动安全团队爱内测（ineice.com）发现了一个安卓客户端的通用型拒绝服务漏洞，来看看他们的详细分析吧。  0xr0ot和Xbalien交流所有可能导致应用拒绝服务的异常类型时，发现了一处通用的本地拒绝服务漏洞。该通用型本地拒绝服务可以造成大面积的app拒绝服务。  针对序列化对象而出现的拒绝服务主要
  • HoverTree项目已经实现分层 hvt 编程.netWebC#ASP.ENT
    HoverTree项目已经初步实现分层，源代码已经上传到 http://hovertree.codeplex.com请到SOURCE CODE查看。在本地用SQL Server 2008 数据库测试成功。数据库和表请参考：http://keleyi.com/a/bjae/ue6stb42.htmHoverTree是一个ASP.NET 开源项目，希望对你学习ASP.NET或者C#语言有帮助，如果你对
  • Google Maps API v3: Remove Markers 移除标记 天梯梦 google maps api
    Simply do the following:   I. Declare a global variable: var markersArray = [];   II. Define a function: function clearOverlays() { for (var i = 0; i < markersArray.length; i++ )
  • jQuery选择器总结 lq38366 jquery选择器
      1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40
  • 基础数据结构和算法六：Quick sort sunwinner AlgorithmQuicksort
    Quick sort is probably used more widely than any other. It is popular because it is not difficult to implement, works well for a variety of different kinds of input data, and is substantially faster t
  • 如何让Flash不遮挡HTML div元素的技巧_HTML/Xhtml_网页制作 刘星宇 htmlWeb
    今天在写一个flash广告代码的时候，因为flash自带的链接，容易被当成弹出广告，所以做了一个div层放到flash上面，这样链接都是a触发的不会被拦截，但发现flash一直处于div层上面，原来flash需要加个参数才可以。 让flash置于DIV层之下的方法，让flash不挡住飘浮层或下拉菜单，让Flash不档住浮动对象或层的关键参数：wmode=opaque。 方法如下：
  • Mybatis实用Mapper SQL汇总示例 wdmcygah sqlmysqlmybatis实用
    Mybatis作为一个非常好用的持久层框架，相关资料真的是少得可怜，所幸的是官方文档还算详细。本博文主要列举一些个人感觉比较常用的场景及相应的Mapper SQL写法，希望能够对大家有所帮助。 不少持久层框架对动态SQL的支持不足，在SQL需要动态拼接时非常苦恼，而Mybatis很好地解决了这个问题，算是框架的一大亮点。对于常见的场景，例如：批量插入/更新/删除，模糊查询，多条件查询，联表查询，
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他