zhangjingyun
zhangjingyun

纯css3实现图片切换

  
  1 <!DOCTYPE HTML>
  2 <html>
  3 <head>
  4     <meta charset="UTF-8">
  5     <title>纯CSS实现图片切换</title>
  6     <style>
  7 *{margin:0; padding:0;}
  8 li{ list-style:none;}
  9 /*首先是对无序列表进行样式设置*/
 10 .slideshow ,.slideshow:after{
 11     position:fixed;
 12     width:100%;
 13     height:100%;
 14     top:0px;
 15     left:0px;;
 16     z-index:0;        
 17 }
 18 .slideshow:after{
 19     content:'';
 20     background:transparent url(images/pattern.png) repeat top left;
 21 }
 22 /*将span的width和height占满整个视图，并将span里面的文字变为不可见，直接用transprant*/
 23 /*设置opacity:0;之后我们通过在动画中去改变这个值*/
 24 .slideshow li span{
 25     width:100%; height:100%;
 26     position:absolute;
 27     top:0px; left:0px;
 28     color:transparent;
 29     background-size:cover;
 30     background-position:50% 50%;
 31     background-repeat:no-repeat;
 32     opacity:0;
 33     z-index:0;
 34     -webkit-backface-visibility: hidden;
 35     -webkit-animation: imageAnimation 18s linear infinite 0s;
 36     -moz-animation: imageAnimation 18s linear infinite 0s;
 37     -o-animation: imageAnimation 18s linear infinite 0s;
 38     -ms-animation: imageAnimation 18s linear infinite 0s;
 39     animation: imageAnimation 18s linear infinite 0s;
 40 }
 41 
 42 .slideshow li div { 
 43     z-index: 1000;
 44     position: absolute;
 45     bottom: 30px;
 46     left: 0px;
 47     width: 100%;
 48     text-align: center;
 49     opacity: 0;
 50     color: #74BDEA;
 51     -webkit-animation: titleAnimation 18s linear infinite 0s;
 52     -moz-animation: titleAnimation 18s linear infinite 0s;
 53     -o-animation: titleAnimation 18s linear infinite 0s;
 54     -ms-animation: titleAnimation 18s linear infinite 0s;
 55     animation: titleAnimation 18s linear infinite 0s;
 56 }
 57 .slideshow li div h3 { 
 58     font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
 59     font-size: 240px;
 60     padding: 0;
 61     line-height: 200px; 
 62 }
 63 /*接下来将定义所有span的背景图片和动画的延迟，所以每一个滑动的图片和title出现在上一个出现之后的6秒*/
 64 .slideshow li:nth-child(1) span { 
 65     background-image: url(http://img.51bzzj.com/upload/1024x768/1201/11145412462.jpg);
 66 }
 67 .slideshow li:nth-child(2) span { 
 68     background-image: url(http://pic15.nipic.com/20110702/7557282_141243310105_2.jpg);
 69     -webkit-animation-delay: 6s;
 70     -moz-animation-delay: 6s;
 71     -o-animation-delay: 6s;
 72     -ms-animation-delay: 6s;
 73     animation-delay: 6s; 
 74 }
 75 .slideshow li:nth-child(3) span { 
 76     background-image: url(http://cc1.cache.cdqss.com/attachments/month_1011/10111116357db00e1d9d39eea3.jpg);
 77     -webkit-animation-delay: 12s;
 78     -moz-animation-delay: 12s;
 79     -o-animation-delay: 12s;
 80     -ms-animation-delay: 12s;
 81     animation-delay: 12s;  
 82 }
 83 .slideshow li:nth-child(2) div { 
 84     -webkit-animation-delay: 6s;
 85     -moz-animation-delay: 6s;
 86     -o-animation-delay: 6s;
 87     -ms-animation-delay: 6s;
 88     animation-delay: 6s; 
 89 }
 90 .slideshow li:nth-child(3) div { 
 91     -webkit-animation-delay: 12s;
 92     -moz-animation-delay: 12s;
 93     -o-animation-delay: 12s;
 94     -ms-animation-delay: 12s;
 95     animation-delay: 12s; 
 96 }
 97 /*设置图片动画关键帧*/
 98 @-webkit-keyframes imageAnimation { 
 99     0% { opacity: 0;
100     -webkit-animation-timing-function: ease-in; }
101     8% { opacity: 1;
102          -webkit-animation-timing-function: ease-out; }
103     17% { opacity: 1 }
104     50% { opacity: 0 }
105     100% { opacity: 0 }
106 }
107 @-moz-keyframes imageAnimation { 
108     0% { opacity: 0;
109     -webkit-animation-timing-function: ease-in; }
110     8% { opacity: 1;
111          -webkit-animation-timing-function: ease-out; }
112     17% { opacity: 1 }
113     50% { opacity: 0 }
114     100% { opacity: 0 }
115 }
116 @-o-keyframes imageAnimation { 
117     0% { opacity: 0;
118     -webkit-animation-timing-function: ease-in; }
119     8% { opacity: 1;
120          -webkit-animation-timing-function: ease-out; }
121     17% { opacity: 1 }
122     50% { opacity: 0 }
123     100% { opacity: 0 }
124 }
125 @-ms-keyframes imageAnimation { 
126     0% { opacity: 0;
127     -webkit-animation-timing-function: ease-in; }
128     8% { opacity: 1;
129          -webkit-animation-timing-function: ease-out; }
130     17% { opacity: 1 }
131     50% { opacity: 0 }
132     100% { opacity: 0 }
133 }
134 @keyframes imageAnimation { 
135    0% { opacity: 0;
136     -webkit-animation-timing-function: ease-in; }
137     8% { opacity: 1;
138          -webkit-animation-timing-function: ease-out; }
139     17% { opacity: 1 }
140     50% { opacity: 0 }
141     100% { opacity: 0 }
142 }
143 /*设置文字动画关键帧*/
144 @-webkit-keyframes titleAnimation { 
145     0% { opacity: 0 }
146     8% { opacity: 1 }
147     17% { opacity: 1 }
148     35% { opacity: 0 }
149     100% { opacity: 0 }
150 }
151 @-moz-keyframes titleAnimation { 
152      0% { opacity: 0 }
153     8% { opacity: 1 }
154     17% { opacity: 1 }
155     35% { opacity: 0 }
156     100% { opacity: 0 }
157 }
158 @-o-keyframes titleAnimation { 
159      0% { opacity: 0 }
160     8% { opacity: 1 }
161     17% { opacity: 1 }
162     35% { opacity: 0 }
163     100% { opacity: 0 }
164 }
165 @-ms-keyframes titleAnimation { 
166     0% { opacity: 0 }
167     8% { opacity: 1 }
168     17% { opacity: 1 }
169     35% { opacity: 0 }
170     100% { opacity: 0 }
171 }
172 @keyframes titleAnimation { 
173      0% { opacity: 0 }
174     8% { opacity: 1 }
175     17% { opacity: 1 }
176     35% { opacity: 0 }
177     100% { opacity: 0 }
178 }
179 /*有些浏览器不支持animation的，我们将会简单的展示最后一张图片*/
180 .no-cssanimation .slideshow li span{opacity:1;}
181 /*设置不同分辨率时title的字体大小*/
182 @media screen and (max-width: 1140px) { 
183     .cb-slideshow li div h3 { font-size: 140px }
184 }
185 @media screen and (max-width: 600px) { 
186     .cb-slideshow li div h3 { font-size: 80px }
187 }
188     </style>
189 </head>
190 <body>
191     <ul class="slideshow">
192         <li>
193             <span>imiage 1</span>
194             <div>
195                 <h3>the first image</h3>
196             </div>
197         </li>
198         <li>
199             <span>image 2</span>
200             <div>
201                 <h3>this is the second</h3>
202             </div>
203         </li>
204         <li>
205             <span>image 3</span>
206             <div>
207                 <h3>the third</h3>
208             </div>
209         </li>
210     </ul>
211 </body>
212 </html>

 

你可能感兴趣的:(纯css3实现图片切换)

  • 初识 内嵌iframe 家里有只小肥猫 iframevue前端
    iframe的基本介绍与使用介绍iframe（内嵌框架）是HTML中一种用于将一个网页嵌入到另一个网页中的标签，它可以在一个页面中显示来自其他页面的内容。在网页中，使用标签可以将一个网页嵌套在另一个网页中，实现网页间的互联互通。基础使用标签的基本用法如下：例如：属性除了src属性，还可以使用其他属性来设置iframe的行为和样式，如allow、allowfullscreen、class、frame
  • Vue2.0+ElementUI实现查询条件展开和收起功能组件 热忱1128 elementui前端javascript
    一、需求el-form如果查询条件过多，影响页面的展示效果。查询条件表单是我们系统中非常常见的功能，我们需要把它封装成一个通用的组件，方便在系统开发中提升开发效率。除了在实现基本查询条件的功能上，还需要实现多条件的折叠和展开功能二、效果图三、代码示例封装查询条件表单组件SearchButton.vue查询重置{{word}}exportdefault{props:{showAll:{type:Bo
  • 深度ResUnet与ResUnet++：新一代的语义分割神器 倪澄莹George
    深度ResUnet与ResUnet++：新一代的语义分割神器去发现同类优质开源项目:https://gitcode.com/在这个数据驱动的时代，深度学习模型在图像处理领域展现出了强大的潜力，尤其是在语义分割任务中。今天，我们向您推荐一个基于PyTorch实现的开源项目——DeepResUnet和ResUnet++。这两个模型源自于学术界的最新研究，旨在提高图像分割的准确性和效率。项目介绍这个开源
  • Arduino入门：按钮升级（按一下按钮，LED亮，再按一下，LED熄灭） Dr.勿忘 arduinoarduino
    按钮升级（按一下按钮，LED亮，再按一下，LED熄灭）一、成果展示二、实现方法与解析首先，让我们按图连接电路：代码如下intbutton=2;intled=13;booleanchange=false;//通过按钮来改变change的值voidsetup(){pinMode(button,INPUT_PULLUP);pinMode(led,OUTPUT);}voidloop(){while(dig
  • 运维平台的建设思考 congbao6525 运维
    自己最近也在琢磨如何搭建出一个完善有效的运维平台，当然这个工作不是一朝一夕就能完成，前行的道路上肯定会有各种各样的困难和牵绊，但是自己还是能够学以致用，把一些重复性，繁琐性的工作都能解放出来，能够更加关注于更高的一个层级来看待整个系统。我把搭建运维平台的过程分成了5个阶段，当然纯粹是个人之见，难免有不足和改进之处，欢迎交流。第一个阶段，不同的人积累了一些的经验，可能会有针对一些功能的实现，比如脚本
  • 从零到一：低代码平台的核心技术解析 低代码
    在数字化转型的浪潮中，低代码平台正逐渐成为企业加速应用开发、提升效率的重要工具。它打破了传统开发模式的束缚，让更多非专业开发者也能参与到应用构建中来。今天，我们就来深入剖析低代码平台背后的核心技术，看看它是如何实现高效开发的。可视化设计引擎低代码平台的显著特征之一就是可视化设计。可视化设计引擎就像是一个图形化的工作区，开发者通过简单的拖拽、配置操作，就能搭建出应用的界面和流程。它提供了丰富的组件库
  • 【Vue入门实践】Element-UI 树形组件el-tree的组件封装 =＞实现组织机构树Tree =＞ 使用vue-content-menu定制可编辑树结构editableTree 小白Rachel 前端工作日记随笔Vue项目实战elementUI组件优化vue.jsuielementuiel-tree组织机构树
    文章资源连接（如果需要付费，联系我修改即可）：https://download.csdn.net/download/Sabrina_cc/87607289好吧吐槽一下，公司决定之后的技术栈都是vue了，我又从React转战回来了。干巴爹好的生活方式，是和一群志同道合的人，一起奔跑在理想的路上！回头有一路的故事，低头有坚定的脚步，抬头有清晰的远方。首先了解Element-UI中定义的基础Tree树组
  • Python实现聊天机器人（基于ChatterBot） Lemonlittle python开发语言
    废话不多说，直接上正题。使用Python中的ChatterBot和Spacy库编写的简单聊天机器人：首先，需要安装ChatterBot和Spacy库，可以使用以下命令：复制插入pipinstallchatterbotpipinstallspacypython-mspacydownloaden_core_web_sm复制插入接下来，我们需要导入所需的库：python复制插入fromchatterbo
  • ASP.NET Core MVC AAA猪饲料批发李师傅 .NETmvc.netcorec#
    项目结构控制器由Controller类实现，视图一般是扩展名为cshtml的文件，而模型则是只有属性的普通C#类。控制器类的名字一般以Controller结尾，并且被放到Controllers文件夹下。控制器的名字为控制器的类名去掉Controller。视图一般被放到Views文件夹下的控制器名字的文件夹下。视图→浏览器端提交的请求→模型→控制器→处理→模型→视图。渲染：Render。案例演示一个
  • elementUI Table组件实现表头吸顶效果 热忱1128 elementuivue.js前端
    需求描述当table内容过多的时候，页面上滑滚动，表头的信息也会随着被遮挡，无法将表头信息和表格内容对应起来，需要进行表头吸顶开始编码环境：vue2.6+、elementUIstep1：给el-table__header-wrapper加上样式//style/sticky-table-header.scss.el-table[is-sticky]{overflow:initial;--sticky
  • Vue 3中导航守卫（Navigation Guard）结合Axios实现token认证机制 匹马夕阳 VUE技术集锦vue.js前端javascript
    在Vue3中，导航守卫（NavigationGuard）用于拦截路由的变化，可以在用户访问页面前进行检查。结合Axios进行token认证机制时，我们可以通过导航守卫在路由跳转时，检查用户的认证状态，确保用户有有效的token进行认证。下面，我将通过具体代码示例，逐步讲解如何实现这一功能：文章目录1.安装必要的依赖2.创建`axios`实例3.在`router.js`中使用导航守卫4.处理登录与登
  • 从入门到精通：HttpClient深度剖析与实战指南 步、步、为营 c#.netcoreasp.net微服务
    一、引言1.1背景引入在当今数字化时代，网络编程已成为软件开发中不可或缺的一部分。而HTTP通信作为网络编程的核心，承担着客户端与服务器之间数据传输的重任。无论是Web应用、移动应用，还是分布式系统，HTTP协议都扮演着关键角色，它使得不同设备、不同平台之间能够高效地进行数据交互。在Java开发领域，为了实现HTTP通信，我们有众多工具可供选择，其中ApacheHttpClient脱颖而出，成为开
  • 人形机器人的组成原理、相关技术和行业应用 weixin_30777913 机器人
    人形机器人的部件和工作原理人形机器人的部件通常包括机身、关节、传感器、驱动器、控制器等。其工作原理是通过传感器收集环境信息，控制器根据预设的算法和程序生成动作指令，驱动器驱动关节运动，从而实现机器人的各种动作。人形机器人主要由以下几个部件组成：伺服电机：在自动控制系统中，伺服电机作为执行元件，将接收到的电信号转换为电动机轴上的角位移或角速度输出。在人形机器人中，伺服电机是驱动各个关节运动的核心部件
  • Flask python 开发篇：蓝图的使用 ignativs amor Pythonflaskpythonflask后端
    蓝图引言一、为什么使用蓝图？二、蓝图的概念三、创建蓝图四、注册蓝图五、分享我的creat_app方法六、写在最后引言falsk是个轻量级的框架，核心实现简单，但同事可以让开发人员自由的扩展功能。开发中，使用模块导入的方式。一、为什么使用蓝图？将一个应用程序分解为一组蓝图。这对于较大的应用程序是理想的；一个项目可以实例化一个应用程序对象，初始化多个扩展，并注册许多蓝图。-在URL前缀和（或）子域的应
  • Java实现音频转文本（语音识别） Tech Synapse java音视频语音识别
    在Java中实现音频转文本（也称为语音识别或ASR）通常涉及使用专门的语音识别服务，如GoogleCloudSpeech-to-Text、IBMWatsonSpeechtoText、AmazonTranscribe、MicrosoftAzureSpeechServices，或者一些开源库如CMUSphinx。由于直接使用开源库或云服务的API进行完整演示可能涉及复杂的设置和依赖管理，这里将提供一个
  • 微信小程序中实现背景图片完全覆盖显示，可以通过设置CSS样式来实现 徊忆羽菲 微信-小程序微信小程序css小程序
    wxml页面代码wxss样式代码/*pages/beiJing/beiJing.wxss*/.beijing{background-image:url("https://www.qipa250.com/qipa.jpg");/*定位：绝对定位*/position:absolute;/*上下左右都定位到0*/top:0;left:0;right:0;bottom:0;/*给它足够低的层次*/z-in
  • Redis学习笔记 csdn_bobo_6 redis学习数据库
    认识NoSQLNoSQL，泛指非关系型的数据库。随着互联网web2.0网站的兴起，传统的关系数据库在处理web2.0网站，特别是超大规模和高并发的SNS类型的web2.0纯动态网站已经显得力不从心，出现了很多难以克服的问题，而非关系型的数据库则由于其本身的特点得到了非常迅速的发展。NoSQL数据库的产生就是为了解决大规模数据集合多重数据种类带来的挑战，特别是大数据应用难题。NoSQL特点方便扩展（
  • 面向对象设计原则 Tiantangbujimo7 设计模式设计模式
    面向对象最大的优势是抵御变化理解隔离变化：从宏观面来看，面向对象构建方式更能适应软件的变化，能将变化所带来的影响减为最少。各司其职：从微观层面来看，面向对象的方式更强调各个类的责任。由于需求变化导致的新增类型不应该影响原来类型的实现。对象是什么？从语言实现层面来看，对象封装了代码和数据。从规格层面来讲，对象是一系列可被使用的公共接口。从概念来讲，对象是某种拥有责任的抽象。面向对象设计原则依赖倒置原
  • 躺着敲代码第二天-----聊聊Spring的AOP（面向切面编程） 想躺着敲代码^^ springjava
    AOP(Aspectorientedprogramming)什么是AOPAOP（AspectOrientedProgramming）即面向切面编程，AOP是OOP（面向对象编程）的一种延续，二者互补，并不对立。AOP的目的是将横切关注点（如日志记录、事务管理、权限控制、接口限流、接口幂等等）从核心业务逻辑中分离出来，通过动态代理、字节码操作等技术，实现代码的复用和解耦，提高代码的可维护性和可扩展性
  • Shell脚本技巧：逐行读取文件与死循环的常用思路 vortex5 前端服务器运维
    在日常的Shell脚本编写中，逐行读取文件和死循环是非常常见的两种操作。这篇文章将介绍逐行读取文件和编写死循环的几种常用技巧，并结合具体示例分析它们的优缺点，帮助你在实际脚本开发中灵活运用。一、逐行读取文件的常用思路逐行读取文件在处理配置文件、日志分析、批量任务等场景中十分重要。以下是几种常见的实现方法。使用whileread循环这是最经典的方式之一，适用于精确逐行读取文件的需求。whileIFS
  • 基于STM32的智能饮水机控制系统设计 STM32发烧友 stm32嵌入式硬件单片机
    目录引言系统设计硬件设计软件设计系统功能模块温度控制模块水位监测模块用户交互与显示模块自动清洁与维护模块数据上传与远程管理模块控制算法温控算法水位监测与提醒算法自动清洁调度算法代码实现温控与水位监测代码自动清洁与用户交互代码数据上传与远程管理代码系统调试与优化结论与展望1.引言智能饮水机通过自动化控制和联网功能提升了用户的饮水体验。相比传统饮水机，智能饮水机能够实时监控水温、水位、运行状态，并提供
  • 基于STM32的智能温室监控与控制系统设计 STM32发烧友 stm32嵌入式硬件单片机
    目录引言系统设计硬件设计软件设计系统功能模块温湿度监控模块CO2监测模块灌溉控制模块风扇控制模块数据通信模块代码实现4.1温湿度监控模块4.2CO2监测模块4.3灌溉控制模块4.4风扇控制模块4.5数据通信模块系统调试与优化结论与展望1.引言随着现代化温室农业的发展，传统的温室管理方法逐渐向自动化和智能化转型。智能温室监控与控制系统能够实时监控温室内的各项环境参数，并根据预设条件自动调节温室内的温
  • 基于STM32的智能温室自动控制系统设计 STM32发烧友 stm32嵌入式硬件单片机
    目录引言硬件与软件设计硬件设计软件设计系统架构功能模块系统流程代码实现4.1温湿度监测模块4.2土壤湿度监测模块4.3自动灌溉控制模块4.4显示与报警模块系统调试与优化结论与未来工作1.引言随着农业自动化和精准农业的发展，温室环境控制系统在现代农业中扮演着越来越重要的角色。温室自动控制系统通过监控温度、湿度、土壤湿度等关键参数，实现自动化控制，调节环境以最优化作物生长条件。本文设计了一个基于STM
  • 基于STM32开发的智能交通灯控制系统 STM32发烧友 stm32嵌入式硬件单片机
    目录引言环境准备工作硬件准备软件安装与配置系统设计系统架构硬件连接代码实现系统初始化红绿灯控制逻辑车辆与行人检测信号灯控制与调度OLED显示与状态提示Wi-Fi通信与远程监控应用场景城市交通管理智能交通系统的研发与测试常见问题及解决方案常见问题解决方案结论1.引言随着城市化的加速，交通管理成为现代城市中亟待解决的问题。智能交通灯控制系统通过实时检测交通状况，根据实际车流量调整信号灯的切换时间，提高
  • 基于STM32的智能温室监控系统设计 STM32发烧友 stm32单片机嵌入式硬件
    引言本项目基于STM32微控制器设计了一个智能温室监控系统，通过集成多个传感器模块和控制设备，实现对温室环境的实时监测与调节。该系统能够实时监测温室内的温度、湿度、光照强度等参数，并自动控制风扇、加热器和灯光，以确保温室内植物的最佳生长条件。项目涉及硬件设计、传感器数据处理和控制设备的实现，适用于农业温室和智能种植场景。本文将详细介绍系统的设计思路和具体实现步骤。环境准备1.硬件设备STM32F1
  • STM32智能温室控制系统教程 STM32发烧友 stm32嵌入式硬件单片机
    目录引言环境准备智能温室控制系统基础代码实现：实现智能温室控制系统4.1数据采集模块4.2数据处理与控制模块4.3通信与网络系统实现4.4用户界面与数据可视化应用场景：温室管理与优化问题解决方案与优化收尾与总结1.引言智能温室控制系统通过STM32嵌入式系统结合各种传感器、执行器和通信模块，实现对温室环境的实时监控、自动控制和数据传输。本文将详细介绍如何在STM32系统中实现一个智能温室控制系统，
  • Objective-C实现avl 树算法(附完整源码) 源代码大师 objective-c算法java
    Objective-C实现avl树算法以下是一个Objective-C程序，用于实现AVL树（平衡二叉树）的算法。AVL树是一种自平衡二叉搜索树，保持左右子树的高度差不超过1，以确保树的高度始终保持在对数级别。#import@interfaceAVLNode:NSObject@propertyintdata;@propertyAVLNode*left;
  • 算法学习019 BFS实现迷踪步 c++算法学习 中小学算法思维学习 比赛算法题解 信奥算法解析 小兔子编程 信奥算法详解算法宽度优先BFSC++BFS广度优先算法c++迷宫步数c++迷踪步
    C++BFS实现迷踪步一、题目要求1、编程实现有一个n行m列的方格迷宫，用0表示可以通过，用1表示不可以通过，每一步可以向上、下、左、右任意方向移动一格，请计算从左上角(1，1)位置移动到右下角(n，m)位置，最少移动多少步？2、输入输出输入描述：第一行输入矩阵大小n和m
  • PySpark之金融数据分析（Spark RDD、SQL练习题） 唯余木叶下弦声 大数据大数据sparkpysparkpython数据分析sql
    目录一、数据来源二、PySparkRDD编程1、查询特定日期的资金流入和流出情况2、活跃用户分析三、PySparkSQL编程1、按城市统计2014年3月1日的平均余额2、统计每个城市总流量前3高的用户四、总结一、数据来源本文使用的数据来源于天池大赛数据集，由蚂蚁金服提供，包含用户基本信息、申购赎回记录、收益率、银行间拆借利率等多个维度，本文通过PySpark实现对该数据集的简单分析。数据来源：天池
  • 联合文件系统介绍 软件架构师笔记 服务器android数据库
    联合文件系统介绍联合文件系统一个可堆叠统一的文件系统，该系统可以合并多个目录（分支）的内容，同时保持其物理内容独立。对于联合文件系统有很多不同的实现：aufsoverlayoverlay原理介绍OverlayFS处理内容层：一个或多个下层(lowerdir)和一个上层(upperdir)。下层被视为只读，上层被视为读写。OverlayFS通过联合挂载(merged)提供这些层的统一视图。lower
  • eclipse maven IXHONG eclipse
    eclipse中使用maven插件的时候，运行run as maven build的时候报错 -Dmaven.multiModuleProjectDirectory system propery is not set. Check $M2_HOME environment variable and mvn script match.   可以设一个环境变量M2_HOME指
  • timer cancel方法的一个小实例 alleni123 多线程timer
    package com.lj.timer; import java.util.Date; import java.util.Timer; import java.util.TimerTask; public class MyTimer extends TimerTask { private int a; private Timer timer; pub
  • MySQL数据库在Linux下的安装 ducklsl mysql
    1.建好一个专门放置MySQL的目录 /mysql/db数据库目录 /mysql/data数据库数据文件目录 2.配置用户，添加专门的MySQL管理用户 >groupadd mysql ----添加用户组 >useradd -g mysql mysql ----在mysql用户组中添加一个mysql用户 3.配置，生成并安装MySQL >cmake -D
  • spring------>>cvc-elt.1: Cannot find the declaration of element Array_06 springbean
    将-------- <?xml version="1.0" encoding="UTF-8"?> <beans xmlns="http://www.springframework.org/schema/beans"     xmlns:xsi="http://www.w3
  • maven发布第三方jar的一些问题 cugfy maven
    maven中发布 第三方jar到nexus仓库使用的是 deploy:deploy-file命令 有许多参数，具体可查看 http://maven.apache.org/plugins/maven-deploy-plugin/deploy-file-mojo.html 以下是一个例子： mvn  deploy:deploy-file -DgroupId=xpp3
  • MYSQL下载及安装 357029540 mysql
        好久没有去安装过MYSQL，今天自己在安装完MYSQL过后用navicat for mysql去厕测试链接的时候出现了10061的问题，因为的的MYSQL是最新版本为5.6.24，所以下载的文件夹里没有my.ini文件，所以在网上找了很多方法还是没有找到怎么解决问题，最后看到了一篇百度经验里有这个的介绍，按照其步骤也完成了安装，在这里给大家分享下这个链接的地址
  • ios TableView cell的布局 张亚雄 tableview
      cell.imageView.image = [UIImage imageNamed:[imageArray objectAtIndex:[indexPath row]]];           CGSize itemSize = CGSizeMake(60, 50);   &nbs
  • Java编码转义 adminjun java编码转义
    import java.io.UnsupportedEncodingException; /** * 转换字符串的编码 */ public class ChangeCharset { /** 7位ASCII字符，也叫作ISO646-US、Unicode字符集的基本拉丁块 */ public static final Strin
  • Tomcat 配置和spring aijuans spring
    简介 Tomcat启动时，先找系统变量CATALINA_BASE，如果没有，则找CATALINA_HOME。然后找这个变量所指的目录下的conf文件夹，从中读取配置文件。最重要的配置文件：server.xml 。要配置tomcat，基本上了解server.xml，context.xml和web.xml。 Server.xml --  tomcat主
  • Java打印当前目录下的所有子目录和文件 ayaoxinchao 递归File
    其实这个没啥技术含量，大湿们不要操笑哦，只是做一个简单的记录，简单用了一下递归算法。   import java.io.File; /** * @author Perlin * @date 2014-6-30 */ public class PrintDirectory { public static void printDirectory(File f
  • linux安装mysql出现libs报冲突解决 BigBird2012 linux
    linux安装mysql出现libs报冲突解决 安装mysql出现 file /usr/share/mysql/ukrainian/errmsg.sys from install of MySQL-server-5.5.33-1.linux2.6.i386 conflicts with file from package mysql-libs-5.1.61-4.el6.i686  
  • jedis连接池使用实例 bijian1013 redisjedis连接池jedis
    实例代码： package com.bijian.study; import java.util.ArrayList; import java.util.List; import redis.clients.jedis.Jedis; import redis.clients.jedis.JedisPool; import redis.clients.jedis.JedisPoo
  • 关于朋友 bingyingao 朋友兴趣爱好维持
      成为朋友的必要条件：    志相同，道不合，可以成为朋友。譬如马云、周星驰一个是商人，一个是影星，可谓道不同，但都很有梦想，都要在各自领域里做到最好，当他们遇到一起，互相欣赏，可以畅谈两个小时。     志不同，道相合，也可以成为朋友。譬如有时候看到两个一个成绩很好每次考试争做第一，一个成绩很差的同学是好朋友。他们志向不相同，但他
  • 【Spark七十九】Spark RDD API一 bit1129 spark
    aggregate package spark.examples.rddapi import org.apache.spark.{SparkConf, SparkContext} //测试RDD的aggregate方法 object AggregateTest { def main(args: Array[String]) { val conf = new Spar
  • ktap 0.1 released bookjovi kerneltracing
    Dear, I'm pleased to announce that ktap release v0.1, this is the first official release of ktap project, it is expected that this release is not fully functional or very stable and we welcome bu
  • 能保存Properties文件注释的Properties工具类 BrokenDreams properties
            今天遇到一个小需求：由于java.util.Properties读取属性文件时会忽略注释，当写回去的时候，注释都没了。恰好一个项目中的配置文件会在部署后被某个Java程序修改一下，但修改了之后注释全没了，可能会给以后的参数调整带来困难。所以要解决这个问题。     &nb
  • 读《研磨设计模式》-代码笔记-外观模式-Facade bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ /* * 百度百科的定义： * Facade（外观）模式为子系统中的各类（或结构与方法）提供一个简明一致的界面， * 隐藏子系统的复杂性，使子系统更加容易使用。他是为子系统中的一组接口所提供的一个一致的界面 * * 可简单地
  • After Effects教程收集 cherishLC After Effects
    1、中文入门 http://study.163.com/course/courseMain.htm?courseId=730009 2、videocopilot英文入门教程（中文字幕） http://www.youku.com/playlist_show/id_17893193.html 英文原址： http://www.videocopilot.net/basic/ 素
  • Linux Apache 安装过程 crabdave apache
    Linux Apache 安装过程   下载新版本： apr-1.4.2.tar.gz（下载网站：http://apr.apache.org/download.cgi） apr-util-1.3.9.tar.gz（下载网站：http://apr.apache.org/download.cgi） httpd-2.2.15.tar.gz（下载网站：http://httpd.apac
  • Shell学习 之 变量赋值和引用 daizj shell变量引用赋值
    本文转自：http://www.cnblogs.com/papam/articles/1548679.html Shell编程中，使用变量无需事先声明，同时变量名的命名须遵循如下规则： 首个字符必须为字母（a-z，A-Z） 中间不能有空格，可以使用下划线（_） 不能使用标点符号 不能使用bash里的关键字（可用help命令查看保留关键字） 需要给变量赋值时，可以这么写：
  • Java SE 第一讲（Java SE入门、JDK的下载与安装、第一个Java程序、Java程序的编译与执行） dcj3sjt126com javajdk
    Java SE 第一讲： Java SE：Java Standard Edition Java ME: Java Mobile Edition Java EE：Java Enterprise Edition Java是由Sun公司推出的（今年初被Oracle公司收购）。 收购价格：74亿美金 J2SE、J2ME、J2EE JDK：Java Development
  • YII给用户登录加上验证码 dcj3sjt126com yii
    1、在SiteController中添加如下代码： /** * Declares class-based actions. */ public function actions() { return array( // captcha action renders the CAPTCHA image displ
  • Lucene使用说明 dyy_gusi Lucenesearch分词器
    Lucene使用说明 1、lucene简介 1.1、什么是lucene     Lucene是一个全文搜索框架，而不是应用产品。因此它并不像baidu或者googleDesktop那种拿来就能用，它只是提供了一种工具让你能实现这些产品和功能。 1.2、lucene能做什么     要回答这个问题，先要了解lucene的本质。实际
  • 学习编程并不难,做到以下几点即可! gcq511120594 数据结构编程算法
    不论你是想自己设计游戏，还是开发iPhone或安卓手机上的应用，还是仅仅为了娱乐，学习编程语言都是一条必经之路。编程语言种类繁多，用途各 异，然而一旦掌握其中之一，其他的也就迎刃而解。作为初学者，你可能要先从Java或HTML开始学，一旦掌握了一门编程语言，你就发挥无穷的想象，开发 各种神奇的软件啦。 1、确定目标 学习编程语言既充满乐趣，又充满挑战。有些花费多年时间学习一门编程语言的大学生到
  • Java面试十问之三：Java与C++内存回收机制的差别 HNUlanwei javaC++finalize()堆栈内存回收
    大家知道， Java 除了那 8 种基本类型以外，其他都是对象类型（又称为引用类型）的数据。 JVM 会把程序创建的对象存放在堆空间中，那什么又是堆空间呢？其实，堆（ Heap）是一个运行时的数据存储区，从它可以分配大小各异的空间。一般，运行时的数据存储区有堆（ Heap）和堆栈（ Stack），所以要先看它们里面可以分配哪些类型的对象实体，然后才知道如何均衡使用这两种存储区。一般来说，栈中存放的
  • 第二章 Nginx+Lua开发入门 jinnianshilongnian nginxlua
    Nginx入门 本文目的是学习Nginx+Lua开发，对于Nginx基本知识可以参考如下文章： nginx启动、关闭、重启 http://www.cnblogs.com/derekchen/archive/2011/02/17/1957209.html agentzh 的 Nginx 教程 http://openresty.org/download/agentzh-nginx-tutor
  • MongoDB windows安装 基本命令 liyonghui160com
      windows安装    安装目录：   D:\MongoDB\   新建目录   D:\MongoDB\data\db   4.启动进城：   cd D:\MongoDB\bin   mongod -dbpath D:\MongoDB\data\db   &n
  • Linux下通过源码编译安装程序 pda158 linux
    一、程序的组成部分 　　Linux下程序大都是由以下几部分组成： 　　二进制文件：也就是可以运行的程序文件 　　库文件：就是通常我们见到的lib目录下的文件 　　配置文件：这个不必多说，都知道 　　帮助文档：通常是我们在linux下用man命令查看的命令的文档 　　 二、linux下程序的存放目录 　　linux程序的存放目录大致有三个地方： 　　/etc, /b
  • WEB开发编程的职业生涯４个阶段 shw3588 编程Web工作生活
    觉得自己什么都会 2007年从学校毕业，凭借自己原创的ASP毕业设计，以为自己很厉害似的，信心满满去东莞找工作，找面试成功率确实很高，只是工资不高，但依旧无法磨灭那过分的自信，那时候什么考勤系统、什么OA系统、什么ERP，什么都觉得有信心，这样的生涯大概持续了约一年。 根本不是自己想的那样 2008年开始接触很多工作相关的东西，发现太多东西自己根本不会，都需要去学，不管是asp还是js，
  • 遭遇jsonp同域下变作post请求的坑 vb2005xu jsonp同域post
    今天迁移一个站点时遇到一个坑爹问题,同一个jsonp接口在跨域时都能调用成功,但是在同域下调用虽然成功,但是数据却有问题. 此处贴出我的后端代码片段 $mi_id = htmlspecialchars(trim($_GET['mi_id '])); $mi_cv = htmlspecialchars(trim($_GET['mi_cv ']));  贴出我前端代码片段: $.aj
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他