sai_young
sai_young

jquery幻灯片

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>index</title>
		<style>
			*{margin:0px;padding:0px;}
			li{
				list-style: none;
			}
			#slide{
				width:100%;
				height:420px;
				overflow:hidden;
				position:relative;
			}
			#slide .slide-box{
				width:100%;
				height:420px;
				position:relative;
			}
			#slide .slide-box li{
				background-position:50% 0px;
				background-repeat:no-repeat;
				width:100%;
				height:420px;
				overflow:hidden;
				position:absolute;
				left:0px;
				top:0px;
				opacity:0;
				filter:alpha(opacity=0);
			}
			
			#slide .slide-box li div{
				width:755px;
				height:420px;
				position:relative;
				margin:0px auto;
			}
			#slide .slide-box li b{
				width:760px;
				height:210px;
				display:block;
				position:absolute;
				left:0px;
				top:-40px;
				background-position:20px 0px;
				background-repeat:no-repeat;
				z-index:1;
				opacity:0;
				filter:alpha(opacity=0);
				
				
			}
			#slide .slide-box li a{
				width:755px;
				height:420px;
				background:url(./images/spaceball.gif);
				display:block;
				position:absolute;
				left:0px;
				top:0px;
				z-index:2;
			}
			#slide .slide-nav{
				width:100%;
				height:30px;
				position:absolute;
				bottom:0px;
				left:0px;
				z-index:3;
			}
			#slide .slide-nav .slide-nav-box{
				width:755px;
				height:30px;
				line-height:30px;
				margin:0px auto;
			}
			#slide .slide-nav .slide-nav-box a{
				display:inline-block;
				width:14px;
				height:14px;
				border-radius:50%;
				background:#b5b5b5;
				margin:0px 3px;
			}
			#slide .slide-nav .slide-nav-box a.active{
				background:#c80002;
			}
		</style>
		<script src="jquery.js" type="text/javascript"> </script>
		<script type="text/javascript">
			$(function(){
				//得到这群图片li
				var oLis = $('#slide .slide-box li');
				//得到小圆圈的对象组
				var oPage = $('#slide .slide-nav a');
				var lens = oLis.size();
				//定义一个定时器
				var oTimer = null;
				

				//遍历
				oPage.each(function(index){
					$(this).mouseover(function(){
						//将索引传入函数
						slideRun(index);
					})
				});
					
				//动起来的函数
				function slideRun(index){
					iNow = index;
					//1--小圆圈--先给自己加上，去除兄弟的样式
					oPage.eq(index).addClass('active').siblings().removeClass('active');

					//2--图片--opacity:0
					//开始一个动画之前 停止所有之前的动画
					oLis.eq(index).siblings().stop().animate({
						opacity:0
					},600).find('b').stop().animate({
							//3--小文字 向上 并消失
							top: -40,
							opacity:0
					},600);
					
					oLis.eq(index).stop().animate({
						opacity:1	
					},600).find('b').stop().animate({
							//小文字 向下并显示 
							opacity : 1,
							top : -10 
					},600);


				}

				//当前显示第几张
				var iNow = 0;
				autoRun();
				function autoRun(){
					oTimer = setInterval(function(){
					if(iNow > lens-1){
						//边界控制
						iNow = 0;
					}
					slideRun(iNow);
					iNow++;
					},5000);
				}

				

				//
				oLis.hover(function(){
					//鼠标放上去--->图片停止
					//清除定时器
					clearInterval(oTimer);
				},function(){
					//鼠标移开----->图片开始自动切换
					autoRun();
				})

			})	
		</script>
	</head>
	<body>
		<div id="slide">
			<ul class='slide-box'>
				<li style="background-image:url(./images/1.jpg);opacity:1;filter:alpha(opacity=100);">
					<div>
						<b style="background-image:url(./images/1.png);opacity:1;filter:alpha(opacity=100);"> </b>
						<a href="javascript:void(0);"> </a>
					</div>
				</li>
				<li style="background-image:url(./images/2.jpg);">
					<div>
						<b > </b>
						<a href="javascript:void(0);"> </a>
					</div>
				</li>
				<li style="background-image:url(./images/3.jpg);">
					<div>
						<b > </b>
						<a href="javascript:void(0);"> </a>
					</div>
				</li>
				<li style="background-image:url(./images/4.jpg);">
					<div>
						<b style="background-image:url(./images/4.png);"> </b>
						<a href="javascript:void(0);"> </a>
					</div>
				</li>
				<li style="background-image:url(./images/5.jpg);">
					<div>
						<b style="background-image:url(./images/5.png);"> </b>
						<a href="javascript:void(0);"> </a>
					</div>
				</li>
			</ul>
			<div class='slide-nav'>
				<div class='slide-nav-box'>
					<a class='active' href="javascript:void(0);"> </a>
					<a    href="javascript:void(1);"> </a>
					<a href="javascript:void(2);"> </a>
					<a  href="javascript:void(3);"> </a>
					<a href="javascript:void(4);"> </a>
				</div>
			</div>
		</div>
	</body>
</html>


你可能感兴趣的:(position,幻灯片,hidden)

  • 03-Cesium自定义着色器完整代码以及注释 fxshy 着色器javascript
    1.效果展示2.完整代码自定义着色器完整代码#map{position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0;}Cesium.Ion.defaultAccessToken='eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiJhZjZkZDAwZC1mNTFhLTRhO
  • 2021-06-07 Do What You Are Meant To Do 春生阁
    Don’tgiveupontryingtofindbalanceinyourlife.Sticktoyourpriorities.Rememberwhat’smostimportanttoyouanddoeverythingyoucantoputyourselfinapositionwhereyoucanfocusonthosepriorities,ratherthanbeingpulledbyt
  • css设置当字数超过限制后以省略号（...）显示 周bro css前端vuecss3html经验分享
    1、文字超出一行，省略超出部分，显示’…’用text-overflow:ellipsis属性来，当然还需要加宽度width属来兼容部分浏览。overflow:hidden;text-overflow:ellipsis;white-space:nowrap;2、多行文本溢出显示省略号display:-webkit-box;-webkit-box-orient:vertical;-webkit-lin
  • 滑动窗口+动态规划 wniuniu_ 算法动态规划算法
    前言：分析这个题目的时候，就知道要这两个线段要分开，但是要保证得到最优解，那么我们在选取第二根线段的时候，要保证我们第一根线段是左边最优解并且我们选的两根线段的右端点一定是我们的数组的点（贪心思想）classSolution{public:intmaximizeWin(vector&prizePositions,intk){intn=prizePositions.size();vectormx(n
  • 前端CSS面试常见题 剑亦未配妥 前端面试前端css面试
    边界塌陷盒模型有两种：W3C盒模型和IE盒模型，区别在于宽度是否包含边框定义：同时给兄弟/父子盒模型设置上下边距，理论上边距值是两者之和，实际上不是注意：浮动和定位不会产生边界塌陷；只有块级元素垂直方向才会产生margin合并margin计算方案margin同为正负：取绝对值大的值一正一负：求和父子元素边界塌陷解决父元素可以通过调整padding处理；设置overflowhidden，触发BFC子
  • 用了这么多年的PCA可视化竟然是错的！！！ 生信宝典
    本文启发于上周开的单细胞转录组课程，本次课程由资深单细胞算法研究者戴老师主讲，深入浅出，各部分分析原理从理论到应用层面解释透彻，最新流程，最新代码，绝对值得学习。课程尚未结束，我就迫不及待向一位未能安排出时间参加此课程的老友及时安利了视频课。言归正传，介绍培训课程的一张幻灯片：很多PCA可视化结果都是不合适的。PCA或PCoA是常用的降维工具，之前有几篇文章介绍PCA的原理和可视化。一文看懂PCA
  • ‌seq_len 不等于 hidden_size 难道不会报错吗，他们是一会事情吗 zhangfeng1133 python人工智能开发语言pytorch
    seq_len与hidden_size在RNN中代表不同概念，不等不会报错‌。‌seq_len‌：序列长度，表示在处理数据时，每个批次（batch）中序列的长度。RNN网络会按照seq_len指定的长度进行循环计算‌1。‌hidden_size‌：隐藏层中隐藏神经元的个数，也是输出向量的长度。它决定了RNN网络中隐藏层的状态向量的维度‌12。在RNN的训练过程中，seq_len和hidden_si
  • 《信号与线性系统分析》学习心得 GFeverything 个人学习感想信号与线性系统分析吴大正课本信号分析
    《信号与线性系统分析》学习心得通过本学期上网课的学习，大致对信号有了一定的了解认知，下面对该课程的理解发表粗浅认知，说起信号，大家都不陌生，比如老师写的幻灯片，朋友的一个眼色，经常使用的WiFi信号......总之，信号就是信息的载体，它包含着信息！从数学的角度，信号可以说是一个时间函数/序列；从电路角度来说，信号就是各种激励与响应与系统的作用；从模电数电的角度来看，信号有连续时间信号与离散时间信
  • [深入vue3之refs] ref、unref、toRef、toRefs、isRef、customRef、shallowRef、triggerRef等使用与讲解 oumae-kumiko vue前端vue.js前端javascript
    本章涉及的compositionapi：ref、unref、toRef、toRefs、isRef、customRef、shallowRef、triggerRefrefsapi中的重点为：ref、toRefs、shallowRef、customRef，其次是isRef等。ref接受一个内部值并返回一个响应式且可变的ref对象。ref对象仅有一个`.value`property，指向该内部值。如果将对
  • CSS截取字符串，多余文字用省略号显示 这真的是一个帅气的名字
    line-height:30px;text-align:center;text-overflow:ellipsis;/*让超出的用...实现*/white-space:nowrap;/*禁止换行*/overflow:hidden;/*超出的隐藏*/display:block;多行：border:1pxsolid#ddd;width:200px;word-break:break-all;text-o
  • aspcms webshell漏洞复现 青衫木牛马 aspaspcmsgetshell
    1.【ip】/admin_aspcms/login.asp访问后台，admin123456登录2.点击【扩展功能】【幻灯片设置】点击【保存】开启代理进行抓包3.在抓取的数据包中修改slideTextStatus字段的值为以下代码并进行发包访问影响文件字段值1%25><%25密码是a影响文件/config/AspCms_Config.asp4.蚁剑连接
  • css3溢出隐藏的方法 DDOS防御 网络技术css3前端css
    CSS3提供了几种方法来处理元素内容的溢出问题，以下是一些常见的方法：1.**使用`overflow`属性**：-`overflow:hidden;`：隐藏溢出的内容。-`overflow:scroll;`：如果内容溢出，将显示滚动条。-`overflow:auto;`：如果内容溢出，将显示滚动条，但滚动条只在需要时显示。2.**使用`text-overflow`和`white-space`属性*
  • CSS 元素超出部分滚动, 并隐藏滚动条（2种方法） 就像风1样 cssCSS样式专栏css溢出滚动隐藏滚动条
    方法一,利用css3的新特性-webkit-scrollbar,但是这种方式不兼容火狐和IE超出部分隐藏滚动条#box{width:500px;height:300px;overflow-x:hidden;overflow-y:scroll;line-height:30px;text-align:center;}#box::-webkit-scrollbar{display:none;}你好你好你
  • 谷歌将把那些冗长的文档变成你下一个最喜欢的播客 AI研报 人工智能
    如果你有很多学校或工作的阅读任务，但更喜欢听播客，谷歌全新的AI驱动的AudioOverview工具可以满足你的需求。这项工具首次在今年的GoogleI/O大会上展示，AudioOverviews可以让你将文档、幻灯片和其他文本转换为一个AI主持的音频节目，讨论相关主题。谷歌将这项功能作为一种帮助那些通过听比读更容易理解复杂信息的人消化这些信息的方式。如果你更喜欢听别人讨论一个话题而不是阅读报告，
  • Unity3d俯视视角下，通过点击屏幕获取世界坐标是如何实现的 睡不醒的小泽 Unityunity
    方式一：射线转化在Unity3D中，我们先获取对应游戏画面的摄像机，之后获取屏幕点击位置的世界坐标可以通过使用ScreenPointToRay()函数实现。这个函数将屏幕坐标（在屏幕上的位置，范围从0到屏幕宽度和高度）转换为世界坐标（在世界空间中的位置）。这种方法在rts类游戏和一些3d项目的RPG游戏中比较常见。实现的方法可以概括为：根据Input.mousePosition，从camera射出
  • Mysql 8.0 的主从搭建 一切皆是命，万般不由人 LinuxMySQLmysql数据库服务器
    Mysql8.0的主从搭建上次说到mysql的安装，没有安装好的可以参考这里CentOs7.064mysql8.0安装MYSQL8.0主从搭建Mysql8.0的主从搭建一、为什么需要主从复制？二、什么是mysql的主从复制？三、mysql复制原理四、如何配置？五、配置从服务器登录主服务器的账号授权1.mysql5.0版本设置2.mysql8.0版本设置六、查看主机File和Position的值,并
  • Delta3d 简单的控制物体例子 Sunday Delta3D
    //Inthistutorial,youwillchangethepreviousHelloWorldapplicationto//furtheryourunderstandingofmotionmodels.Previouslyyoulearnedhowtoplacea//camerainasceneandmovethecamerapositionviamouseandkeyboardinput
  • 流利说英语A+商务英语学习笔记——第1章搞定面试 第7节《面试之闪亮登场》 Ronnie学英语
    面试开局JChasappliedforapositionasamarketingassistant.TodayshewillattendourinterviewandLeonwillbeherinterviewer.Iamrecentgraduate(形容词毕业的)fromUniversity,whereImajorinmarketing.Iwasalsovicepresidentofmycoll
  • 只需一招，Word无损转Excel再转回Word 潮办公
    word里面可以插入表格，可以粘贴表格。但是如果后期要修改，数据要重新处理的时候，用word就不方便了。毕竟小编一直认为，word编辑文字，excel数据处理，ppt幻灯片演示，Access数据储存，这才是真正的office正确打开方式。废话不多说，我们这节来谈谈将word下的表格无损格式的情况下变成Excel，经过一定的数据处理后再变回来。Part1将word另存为html网页文件示例文件，这是
  • vue对话框禁止后面页面滚动条滚动的解决方式 小橘碎碎记 vue.jsjavascript前端
    转载https://www.cnblogs.com/mxl123/p/11818125.htmlstopSrcoll(){varmo=function(e){e.preventDefault();};document.body.style.overflow='hidden';document.addEventListener("touchmove",mo,false);//禁止页面滑动},open
  • vue如何禁止弹窗后面的滚动条滚动？ IT侠客行 Vue.js
    methods:{//禁止滚动stop(){varmo=function(e){e.preventDefault();};document.body.style.overflow=‘hidden’;document.addEventListener(“touchmove”,mo,false);//禁止页面滑动},/取消滑动限制/move(){varmo=function(e){e.preventD
  • 禁止弹窗底部页面滑动解决方案整理 七月的你 项目中问题解决方案整理javascriptjscssvue.jshtml
    1.如果弹窗内容不可滑动，仅展示方案一：只需要给弹窗蒙层加上@touchmove.prevent即可实现，无兼容性问题方案二：在弹窗蒙层加上touch-action:none;在iPhone5和ipad上可能会没有效果方案三：打开弹窗时，设置body的overflow属性为hidden并阻止默认事件document.body.style.overflow='hidden';varfn=functi
  • 阅读《演讲的力量》day8 小小晴天
    2020.4.6《演讲的力量》day8书名：《演讲的力量》作者：克里斯·安德森领读嘉宾：阅城阅读内容：第十章视觉资料：有害的幻灯片（页码137—156）阅读主题：如何正确使用视觉资料三个问题1．有效视觉资料的关键元素是什么？有效的视觉资料的关键元素如下：·展示·解释力量·美学价值展示！利用视觉资料最明显的例子就是，展示一些很难描述的东西，大多数画家和摄影师的作品展示都依赖于这种方式，探险家展示一场
  • mxgraph创建流程实现简单的加减乘除 lost_wen mxgraphmxgraph
    html{min-width:800px;}body{margin:0auto;font-size:12px;height:550px;}input.form-control,button.btn{font-size:12px;height:25px;line-height:12px;}#container{width:100%;height:500px;overflow:hidden;backg
  • CSS学习14[重点]--定位、边偏移、定位模式 乌鸦不像写字台 css学习css学习前端
    定位前言一、定位二、定位模式1.静态定位static2.相对定位relative3.绝对定位absolute4.子绝父相5.绝对定位的盒子水平居中6.固定定位（fixed）7.叠放次序（z）三、四种定位总结四、定位模式转换前言为什么学习定位？应用场景：图片上移动的物体、突出的部分、导航栏…一、定位边偏移top:100px;bottom:;left:;right:;定位模式选择器{position:
  • 04.css入门笔记-浮动以及清除浮动的方法 Mr_LiuP css基础css前端
    文章目录前言一、pc端传统布局方式有哪些？二、浮动1.浮动的定义2.浮动的特性（重难点）3.为什么要清除浮动3.清除浮动的本质4.清除浮动的方式1.额外标签法（隔墙法），是W3C推荐的做法2.父元素添加overflow属性，属性值有auto\hidden\scroll3.父元素添加:after伪元素4.父元素添加双伪元素总结前言今天分享的是css的浮动，以及清除浮动的四种方法！在分享之前，也会简单
  • @antv/x6 填充一个背景图片，并让其显示出来。 花花鱼 @antv/x6Vue3vue.js
    1、填充背景色的时候，开始不显示背景图片，只显示背景颜色。2、开始是放在assets/images目录下：constgraph=newGraph({container:document.getElementById("container")asHTMLElement,width:widthPx,height:heightPx,background:{color:"#F2F7FA",position
  • 【设计模式】装饰模式 -凌凌漆- 设计模式C/C++设计模式
    1.不好的代码（冗杂）//业务操作classStream{public：virtualcharRead(intnumber)=0;virtualvoidSeek(intposition)=0;virtualvoidWrite(chardata)=0;virtual~Stream(){}};//主体类classFileStream:publicStream{public:virtualcharRea
  • 记录一些vue3的知识（未完） a605536834 vue.js前端javascript
    mounted(vue2)在Vue2的组件中，mounted钩子用于执行那些需要在组件实例挂载到DOM之后运行的代码，这通常包括DOM操作、数据请求等onMounted(vue3)Vue2：使用mounted作为组件的一个选项来执行挂载后的代码。Vue3：使用onMounted作为CompositionAPI的钩子来执行挂载后的代码。在Vue3中，onMounted是CompositionAPI的
  • vue3 什么是Composition API 我为什么要使用它？ 软件技术NINI vue案例vue.js前端javascript
    CompositionAPI（组合式API）是Vue3中引入的一组全新的API，旨在提供一种更加灵活和可组合的方式来组织和复用组件逻辑。这一改变是Vue.js向函数式编程和更现代的开发方式迈出的重要一步。以下是CompositionAPI的详细解析：一、基本概念定义：CompositionAPI是一组允许开发者以函数式编程风格组织Vue组件逻辑的API。目的：提高代码的可读性、可维护性、复用性和类
  • 枚举的构造函数中抛出异常会怎样 bylijinnan javaenum单例
    首先从使用enum实现单例说起。 为什么要用enum来实现单例？ 这篇文章（ http://javarevisited.blogspot.sg/2012/07/why-enum-singleton-are-better-in-java.html）阐述了三个理由： 1.enum单例简单、容易，只需几行代码： public enum Singleton { INSTANCE;
  • CMake 教程 aigo C++
    转自：http://xiang.lf.blog.163.com/blog/static/127733322201481114456136/   CMake是一个跨平台的程序构建工具，比如起自己编写Makefile方便很多。 介绍：http://baike.baidu.com/view/1126160.htm 本文件不介绍CMake的基本语法，下面是篇不错的入门教程： http:
  • cvc-complex-type.2.3: Element 'beans' cannot have character Cb123456 springWebgis
      cvc-complex-type.2.3: Element 'beans' cannot have character     Line 33 in XML document from ServletContext resource [/WEB-INF/backend-servlet.xml] is i
  • jquery实例:随页面滚动条滚动而自动加载内容 120153216 jquery
    <script language="javascript"> $(function (){ var i = 4;$(window).bind("scroll", function (event){ //滚动条到网页头部的 高度，兼容ie,ff,chrome var top = document.documentElement.s
  • 将数据库中的数据转换成dbs文件 何必如此 sqldbs
    旗正规则引擎通过数据库配置器（DataBuilder）来管理数据库，无论是Oracle，还是其他主流的数据都支持，操作方式是一样的。旗正规则引擎的数据库配置器是用于编辑数据库结构信息以及管理数据库表数据，并且可以执行SQL 语句，主要功能如下。 1)数据库生成表结构信息：         主要生成数据库配置文件(.conf文
  • 在IBATIS中配置SQL语句的IN方式 357029540 ibatis
    在使用IBATIS进行SQL语句配置查询时，我们一定会遇到通过IN查询的地方，在使用IN查询时我们可以有两种方式进行配置参数：String和List。具体使用方式如下： 1.String:定义一个String的参数userIds，把这个参数传入IBATIS的sql配置文件，sql语句就可以这样写： <select id="getForms" param
  • Spring3 MVC 笔记（一） 7454103 springmvcbeanRESTJSF
             自从 MVC 这个概念提出来之后 struts1.X  struts2.X   jsf 。。。。。 这个view 层的技术一个接一个！ 都用过！不敢说哪个绝对的强悍！ 要看业务，和整体的设计！      最近公司要求开发个新系统！
  • Timer与Spring Quartz 定时执行程序 darkranger springbean工作quartz
    有时候需要定时触发某一项任务。其实在jdk1.3，java sdk就通过java.util.Timer提供相应的功能。一个简单的例子说明如何使用，很简单： 1、第一步，我们需要建立一项任务，我们的任务需要继承java.util.TimerTask package com.test; import java.text.SimpleDateFormat; import java.util.Date;
  • 大端小端转换，le32_to_cpu 和cpu_to_le32 aijuans C语言相关
    大端小端转换，le32_to_cpu 和cpu_to_le32  字节序 http://oss.org.cn/kernel-book/ldd3/ch11s04.html         小心不要假设字节序. PC 存储多字节值是低字节为先(小端为先, 因此是小端), 一些高级的平台以另一种方式(大端)
  • Nginx负载均衡配置实例详解 avords
    [导读] 负载均衡是我们大流量网站要做的一个东西，下面我来给大家介绍在Nginx服务器上进行负载均衡配置方法，希望对有需要的同学有所帮助哦。负载均衡先来简单了解一下什么是负载均衡，单从字面上的意思来理解就可以解 负载均衡是我们大流量网站要做的一个东西，下面我来给大家介绍在Nginx服务器上进行负载均衡配置方法，希望对有需要的同学有所帮助哦。 负载均衡 先来简单了解一下什么是负载均衡
  • 乱说的 houxinyou 框架敏捷开发软件测试
    从很久以前，大家就研究框架，开发方法，软件工程，好多！反正我是搞不明白！ 这两天看好多人研究敏捷模型，瀑布模型！也没太搞明白. 不过感觉和程序开发语言差不多， 瀑布就是顺序，敏捷就是循环. 瀑布就是需求、分析、设计、编码、测试一步一步走下来。而敏捷就是按摸块或者说迭代做个循环，第个循环中也一样是需求、分析、设计、编码、测试一步一步走下来。 也可以把软件开发理
  • 欣赏的价值——一个小故事 bijian1013 有效辅导欣赏欣赏的价值
    　　第一次参加家长会，幼儿园的老师说："您的儿子有多动症，在板凳上连三分钟都坐不了，你最好带他去医院看一看。"　　回家的路上，儿子问她老师都说了些什么，她鼻子一酸，差点流下泪来。因为全班30位小朋友，惟有他表现最差；惟有对他，老师表现出不屑，然而她还在告诉她的儿子："老师表扬你了，说宝宝原来在板凳上坐不了一分钟，现在能坐三分钟。其他妈妈都非常羡慕妈妈，因为全班只有宝宝
  • 包冲突问题的解决方法 bingyingao eclipsemavenexclusions包冲突
    包冲突是开发过程中很常见的问题： 其表现有： 1.明明在eclipse中能够索引到某个类，运行时却报出找不到类。 2.明明在eclipse中能够索引到某个类的方法，运行时却报出找不到方法。 3.类及方法都有，以正确编译成了.class文件，在本机跑的好好的，发到测试或者正式环境就 抛如下异常： java.lang.NoClassDefFoundError: Could not in
  • 【Spark七十五】Spark Streaming整合Flume-NG三之接入log4j bit1129 Stream
    先来一段废话： 实际工作中，业务系统的日志基本上是使用Log4j写入到日志文件中的，问题的关键之处在于业务日志的格式混乱，这给对日志文件中的日志进行统计分析带来了极大的困难，或者说，基本上无法进行分析，每个人写日志的习惯不同，导致日志行的格式五花八门，最后只能通过grep来查找特定的关键词缩小范围，但是在集群环境下，每个机器去grep一遍，分析一遍，这个效率如何可想之二，大好光阴都浪费在这上面了
  • sudoku solver in Haskell bookjovi sudokuhaskell
    这几天没太多的事做，想着用函数式语言来写点实用的程序，像fib和prime之类的就不想提了（就一行代码的事），写什么程序呢？在网上闲逛时发现sudoku游戏，sudoku十几年前就知道了，学生生涯时也想过用C/Java来实现个智能求解，但到最后往往没写成，主要是用C/Java写的话会很麻烦。   现在写程序，本人总是有一种思维惯性，总是想把程序写的更紧凑，更精致，代码行数最少，所以现
  • java apache ftpClient bro_feng java
    最近使用apache的ftpclient插件实现ftp下载，遇见几个问题，做如下总结。 1. 上传阻塞，一连串的上传，其中一个就阻塞了，或是用storeFile上传时返回false。查了点资料，说是FTP有主动模式和被动模式。将传出模式修改为被动模式ftp.enterLocalPassiveMode();然后就好了。 看了网上相关介绍，对主动模式和被动模式区别还是比较的模糊，不太了解被动模
  • 读《研磨设计模式》-代码笔记-工厂方法模式 bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ package design.pattern; /* * 工厂方法模式：使一个类的实例化延迟到子类 * 某次，我在工作不知不觉中就用到了工厂方法模式（称为模板方法模式更恰当。2012-10-29）： * 有很多不同的产品，它
  • 面试记录语 chenyu19891124 招聘
    或许真的在一个平台上成长成什么样，都必须靠自己去努力。有了好的平台让自己展示，就该好好努力。今天是自己单独一次去面试别人，感觉有点小紧张，说话有点打结。在面试完后写面试情况表，下笔真的好难，尤其是要对面试人的情况说明真的好难。 今天面试的是自己同事的同事，现在的这个同事要离职了，介绍了我现在这位同事以前的同事来面试。今天这位求职者面试的是配置管理，期初看了简历觉得应该很适合做配置管理，但是今天面
  • Fire Workflow 1.0正式版终于发布了 comsci 工作workflowGoogle
    Fire Workflow 是国内另外一款开源工作流，作者是著名的非也同志，哈哈.... 官方网站是 http://www.fireflow.org 经过大家努力,Fire Workflow 1.0正式版终于发布了 正式版主要变化: 1、增加IWorkItem.jumpToEx(...)方法，取消了当前环节和目标环节必须在同一条执行线的限制，使得自由流更加自由 2、增加IT
  • Python向脚本传参 daizj python脚本传参
    如果想对python脚本传参数，python中对应的argc, argv(c语言的命令行参数)是什么呢？ 需要模块：sys 参数个数：len(sys.argv) 脚本名：    sys.argv[0] 参数1：     sys.argv[1] 参数2：     sys.argv[
  • 管理用户分组的命令gpasswd dongwei_6688 passwd
    NAME： gpasswd - administer the /etc/group file SYNOPSIS： gpasswd group gpasswd -a user group gpasswd -d user group gpasswd -R group gpasswd -r group gpasswd [-A user,...] [-M user,...] g
  • 郝斌老师数据结构课程笔记 dcj3sjt126com 数据结构与算法
    <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
  • yii2 cgridview加上选择框进行操作 dcj3sjt126com GridView
    页面代码 <?=Html::beginForm(['controller/bulk'],'post');?> <?=Html::dropDownList('action','',[''=>'Mark selected as: ','c'=>'Confirmed','nc'=>'No Confirmed'],['class'=>'dropdown',])
  • linux mysql fypop linux
    enquiry mysql version in centos linux yum list installed | grep mysql yum -y remove mysql-libs.x86_64 enquiry mysql version in yum repositoryyum list | grep mysql oryum -y list mysql* install mysq
  • Scramble String hcx2013 String
    Given a string s1, we may represent it as a binary tree by partitioning it to two non-empty substrings recursively. Below is one possible representation of s1 = "great":
  • 跟我学Shiro目录贴 jinnianshilongnian 跟我学shiro
    历经三个月左右时间，《跟我学Shiro》系列教程已经完结，暂时没有需要补充的内容，因此生成PDF版供大家下载。最近项目比较紧，没有时间解答一些疑问，暂时无法回复一些问题，很抱歉，不过可以加群（334194438/348194195）一起讨论问题。     ----广告-----------------------------------------------------
  • nginx日志切割并使用flume-ng收集日志 liyonghui160com
         nginx的日志文件没有rotate功能。如果你不处理，日志文件将变得越来越大，还好我们可以写一个nginx日志切割脚本来自动切割日志文件。第一步就是重命名日志文件，不用担心重命名后nginx找不到日志文件而丢失日志。在你未重新打开原名字的日志文件前，nginx还是会向你重命名的文件写日志，linux是靠文件描述符而不是文件名定位文件。第二步向nginx主
  • Oracle死锁解决方法 pda158 oracle
    　select p.spid,c.object_name,b.session_id,b.oracle_username,b.os_user_name from v$process p,v$session a, v$locked_object b,all_objects c where p.addr=a.paddr and a.process=b.process and c.object_id=b.
  • java之List排序 shiguanghui list排序
       在Java Collection Framework中定义的List实现有Vector，ArrayList和LinkedList。这些集合提供了对对象组的索引访问。他们提供了元素的添加与删除支持。然而，它们并没有内置的元素排序支持。 　　你能够使用java.util.Collections类中的sort()方法对List元素进行排序。你既可以给方法传递
  • servlet单例多线程 utopialxw 单例多线程servlet
    转自http://www.cnblogs.com/yjhrem/articles/3160864.html 和   http://blog.chinaunix.net/uid-7374279-id-3687149.html Servlet 单例多线程 Servlet如何处理多个请求访问？Servlet容器默认是采用单实例多线程的方式处理多个请求的：1.当web服务器启动的
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他