dianliao7817
dianliao7817

javascript 实现图片轮播和点击切换功能

图片轮播是网页上一个比较常见的功能，下面我们来实现他吧

原理很简单：

1：固定的区域，所有的图片重叠，一次只能显示一张图片

2：通过改变图片的zIndex属性改变显示的图片，就可以达到切换的效果了


DOCTYPE html>
<html>
<head>
    <title>cycle_pictitle>
    <meta charset="utf-8">
    <meta content="text/html" http-equiv="Content-Type">
    <style type="text/css">
        #slideshow_wrapper {
            POSITION: relative;
            PADDING-BOTTOM: 0px;
            BACKGROUND-COLOR: #121212;
            PADDING-LEFT: 0px;
            WIDTH: 650px;
            PADDING-RIGHT: 0px;
            HEIGHT: 400px;
            OVERFLOW: hidden;
            PADDING-TOP: 0px
        }
        #slideshow_footbar {
            Z-INDEX: 5;
            POSITION: absolute;
            FILTER: alpha(opacity=50);
            WIDTH: 100%;
            BOTTOM: 0px;
            HEIGHT: 30px;
            background-color: black;
            opacity:0.5;
        }
        #slideshow_photo {
            POSITION: absolute;
            WIDTH: 100%;
            HEIGHT: 100%;
            CURSOR: pointer
        }
        #slideshow_photo A {
            Z-INDEX: 1;
            BORDER-BOTTOM: 0px;
            POSITION: absolute;
            BORDER-LEFT: 0px;
            MARGIN: 0px;
            DISPLAY: block;
            BORDER-TOP: 0px;
            TOP: 0px;
            BORDER-RIGHT: 0px;
            LEFT: 0px
        }
        #slideshow_footbar .slideshow-bt {
            BACKGROUND-COLOR: #d2d3d4;
            MARGIN: 10px 10px 0px 0px;
            WIDTH: 10px;
            DISPLAY: inline;
            FLOAT: right;
            HEIGHT: 10px;
            FONT-SIZE: 0px
        }
        #slideshow_footbar .bt-on {
            BACKGROUND-COLOR: red;
        }
style>
<script type="text/javascript" charset="utf-8">
    var curIndex=1;//初始换显示第一张
    function slideTo (index) {
        var index = parseInt(index);
        var pic = document.getElementById("slideshow_photo").childNodes;
        for(var i=0;i<pic.length;i++){//改变zIndex属性
            if(pic[i].attributes && pic[i].attributes['index'] && parseInt(pic[i].attributes['index'].value)==index){
                pic[i].style.zIndex=2;
                curIndex=index;
            }
            else if(pic[i].attributes && pic[i].attributes['index']) {
                pic[i].style.zIndex=1;
            }
        }
        var bts = document.getElementsByClassName("slideshow-bt");
        for(var i=0;i<bts.length;i++){//改变显示的效果
            if(parseInt(bts[i].attributes['index'].value)==index){
                bts[i].className="slideshow-bt bt-on";
            }
            else bts[i].className = "slideshow-bt";
        }
    }
    window.onload = function  () {    //为按钮初始化onclick事件
        var bts = document.getElementsByClassName("slideshow-bt");
        for(var i=0;i<bts.length;i++){
            bts[i].onclick = function  () {
                slideTo(this.attributes['index'].value);
            }
        }
    }
    setInterval(function  () {//循环切换
        if(curIndex+1>5) curIndex=0;
        slideTo(curIndex+1);
    },2000);
script>
head>
<body>
    <div id="slideshow_wrapper">
        <div id="slideshow_photo">
            <a href="#" title="" index="1"><img src="./num/1.jpg" width="650px;" alt="1" border="0px;">a>
            <a href="#" title="" index="2"><img src="./num/2.jpg" width="650px;" alt="2" border="0px;">a>
            <a href="#" title="" index="3"><img src="./num/3.jpg" width="650px;" alt="3" border="0px;">a>
            <a href="#" title="" index="4"><img src="./num/4.jpg" width="650px;" alt="4" border="0px;">a>
            <a href="#" title="" index="5"><img src="./num/5.jpg" width="650px;" alt="5" border="0px;">a>
        div>
        <div id="slideshow_footbar">    
            <div class="slideshow-bt" index="5">div>
            <div class="slideshow-bt" index="4">div>
            <div class="slideshow-bt" index="3">div>
            <div class="slideshow-bt" index="2">div>
            <div class="slideshow-bt" index="1">div>
        div>
    div>
body>
html>

 

转载于:https://www.cnblogs.com/qwj-sysu/p/4080797.html

你可能感兴趣的:(javascript 实现图片轮播和点击切换功能)

  • C++11：可变参数 一天不工作浑身难受
    1、介绍C++中可以进行函数重载，对于同样的函数可以不同的参数进行运算。但是有时候我们无法提前知道应该像函数传递多少个参数（如printf函数），这时候需要我们的函数能够接受可变数量的参数。C++11中提供了两个方法，initializer_list标准库类型和可变参数模板。前者使用与实参的类型一致，但是个数不定的情况；后者适用于实参的类型不定，个数也不定的情况。2、initializer_lis
  • 毕节各区最全10家亲子鉴定机构名单一览（2024年9月汇总鉴定） 鼎律基因刘主任
    哪里可以做亲子鉴定？①司法亲子鉴定中心机构可以做亲子鉴定，司法亲子鉴定必须在有司法鉴定许可证的机构做。②社会生物公司、基因公司可以做亲子鉴定，这些机构可以做隐私亲子鉴定、无创亲子鉴定。但并不能做司法亲子鉴定。③医院可以做亲子鉴定采样，许多亲子鉴定机构会在医院内开设亲子鉴定采样点，方面广大民众进行采样。亲子鉴定所需证件材料①司法亲子鉴定需要提供身份证件以及鉴定样本，一般为身份证户口本和血痕样本。②个
  • 心理沙盘沙箱四方位 慢慢长大321
    心理沙盘沙箱四方位代表如下：1、左，意味着过去、母亲、无意识、内部世界、退行、童年生活等；右意味着未来、父亲、意识到的向往和追求、外部世界。2、上，指“超我”，意味着精神和父亲，是意识的表现，代表着“超我”的力量，如来访者的家庭背景、社会关系、信念等。山、森林、佛像、寺庙、神社、教堂等出现在沙箱上半部分的倾向较强。3、中间，指“自我”，代表现在及自我实现感，代表评估、知觉、解释、现实状态、不敢面对
  • 「RIA学习力」《少有人走的路》第2天,春暖花开 春暖花开_52a1
    拆页二自律之承担责任—两种患者选自《第一部分：自律》P38神经官能症患者常常把“我本来可以”、“我或许应该”、“我不应该”挂在嘴边。不管做任何事，他们都觉得能力不及他人，他们缺少勇气和个性。人格失调症患者则强调“我不能”、“我不可能”、“我做不到”，他们缺少自主判断及承担责任的能力。心理学界有一种公认的说法：“神经官能症患者让自己活得痛苦，人格失调者却让别人活得痛苦。”也就是说，神经官能症患者把责
  • 《不抱怨的世界》有感 星空_8d78
    图片发自App跟着书友们一起朗读！坚持的还可以。就是意识到自己的抱怨太多，慢慢来改变吧！整天面对叛逆的熊孩子，做不到不抱怨。整天想入非非，自作主张，还说现在人家有特意功能，可以屏蔽我！我能不抱怨吗？好在看书反省自己，对老公抱怨少了一点，他也改变点。
  • 灼口综合征有哪些表现？ 0e3cba0c95ed
    1口综合症患者会出现精神、心理、情绪障碍：可表现为愤怒、憎恨、忧愁、悲伤、惊恐、痛苦等，加重患者的病情。灼口综合症会出现神经神经衰弱：起病缓慢，如头痛、头晕、睡眠不佳、多梦、易烦躁;衰弱性增高，如精神不振，常感疲劳、记忆力减退等。灼口综合症会出现自主神经功能紊乱：如心悸、手震、多汗、脸红、肢端发凉、麻木等，由自主神经功能紊乱所致的血管运动神经障碍可能引起舌部一些不适，感觉异常，麻木、针刺感。二、灼
  • 中山司法亲子鉴定中心地址查询-13家(附2024年最新版) 国权基因
    中山司法亲子鉴定中心地址在哪里?中山司法亲子鉴定咨询中心地址在中山市东区兴中道新兴花园翠园街(中山亲鉴生物)。中山亲子鉴定中心就是利用法医学、生物学和遗传学的理论和技术，从子代和亲代的形态构造或生理机能方面的相似特点，分析遗传特征，判断父母与子女之间是否是亲生关系，是法医物证鉴定的主要组成部分。很多人认为正规亲子鉴定需要在医院办理，这其实是一个误区，今天小编就来说说中山司法亲子鉴定中心地址在哪，供
  • 爱奇艺会员多少钱一个月一览(附2024爱奇艺会员低价购买指南)最新步骤123 e95cfad15310
    爱奇艺会员多少钱一个月：关注微信公众号【奥特快外卖】，即可最低7折买到爱奇艺会员哦！它的主要特点是提供海量的小说和广播节目，同时也具备一些社交互动的功能。在爱奇艺会员多少钱一个月中爱奇艺会员爱奇艺会员：关注微信公众号【奥特快外卖】，即可最低7折买到爱奇艺会员哦！，它的主要特点是提供海量的小说和广播节目爱奇艺会员爱奇艺会员关注微信公众号【奥特快外卖】，即可最低7折买到爱奇艺会员哦！，爱奇艺会员爱奇艺
  • 基于Python的Twitter Card数据爬取与分析实战：从入门到精通 Python爬虫项目 pythontwitterdreamweaver自动化开发语言宽度优先爬虫
    摘要本文详细介绍了如何使用Python最新技术栈构建一个高效的TwitterCard数据爬虫系统。我们将从TwitterCard的基本概念讲起，逐步深入到爬虫架构设计、反爬策略应对、数据解析与存储等核心环节。文章包含完整的代码实现，使用Playwright+Asyncio的高性能爬取方案，以及数据分析与可视化的实战案例。通过本文，读者将掌握大规模社交媒体数据采集的关键技术，并能够将这些技术应用于实
  • 2023-02-25 春雪ChunXue
    更多的时候，我们就是不接纳自己的普通和平凡，即使在心理学书中读懂了再多的心理学理论也还是没有什么用处。因为我们从小接受的理论便是人的生命只有一次这样的思想和教育，仿佛人生如果不辉煌一次，便是对生命更大的不敬。青春里的我们，曾经对人生做过许多绚烂的梦，甚至还以为实现梦境也不是什么难以做到的事情。那个时候的我们从心里往外释放着一种叫做狂妄的东西。没有想到的却是，我们从来不曾看见生活的最真实的面目。只有
  • 盘点3个靠谱的赏金赚钱app，深入解析赏金赚钱项目 U客直谈APP
    盘点3个靠谱的赏金赚钱app，深入解析赏金赚钱项目在当今这个数字化时代，越来越多的人开始探索利用碎片时间赚取额外收入的方式，其中，赏金赚钱app凭借其灵活便捷的特点，成为了众多用户的首选。今天，我们就来盘点三个靠谱的赏金赚钱app，并深入解析这些平台上的赏金赚钱项目，帮助大家更好地理解和利用这一赚钱渠道。1.赏金赚钱app——阿里众包首先不得不提的是阿里众包，这款由阿里巴巴集团推出的赏金赚钱app
  • 龙之国物语怎么当托? 龙之国物语内部福利号如何才能申请？ 会飞滴鱼儿
    导读：龙之国物语怎么当托?龙之国物语内部福利号如何才能申请？现在的手游也是越来越多了，怎么才能称的上一款好的游戏呢？那必须要有内部福利才行，下面就给大家解析一下什么是内部号，手游托号，返利号，折扣号，并且分享一下申请渠道。谈及手游内部号和“托”号，以及返利号，折扣号，很多人都只是听闻它们的存在，并不了解它真正的作用，“托”号以及返利，折扣号其实都是内部号的一种说法，内部号主要好处就是可以得到游戏运
  • 短剧系统开发：塑造数字娱乐新未来
    在数字娱乐的快速发展中，短剧以其独特的艺术魅力和便捷的传播方式，逐渐成为用户的新选择。短剧系统开发，作为这一新兴领域的核心支撑，正通过技术创新和模式创新，塑造数字娱乐的新未来。本文将从技术前沿、用户体验、内容创新、商业模式、行业合作五个方面，全面阐述短剧系统开发的价值与前景。一、紧跟技术前沿，提升平台竞争力短剧系统开发需紧跟技术前沿，不断引入新技术、新应用，提升平台的竞争力和用户体验。例如，可以利
  • 扭蛋机系统开发：打造多元化娱乐生态的新引擎 weixin_lynhgworld 扭蛋机手机
    在娱乐产业蓬勃发展的当下，消费者对于娱乐方式的需求越来越多元化和个性化。扭蛋机系统开发作为一种新兴的娱乐模式，正以其独特的魅力和创新的理念，逐渐成为打造多元化娱乐生态的新引擎。扭蛋机系统开发的核心在于构建一个集娱乐、社交、商业于一体的综合性平台。从娱乐层面来看，它为用户提供了一种充满随机性和惊喜感的娱乐体验。用户只需支付一定的费用，就有机会获得各种丰厚的奖品，这种未知的刺激感吸引着大量用户参与。而
  • Python高级数据类型：字典（Dictionary） PythonicCC python开发语言
    字典是Python中非常重要且实用的数据结构，本文将全面详细地介绍字典的所有知识点，从基础概念到高级用法，帮助初学者彻底掌握字典的使用。1.字典简介1.1为什么需要字典？假设我们需要存储公司员工的姓名、年龄、职务和工资信息。使用列表可以这样实现：staff_list=[["tom",20,"teacher",6000],["rose",18,"hr",5000],["jack",20,"行政",4
  • 2023-02-20 周一 莞尔焉然
    天气:多云起床:6:30睡觉:22:45只要坚持不懈,终究能找到问题的解决方法.比如困扰我很久的早睡早起问题,之前能按照闹钟起床时,会纠结自己的睡眠时间不够;不能够按照闹钟起床时,也会因为无法拥有自己的时间而痛苦.现在经过了两个多月的摸索挣扎后,终于在两者之间找到了平衡.那就是已经能坚持做到尽量早点睡,然后再依据自己的生物钟起床,这个方案完美地解决了睡眠时长不够和闹钟吵醒孩子的黑洞.现在已经连续实
  • Android （AOSP）连接实体键盘关闭“使用屏幕键盘”调用键盘处依然显示屏幕键盘 林林要一直努力 Android学习与探索androidandroidstudiojava
    首先感谢以下博文与作者提供方案与思路AndroidP控制虚拟键盘的显示和隐藏_showimewithexternalkeyboard-CSDN博客现象是，使用蓝牙键盘。在设置-系统-键盘-实体键盘-使用屏幕键盘开关进行开与关，发现无论开关状态谷歌屏幕键盘都是存在的。BUG认为开关关上以后应该不显示谷歌屏幕键盘。/home/bcr/Documents/lcx/111.png思路：修改了InputMe
  • 【小白记录python】——类（class）的简单解释 faderbic python开发语言
    目录什么是类类和函数的区别构建一个类什么是类在编程中，类（Class）是一种用户自定义的数据类型，它将数据（通常称为属性或成员变量）和对这些数据进行操作的函数（通常称为方法或成员函数）封装在一起，相比于一般的函数更方便调用，通俗来讲，类就是很多函数的集合，这些函数共用一个数据源。类可以被看作是创建对象的模板或蓝图。通过类，可以创建多个具有相同结构和行为的对象实例。以下是对类的几个关键特点的解释：数
  • 从AWS MySQL数据库下载备份到S3的完整解决方案 AWS官方合作商 数据库awsmysql
    本文将介绍两种主流方法将AWSRDSMySQL数据库备份下载到S3，适用于生产环境需求。方法一：通过RDS快照导出（AWS原生方案）适用场景：全量备份、大数据量、无需额外计算资源流程：创建数据库快照进入AWSRDS控制台→选择目标MySQL实例→点击"操作"→"拍摄快照"输入快照名称（如my-db-snapshot-2024）配置S3导出任务在RDS控制台左侧菜单选择快照→选择刚创建的快照点击"操
  • [NIPST AI]对抗性机器学习攻击和缓解的分类和术语 Anooyman 人工智能网络安全人工智能大语言模型网络安全安全
    原文link：https://nvlpubs.nist.gov/nistpubs/ai/NIST.AI.100-2e2025.pdfIntroduction人工智能（AI）系统在过去几年中持续全球扩展。这些系统正在被众多国家开发并广泛部署于各自的经济体系中，人们在生活的许多领域都获得了更多使用AI系统的机会。本报告区分了两大类AI系统：预测型AI（PredictiveAI，PredAI）和生成型A
  • 《于氏王后》韩剧全集【1080p超清韩语中字】禹氏王后全8集未删减完整版在线观看百度云/夸克迅雷UC网盘资源 优惠攻略官
    《于氏王后》是一部以高句丽时代为背景的韩国古装剧，讲述了在国王突然去世后，王位争夺战中，于氏王后如何利用智慧和勇气在权力的漩涡中谋求生存和守护自己家族的故事。剧中，于正熙（全钟瑞饰）是被称为高句丽最美丽的女子，她聪颖坚韧，但因为出身卑微，即使成为王后也无实权。她的丈夫——高句丽国王高男武（池昌旭饰）去世后，她和家族陷入了权力争夺的漩涡。乙巴素（金武烈饰）是高句丽的莫离支，足智多谋，他向于正熙求婚以
  • 不尊重你的舍友，该和她撕逼吗？ yan颜白
    无意间，想起了那个肥肥胖胖的舍友，想着“当初为什么会和她分道扬镳、势不两立？”，然后，时间轴一下就拉到了一年前。她是自己眼中的“富二代”，也是我们眼中较为有钱的孩子，除了胖，还能看出她的一丝贵气。喜欢把宿舍里较好的朋友使唤成快递员和送餐员，当然，这也是她为什么如此（pang）的原因。我不是一个喜欢听人使唤的人，所以自然不在她的交友范围之内。还记得大三的某个夜晚，我和往常一样在电脑旁敲打着键盘，因为
  • c#集合排序 zls365365 c#windows开发语言
    在C#中，集合排序是一种常见的操作，它可以帮助我们对集合中的元素进行排序。C#中提供了多种集合排序方法，包括Array.Sort、List.Sort、SortedList和SortedSet等。下面分别介绍一下这些集合排序方法的用法和注意事项：1.Array.SortArray.Sort是C#中的数组排序方法，可以对数组中的元素进行排序。Array.Sort方法可以使用默认的排序算法或者自定义的排
  • Baumer工业相机堡盟工业相机如何通过YoloV8深度学习模型实现打架检测（C#代码，UI界面版） 格林威 工业相机机器视觉数码相机YOLO深度学习计算机视觉人工智能
    Baumer工业相机堡盟工业相机如何通过YoloV8深度学习模型实现打架检测（C#代码，UI界面版）工业相机使用YoloV8模型实现打架检测工业相机通过YoloV8模型实现打架检测的技术背景在相机SDK中获取图像转换图像的代码分析工业相机图像转换Bitmap图像格式和Mat图像重要核心代码本地文件图像转换Bitmap图像格式和Mat图像重要核心代码Mat图像导入YoloV8模型重要核心代码代码实现
  • Baumer工业相机堡盟工业相机如何通过YoloV8深度学习模型实现人脸识别检测（C#代码，UI界面版） 格林威 机器视觉工业相机数码相机YOLO深度学习人工智能视觉检测c#
    Baumer工业相机堡盟工业相机如何通过YoloV8深度学习模型实现人脸识别检测（C#代码，UI界面版）工业相机使用YoloV8模型实现人脸的检测工业相机通过YoloV8模型实现人脸识别检测的技术背景在相机SDK中获取图像转换图像的代码分析工业相机图像转换Bitmap图像格式和Mat图像重要核心代码本地文件图像转换Bitmap图像格式和Mat图像重要核心代码Mat图像导入YoloV8模型重要核心代
  • 哪里买书好？ 安然书d
    哪里买书好？安然书近日书名A中少/植物大战僵尸2人体漫画-超级病菌大对抗(28元)给孩子的历史人物故事：足智多谋办法多给孩子的历史人物故事：我可以改变世界给孩子的历史人物故事：细节观察我在行A长江/怪物传说·龙和大蛇A社科/林秀穗情绪管理故事书·飞天小魔女2A社科/林秀穗情绪管理故事书·飞天小魔女1A社科/林秀穗情绪管理故事书·飞天小魔女3什么是什么·珍藏版（第2辑）：爬行与两栖动物什么是什么·珍
  • c#泛型集合（ArrayList和List、Dictionary的对比）
    一、List集合1.基本概念泛型集合：只能存储指定类型的数据，类型安全。动态扩容：无需指定初始大小，自动调整容量。性能优势：避免装箱拆箱（相比ArrayList）。2.创建与初始化//空列表Listlist=newList();​//带初始值的列表Listlist4=newList{"aaa","ccc","bbb"};3.常用属性与方法操作代码示例说明添加元素list.Add(100);在末尾添
  • Baumer工业相机堡盟工业相机如何通过YoloV8深度学习模型实现人物识别（C#代码，UI界面版） 格林威 工业相机机器视觉数码相机YOLOc#人工智能计算机视觉开发语言
    Baumer工业相机堡盟工业相机如何通过YoloV8深度学习模型实现人物识别（C#代码，UI界面版）工业相机使用YoloV8模型实现人物识别工业相机实现YoloV8模型实现人物识别的技术背景在相机SDK中获取图像转换图像的代码分析工业相机图像转换Bitmap图像格式和Mat图像重要核心代码本地文件图像转换Bitmap图像格式和Mat图像重要核心代码Mat图像导入YoloV8模型重要核心代码代码实现
  • 基于STM32的智能花盆浇水系统毕业设计 看，是大狗 stm32课程设计嵌入式硬件
    目录单片机毕业设计论文前言单片机毕业设计功能介绍设计视频演示单片机毕业设计论文前言随着城市化进程的加快和人们生活水平的提高，越来越多的人开始在家中种植植物，以美化环境、净化空气和陶冶情操。然而，由于工作繁忙或缺乏种植经验，许多人难以对植物进行及时、适量的浇水，导致植物生长不良甚至死亡。传统的花盆浇水方式依赖人工操作，存在效率低下、难以精准控制水量等问题，无法满足现代家庭对植物养护的智能化需求。近年
  • 基于STM32的语音播报小项目课程设计程序开源 看，是大狗 stm32开源嵌入式硬件
    目录单片机毕业设计论文前言单片机毕业设计功能介绍设计视频演示单片机课程设计设计论文前言随着科技的飞速发展和智能化时代的到来，人们对环境监测的需求日益增加，尤其是在温度监测方面，精准、实时的温度数据对于工业生产、农业生产以及日常生活都具有重要意义。传统的温度监测系统往往功能单一，缺乏实时反馈和智能化处理能力，难以满足现代应用场景的需求。近年来，嵌入式系统、传感器技术和语音交互技术的快速发展，为温度监
  • web报表工具FineReport常见的数据集报错错误代码和解释 老A不折腾 web报表finereport代码可视化工具
    在使用finereport制作报表，若预览发生错误，很多朋友便手忙脚乱不知所措了，其实没什么，只要看懂报错代码和含义，可以很快的排除错误，这里我就分享一下finereport的数据集报错错误代码和解释，如果有说的不准确的地方，也请各位小伙伴纠正一下。   NS-war-remote=错误代码\:1117 压缩部署不支持远程设计 NS_LayerReport_MultiDs=错误代码
  • Java的WeakReference与WeakHashMap bylijinnan java弱引用
    首先看看 WeakReference wiki 上 Weak reference 的一个例子： public class ReferenceTest { public static void main(String[] args) throws InterruptedException { WeakReference r = new Wea
  • Linux——（hostname）主机名与ip的映射 eksliang linuxhostname
    一、 什么是主机名 无论在局域网还是INTERNET上，每台主机都有一个IP地址，是为了区分此台主机和彼台主机，也就是说IP地址就是主机的门牌号。但IP地址不方便记忆，所以又有了域名。域名只是在公网（INtERNET)中存在，每个域名都对应一个IP地址，但一个IP地址可有对应多个域名。域名类型 linuxsir.org 这样的； 主机名是用于什么的呢？ 答：在一个局域网中，每台机器都有一个主
  • oracle 常用技巧 18289753290
    oracle常用技巧 ①复制表结构和数据   create table  temp_clientloginUser as   select distinct userid from tbusrtloginlog ②仅复制数据 如果表结构一样 insert into  mytable  select  * &nb
  • 使用c3p0数据库连接池时出现com.mchange.v2.resourcepool.TimeoutException 酷的飞上天空 exception
    有一个线上环境使用的是c3p0数据库，为外部提供接口服务。最近访问压力增大后台tomcat的日志里面频繁出现 com.mchange.v2.resourcepool.TimeoutException: A client timed out while waiting to acquire a resource from com.mchange.v2.resourcepool.BasicResou
  • IT系统分析师如何学习大数据 蓝儿唯美 大数据
    我是一名从事大数据项目的IT系统分析师。在深入这个项目前需要了解些什么呢？学习大数据的最佳方法就是先从了解信息系统是如何工作着手，尤其是数据库和基础设施。同样在开始前还需要了解大数据工具，如Cloudera、Hadoop、Spark、Hive、Pig、Flume、Sqoop与Mesos。系 统分析师需要明白如何组织、管理和保护数据。在市面上有几十款数据管理产品可以用于管理数据。你的大数据数据库可能
  • spring学习——简介 a-john spring
    Spring是一个开源框架，是为了解决企业应用开发的复杂性而创建的。Spring使用基本的JavaBean来完成以前只能由EJB完成的事情。然而Spring的用途不仅限于服务器端的开发，从简单性，可测试性和松耦合的角度而言，任何Java应用都可以从Spring中受益。其主要特征是依赖注入、AOP、持久化、事务、SpringMVC以及Acegi Security 为了降低Java开发的复杂性，
  • 自定义颜色的xml文件 aijuans xml
    <?xml version="1.0" encoding="utf-8"?> <resources> <color name="white">#FFFFFF</color> <color name="black">#000000</color> &
  • 运营到底是做什么的？ aoyouzi 运营到底是做什么的？
    文章来源：夏叔叔（微信号：woshixiashushu），欢迎大家关注！很久没有动笔写点东西，近些日子，由于爱狗团产品上线，不断面试，经常会被问道一个问题。问：爱狗团的运营主要做什么？答：带着用户一起嗨。为什么是带着用户玩起来呢？究竟什么是运营？运营到底是做什么的？那么，我们先来回答一个更简单的问题——互联网公司对运营考核什么？以爱狗团为例，绝大部分的移动互联网公司，对运营部门的考核分为三块——用
  • js面向对象类和对象 百合不是茶 js面向对象函数创建类和对象
    接触js已经有几个月了,但是对js的面向对象的一些概念根本就是模糊的,js是一种面向对象的语言 但又不像java一样有class,js不是严格的面向对象语言 ,js在java web开发的地位和java不相上下  ,其中web的数据的反馈现在主流的使用json,json的语法和js的类和属性的创建相似   下面介绍一些js的类和对象的创建的技术   一:类和对
  • web.xml之资源管理对象配置 resource-env-ref bijian1013 javaweb.xmlservlet
    resource-env-ref元素来指定对管理对象的servlet引用的声明，该对象与servlet环境中的资源相关联 <resource-env-ref> <resource-env-ref-name>资源名</resource-env-ref-name> <resource-env-ref-type>查找资源时返回的资源类
  • Create a composite component with a custom namespace sunjing
    https://weblogs.java.net/blog/mriem/archive/2013/11/22/jsf-tip-45-create-composite-component-custom-namespace   When you developed a composite component the namespace you would be seeing would
  • 【MongoDB学习笔记十二】Mongo副本集服务器角色之Arbiter bit1129 mongodb
     一、复本集为什么要加入Arbiter这个角色 回答这个问题，要从复本集的存活条件和Aribter服务器的特性两方面来说。 什么是Artiber？ An arbiter does not have a copy of data set and cannot become a primary. Replica sets may have arbiters to add a
  • Javascript开发笔记 白糖_ JavaScript
    获取iframe内的元素 通常我们使用window.frames["frameId"].document.getElementById("divId").innerHTML这样的形式来获取iframe内的元素，这种写法在IE、safari、chrome下都是通过的，唯独在fireforx下不通过。其实jquery的contents方法提供了对if
  • Web浏览器Chrome打开一段时间后，运行alert无效 bozch Webchormealert无效
    今天在开发的时候，突然间发现alert在chrome浏览器就没法弹出了，很是怪异。 试了试其他浏览器，发现都是没有问题的。 开始想以为是chorme浏览器有啥机制导致的，就开始尝试各种代码让alert出来。尝试结果是仍然没有显示出来。 这样开发的结果，如果客户在使用的时候没有提示，那会带来致命的体验。哎，没啥办法了 就关闭浏览器重启。   结果就好了，这也太怪异了。难道是cho
  • 编程之美-高效地安排会议 图着色问题 贪心算法 bylijinnan 编程之美
    import java.util.ArrayList; import java.util.Collections; import java.util.List; import java.util.Random; public class GraphColoringProblem { /**编程之美 高效地安排会议 图着色问题 贪心算法 * 假设要用很多个教室对一组
  • 机器学习相关概念和开发工具 chenbowen00 算法matlab机器学习
    基本概念： 机器学习(Machine Learning, ML)是一门多领域交叉学科，涉及概率论、统计学、逼近论、凸分析、算法复杂度理论等多门学科。专门研究计算机怎样模拟或实现人类的学习行为，以获取新的知识或技能，重新组织已有的知识结构使之不断改善自身的性能。 它是人工智能的核心，是使计算机具有智能的根本途径，其应用遍及人工智能的各个领域，它主要使用归纳、综合而不是演绎。 开发工具 M
  • [宇宙经济学]关于在太空建立永久定居点的可能性 comsci 经济
           大家都知道,地球上的房地产都比较昂贵,而且土地证经常会因为新的政府的意志而变幻文本格式........        所以,在地球议会尚不具有在太空行使法律和权力的力量之前,我们外太阳系统的友好联盟可以考虑在地月系的某些引力平衡点上面,修建规模较大的定居点
  • oracle 11g database control 证书错误 daizj oracle证书错误oracle 11G 安装
    oracle 11g database control 证书错误  win7 安装完oracle11后打开 Database control 后，会打开em管理页面，提示证书错误，点“继续浏览此网站”，还是会继续停留在证书错误页面 解决办法： 是 KB2661254 这个更新补丁引起的，它限制了 RSA 密钥位长度少于 1024 位的证书的使用。具体可以看微软官方公告：
  • Java I/O之用FilenameFilter实现根据文件扩展名删除文件 游其是你 FilenameFilter
    在Java中，你可以通过实现FilenameFilter类并重写accept(File dir, String name) 方法实现文件过滤功能。 在这个例子中，我们向你展示在“c:\\folder”路径下列出所有“.txt”格式的文件并删除。 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16
  • C语言数组的简单以及一维数组的简单排序算法示例，二维数组简单示例 dcj3sjt126com carray
    # include <stdio.h> int main(void) { int a[5] = {1, 2, 3, 4, 5}; //a 是数组的名字 5是表示数组元素的个数，并且这五个元素分别用a[0], a[1]...a[4] int i; for (i=0; i<5; ++i) printf("%d\n",
  • PRIMARY, INDEX, UNIQUE 这3种是一类 PRIMARY 主键。 就是 唯一 且 不能为空。 INDEX 索引，普通的 UNIQUE 唯一索引 dcj3sjt126com primary
    PRIMARY, INDEX, UNIQUE 这3种是一类PRIMARY 主键。 就是 唯一 且 不能为空。INDEX 索引，普通的UNIQUE 唯一索引。 不允许有重复。FULLTEXT 是全文索引，用于在一篇文章中，检索文本信息的。举个例子来说，比如你在为某商场做一个会员卡的系统。这个系统有一个会员表有下列字段：会员编号   INT会员姓名  
  • java集合辅助类 Collections、Arrays shuizhaosi888 CollectionsArraysHashCode
      Arrays、Collections   1 ）数组集合之间转换 public static <T> List<T> asList(T... a) { return new ArrayList<>(a); }      a）Arrays.asL
  • Spring Security（10）——退出登录logout 234390216 logoutSpring Security退出登录logout-urlLogoutFilter
           要实现退出登录的功能我们需要在http元素下定义logout元素，这样Spring Security将自动为我们添加用于处理退出登录的过滤器LogoutFilter到FilterChain。当我们指定了http元素的auto-config属性为true时logout定义是会自动配置的，此时我们默认退出登录的URL为“/j_spring_secu
  • 透过源码学前端 之 Backbone 三 Model 逐行分析JS源代码 backbone源码分析js学习
    Backbone 分析第三部分  Model 概述： Model 提供了数据存储，将数据以JSON的形式保存在 Model的 attributes里， 但重点功能在于其提供了一套功能强大，使用简单的存、取、删、改数据方法，并在不同的操作里加了相应的监听事件， 如每次修改添加里都会触发 change，这在据模型变动来修改视图时很常用，并且与collection建立了关联。
  • SpringMVC源码总结（七）mvc:annotation-driven中的HttpMessageConverter 乒乓狂魔 springMVC
    这一篇文章主要介绍下HttpMessageConverter整个注册过程包含自定义的HttpMessageConverter，然后对一些HttpMessageConverter进行具体介绍。 HttpMessageConverter接口介绍： public interface HttpMessageConverter<T> { /** * Indicate
  • 分布式基础知识和算法理论 bluky999 算法zookeeper分布式一致性哈希paxos
      分布式基础知识和算法理论 BY [email protected] 本文永久链接：http://nodex.iteye.com/blog/2103218   在大数据的背景下，不管是做存储，做搜索，做数据分析，或者做产品或服务本身，面向互联网和移动互联网用户，已经不可避免地要面对分布式环境。笔者在此收录一些分布式相关的基础知识和算法理论介绍，在完善自我知识体系的同
  • Android Studio的.gitignore以及gitignore无效的解决 bell0901 androidgitignore
    　　github上.gitignore模板合集，里面有各种.gitignore ： https://github.com/github/gitignore 　　自己用的Android Studio下项目的.gitignore文件，对github上的android.gitignore添加了 　　　　　　# OSX files　　　　　　//mac os下　　　　　　.DS_Store
  • 成为高级程序员的10个步骤 tomcat_oracle 编程
    What 软件工程师的职业生涯要历经以下几个阶段：初级、中级，最后才是高级。这篇文章主要是讲如何通过 10 个步骤助你成为一名高级软件工程师。   Why 得到更多的报酬！因为你的薪水会随着你水平的提高而增加 提升你的职业生涯。成为了高级软件工程师之后，就可以朝着架构师、团队负责人、CTO 等职位前进 历经更大的挑战。随着你的成长，各种影响力也会提高。
  • mongdb在linux下的安装 xtuhcy mongodblinux
    一、查询linux版本号： lsb_release -a  LSB Version:    :base-4.0-amd64:base-4.0-noarch:core-4.0-amd64:core-4.0-noarch:graphics-4.0-amd64:graphics-4.0-noarch:printing-4.0-amd64:printing-4.0-noa
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他