xjwolaile
xjwolaile

jQuery图片九宫格样式布局图片切换-20130625

1、效果及功能说明
图片九宫格样式布局通过鼠标滑过缩略图进行大小图片切换展示

2、实现原理
通过伪类方法来触发鼠标触及效果触及效果包括，当鼠标移动到小图片上会让背景颜色变亮来告诉用户当前的触及的图片是那张后，当鼠标触及到小图片后触发将触及到的小图片移动到大的div里面并且获得本张图片的路径，做一个放大的效果让图片适应新div的大小的事件后显示出来

3、效果图


jQuery图片九宫格样式布局图片切换-20130625_第1张图片

4、运行环境

IE6 IE7 IE8及以上 Firefox 和 Google Chrome游览器下都可实现


5、所有图片的压缩包新建一个文件后将包解压放进文件夹图片的压缩包在页面的最下方可以看到并下载下载后无需修改文件夹名因为本身就已经写好了和html5内的路径相吻合

6、将创建html文件保存的时候将编码类型换成(UTF-8有签名)这样可以让部分中文正常的显示出来，将保存类型(T)换成(所有文件(*.*))，将html5和解压后的图片文件夹放在同一个文件夹内效果

7、代码[html5]


[html5] 
<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>

<style type="text/css">
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
body{font:12px/180% Arial, Helvetica, sans-serif ,"新宋体";}
/* image_show */
.image_show{width:948px;padding:3px 0 0 3px;border:1px solid #d9d9d9;margin:30px auto}
.image_show .img{padding:0 3px 3px 0;position:relative;}
.image_show .img, .image_show .img img{float:left;}
.col_left{width:191px;float:left;overflow:hidden;}
.col_right{float:left;width:450px;overflow:hidden;}
#bigImg{position:relative;width:304px;height:382px;}
#bigImg .img_mask{position:absolute;left:0;top:340px;width:304px;height:42px;background:#000;opacity:0.6;filter:alpha(opacity=60);}
#bigImg p{position:absolute;left:0;top:340px;width:304px;height:42px;line-height:42px;font-size:16px;text-align:center;color:#fff;}
#bigImg p a, #bigImg p a:visited{color:#fff;}
.mask{position:absolute;left:0;top:0;background:#000;opacity:0.4;filter:alpha(opacity=40);}
.clear{height:0;clear:both;line-height:0;font-size:0;overflow:hidden;}
</style>

<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script type="text/javascript">
$(function(){
	
	$('#smallImg img').mouseover(function(){
	/*修改smallImg的ID里面的所有img 背景颜色*/
		$('#bigImg img').attr('src',$(this).attr('rel'));
		/*将出表触碰到的小图片放进大的div里面去通过获得小图片的路径来让大div显示出来*/
		$('#bigImg p > a').text($(this).attr('alt'));
		/*将小图片的链接一同放到大的div里面去*/
		$('#bigImg a').attr('href',$(this).parent().attr('href'));
		/*然后在将链接的路径一同放进去*/	
	});
	
	$('#smallImg .img').hover(function(){
	/*同意设定一个伪类在触发鼠标触碰图片的后触发的效果*/
		$('.mask').fadeIn();
		/*.mask使用淡入效果*/
		$(this).children('.mask').hide();
		/*弹出以后在通过遍历来使得所有的.mask获得隐藏效果*/
	},function(){
		$('.mask').fadeIn();
		/*接着上面的让鼠标一定到新的图片上让新的图片使用淡入效果*/
	});
	
});
</script>

<div class="image_show">

	<div class="img" id="bigImg">
		<a href="http://www.17sucai.com"><img height="382" width="304" alt="量变到质变：寻找你的健康Style" src="images/photo/tk3.jpg"></a>
		<div class="img_mask"></div>
		<p><a href="http://www.17sucai.com">量变到质变：寻找你的健康Style</a></p>
	</div>

	<div id="smallImg">
		<div class="col_left">
			<div class="img">
				<a href="http://www.17sucai.com"><img height="125" width="189" alt="Steinway and Sons Piano Bag 把钢琴背走 " src="images/tk1-1.jpg" rel="images/photo/tk1.jpg"></a>
				<div class="mask" style="width:189px;height:125px;display:block;"></div>
			</div>
			<div class="img">
				<a href="http://www.17sucai.com"><img height="125" width="189" alt="插花老师教你 DIY婚礼花带" src="images/tk2-2.jpg" rel="images/photo/tk2.jpg"></a>
				<div class="mask" style="width:189px;height:125px;display:block;"></div>
			</div>
			<div class="img">
				<a href="http://www.17sucai.com"><img height="125" width="189" alt="量变到质变：寻找你的健康Style" src="images/tk3-3.jpg" rel="images/photo/tk3.jpg"></a>
				<div class="mask" style="width:189px;height:125px;display:none;"></div>
			</div>
		</div>
		
		<div class="col_right">
			<div class="r_top">
				<div class="img">
					<a href="http://www.17sucai.com"><img height="172" width="274" alt="圣诞派对 “鞋”能HOLD住" src="images/tk4-4.jpg" rel="images/photo/tk4.jpg"></a>
					<div class="mask" style="width:274px;height:172px;display:block;"></div>
				</div>
				<div class="img">
					<a href="http://www.17sucai.com"><img height="171" width="169" alt="北海道的风土滋味：北京日料" src="images/tk5-5.jpg" rel="images/photo/tk5.jpg"></a>
					<div class="mask" style="width:169px;height:171px;display:block;"></div>
				</div>
			</div>
			
			<div class="clear"></div>
			
			<div class="r_bottom">
				<div class="img">
					<a href="http://www.17sucai.com"><img height="208" width="147" alt="汪星人来袭 你准备了吗" src="images/tk6-6.jpg" rel="images/photo/tk6.jpg"></a>
					<div class="mask" style="width:147px;height:208px;display:blcok;"></div>
				</div>
				<div class="img">
					<a href="http://www.17sucai.com"><img height="208" width="147" alt="穿针器：懒人刺绣有保证" src="images/tk7-7.jpg" rel="images/photo/tk7.jpg"></a>
					<div class="mask" style="width:147px;height:208px;display:block;"></div>
				</div>
				<div class="img">
					<a href="http://www.17sucai.com"><img height="208" width="147" alt="可爱的圣诞铃铛教你折一个" src="images/tk8-8.jpg" rel="images/photo/tk8.jpg"></a>
					<div class="mask" style="width:147px;height:208px;display:block;"></div>
				</div>
			</div>
		</div>

	</div>
	
	<div class="clear"></div>
	
</div>

</body>
</html>

你可能感兴趣的:(attr,children,fadein,hover,mouseover)

  • C# 特性（Attributes）使用详解 鲤籽鲲 C#c#开发语言C#知识捡漏
    总目录前言在C#中，特性（Attributes）是一种用于向代码添加元数据的强大机制。这些元数据可以被编译器、运行时环境或开发工具读取，并用于控制程序的行为。本文将详细介绍C#中特性的基本概念、常见用法以及一些高级应用。一、什么是特性？1.定义特性（Attribute）是C#中用于向代码元素（类、方法、属性等）附加元数据（Metadata）的声明性标记，本质是继承自System.Attribute
  • Java+Vue导出Excel 沐某人 VueJavajavavue.jsexcel
    VueasyncdownloadFktz(){constres=awaitriskStandingBookApi.exportFktz(this.queryForm)if(res.code===200){document.getElementById('download').setAttribute('href','data:xlsx;base64,'+res.data)document.getE
  • Windows控制台函数：设置文字颜色样式函数SetConsoleTextAttribute（） 闪电麦坤95 WindowsAPI控制台函数windowsc++开发语言c语言
    目录什么是SetConsoleTextAttribute？函数签名参数详解常见的颜色值怎么用它？再试一个多彩的例子为什么要恢复默认颜色？跟其他函数的关系注意事项什么是SetConsoleTextAttribute？SetConsoleTextAttribute是一个WindowsAPI函数，用来设置控制台文字的颜色和样式。它就像一个“调色盘”，可以改变你输出到屏幕上的文字颜色（比如红色、蓝色）或者
  • 动态路由和菜单 shadouqi vue2实战javascriptvue.js前端
    接口返回数据整理成动态路由后端接口返回数据{"code":20000,"value":[{"path":"/example","component":"layout/index.vue","redirect":"/example/table","name":"Example","meta":{"title":"Example","icon":"el-icon-s-help"},"children"
  • linux驱动开发-（expected ‘=’, ‘,’, ‘；’, ‘asm’ or ‘__attribute__’ before ‘chrdevbase_init’ 5 | static） 加点油。。。。 Linuxlinux驱动开发Ubuntu
    最近刚开始接触Linux驱动，根据正点原子的视频教程编译“第一个Linux驱动”，但是make编译后出现：expected‘=’,‘,’,‘;’,‘asm’or‘__attribute__’before‘chrdevbase_init’5|staticint__initchrdevbase_init(void)一个很低级的错误：Makefile文件中:obj-m:=chrdevbase.o写成了o
  • vue2 - 实现elementUI表格组件table动态添加或删除行功能，表格列表动态新增/插入/删除表格行，可编辑单元格/点击修改表格内数据并更新数据列表（支持接口懒加载、表格分页、复杂嵌套表格） 街尾杂货店& 前端组件与功能(开箱即用)elementuivueTable动态表格table动态新增删除编辑动态增加一行并能编辑内容数据行内编辑功能并且校验是否为空懒加载数据表格分页怎么办
    效果图在vue2+elementui开发中，详细实现el-table实现表格动态增加/删除/编辑表格行/编辑单元格数据等，并且带必填或其他校验规则(如果为空则提示)，vue2elementUI表格动态操作插入新行或点击编辑数据，统一保存或删除行后更新表格列表数据，一旦表格列表发生改变后，确保表格分页情况下或表格children父子级嵌套行表格正确更新数据，提供示例源码！提供详细示例代码，新手小白复
  • AttributeError: ‘int‘ object has no attribute ‘append‘ 想变瘦的测试何同学 python学习python
    python执行报错：Traceback(mostrecentcalllast):File“E:\pythonProject2\mobile-test\0622.py”,line,ini.append(x)AttributeError:‘int’objecthasnoattribute‘append’报错代码：i=[]foriinrange(3):x=int(input("请输入整数："))i.a
  • linux下热插拔事件的产生是怎样通知到用户空间，kobject_uevent_env之uevent【转】... weixin_33935777 操作系统shell
    转自：http://blog.csdn.net/myarrow/article/details/82598881．kobject,ktype,kset1)kobject:代表sysfs中的目录。2)ktype:代表kobject的类型，主要包含release函数和attr的读写函数。比如，所有的bus都有同一个bus_type；所有的class都有同一个class_type。3)kset:包含了s
  • linux uevent分析 青蛙嘎嘎 ---------linuxdriver-------
    1．kobject,ktype,ksetkobject代表sysfs中的目录。ktype代表kobject的类型，主要包含release函数和attr的读写函数。比如，所有的bus都有同一个bus_type；所有的class都有同一个class_type。kset包含了subsystem概念，kset本身也是一个kobject，所以里面包含了一个kobject对象。另外，kset中包含kset_u
  • AttributeError: ‘NoneType‘ object has no attribute ‘astype‘ 冰虺 python
    今天在复现fasterRCNN网络时，出现AttributeError:'NoneType'objecthasnoattribute'astype'报错，如下图所示通过dug,发现im的shape为none,究其原因是因为cv.imread无法读取图像，主要原因是因为我数据集中存在中文名称。更加详细的请参考一下大佬的博客pythoncv2.imread读取中文路径的图片返回为None的问题_陶将的
  • [Pytorch报错问题解决]AttributeError: ‘nn.Sequential‘ object has no attribute ‘append‘ Bartender_Jill 编程报错解决pytorch人工智能python
    问题运行深度学习代码的时候遇到了以下报错问题：Traceback(mostrecentcalllast):File"/home/anaconda3/envs/Text2HOI/lib/python3.9/site-packages/torch/autograd/grad_mode.py",line28,indecorate_contextreturnfunc(*args,**kwargs)File
  • 探索未来：FacebookResearch的JEPa项目详解 瞿旺晟
    探索未来：FacebookResearch的JEPa项目详解去发现同类优质开源项目:https://gitcode.com/项目简介是FacebookResearch推出的一个开源项目，全称为"JointEmbeddingofProgramsandAttributes"。它是一个用于程序理解和属性预测的深度学习框架，旨在提升代码的理解和自动化程度，为开发者提供更智能的编程辅助工具。技术分析**1.
  • 【POSIX 线程库函数】 niuTaylor 算法linux嵌入式c语言嵌入式软件
    以下是关于POSIX线程库（pthread）的核心知识点总结，涵盖线程管理、同步机制及常见面试问题：一、线程基础1.线程创建与终止创建线程：pthread_createintpthread_create(pthread_t*thread,constpthread_attr_t*attr,void*(*start_routine)(void*),void*arg);thread：存储新线程的ID。a
  • 关于Jquery基本内容一 gloria123_ jquery前端javascript
    jQuery(jQ)html+css+js1jQ是一个js库,封装了大量的特定的集合(函数和方法)如animate()、css()、show()等2使用jQ大大提高开发效率,简化dom操作常见的js库jQueryYUIDojoExtJszeptojQuery选择器$(selector)筛选方法parent()$(“li”).parent()children(selector)$(“ul”).chi
  • leetcode 贪心算法 gufly- leetcode贪心算法算法
    刷题记录以局部最优推出整体最优，且想不到反例，则可以尝试贪心算法455.分发饼干从后向前遍历孩子数组，用大饼干满足胃口大，并统计满足小孩数量classSolution(object):deffindContentChildren(self,g,s):g.sort()s.sort()res=0ind=len(s)-1foriinrange(len(g)-1,-1,-1):ifind>=0ands[i
  • YAGO是什么？ 魔王阿卡纳兹 知识图谱入门大数据治理与分析知识图谱yago实体
    YAGO是一个基于链接数据库的开放语义知识库，由德国马普研究所与巴黎电讯科技大学于2007年联合开发，基于CreativeCommonsAttribution协议。其主要特点是从Wikipedia、WordNet和GeoNames等来源提取事实，形成了一个包含丰富语义信息的知识库。YAGO的数据规模庞大，包含约5亿个实体和20亿条事实，这些事实可以在时间和空间上进行锚定。此外，YAGO还具有预定义
  • 前端之vue2原理（全） yh502956003 前端学习笔记vue.js
    一、组件通信总结（有些不建议使用，打破vue单向数据流，可能出问题）常用父子组件通信：1.propevent；2.$ref$refs；3.$slots$scopedSlots(插槽)；4..sync（修饰符），5.$listeners//子组件通过$listeners获取父组件传递过来的所有处理函数、$parent$children//可以获取子组件或父组件的实例；6.attribute//（父组
  • Spring Boot 排除自动配置 rkmhr_sef 面试学习路线阿里巴巴springbootjavamybatis
    SpringBoot排除自动配置SpringBoot自动配置非常强大，有时需要排除/禁用SpringBoot某些类的自动化配置。***************************APPLICATIONFAILEDTOSTART***************************Description:FailedtoconfigureaDataSource:'url'attributeisn
  • Spring Cloud Gateway网关获取路由转发后的真实地址 练川 微服务Gatewaygatewayjava微服务后端
    目录配置文件代码结果在使用SpringCloudGateway时，我们可能需要获取路由转发后的地址（注意，这里的地址不是请求到网关的地址，是网关路由转发后的真实地址），下面通过代码演示如何在filter中获取路由转发后的地址。核心代码是Routeroute=exchange.getAttribute(ServerWebExchangeUtils.GATEWAY_ROUTE_ATTR);获取路由ro
  • Failed to configure a DataSource: ‘url‘ attribute is not specified and no embedded datasource could clownAdam JavaJavaspringboot
    问题：SpringBoot启动类时报错信息如下：ErrorstartingApplicationContext.Todisplaytheconditionsreportre-runyourapplicationwith'debug'enabled.2025-03-1000:52:29.412ERROR36776---[main]o.s.b.d.LoggingFailureAnalysisRepor
  • javascript的六种继承方式 javascript前端
    1.原型链式继承functionParent(){this.name='Parent';}Parent.prototype.introduce=function(){console.log(this.name);};functionChild(){this.name='Child';}Child.prototype=newParent();constchildren=newChild();chil
  • Java直通车系列13【Spring MVC】（Spring MVC常用注解） 浪九天 Java直通车javaspring后端
    目录1.@Controller2.@RequestMapping3.@GetMapping、@PostMapping、@PutMapping、@DeleteMapping4.@RequestBody5.@ResponseBody6.@PathVariable7.@RequestParam8.@ModelAttribute在SpringMVC项目中，注解是非常重要的组成部分，它可以帮助我们更简洁、高
  • JJJ：linux sysfs相关 你板子冒烟了 linux内核linux服务器运维
    文章目录1.sysfs（属性）文件的创建、读、写1.1创建流程1.2open流程1.3read流程2.补充2.1sysfs下常见目录介绍2.2属性相关2.2.1简介2.2.2attribute文件的创建2.3sysfs目录如何创建的1.sysfs（属性）文件的创建、读、写1.1创建流程device_add-》error=device_create_file(dev,&dev_attr_dev);先
  • .net 与 Pythonnet库的使用心得 破浪征程 .netcorepython.netc#python
    python脚本使用.net准备工作安装pythonnet库pipinstallpythonnet查看是否安装了clr库piplist|findstrclr如果报错module'clr'hasnoattribute'AddReference'卸载clrpipuninstallclr测试脚本importclrclr.AddReference('System.Windows.Forms')fromSy
  • AntV X6结合Vue组件渲染节点，并与节点组件进行双向的数据交互 南七小僧 vue.js前端javascript
    项目使用Vue2.0+Element-ui框架，在开发流程功能时自定义节点，为实现稍复杂的样式以及操作交互，使用markup+attrs的方式的话，比较麻烦，且难以结合使用Element-ui的交互组件，因此换成结合Vue组件渲染方式注册自定义节点（官方文档相对简单了点，老报错，搞了老半天，嘤嘤嘤）安装依赖npminstall@antv/x6--savenpminstall@antv/x6-vue
  • Qt:自定义tooltip Yanjun2i qtc++
    在主窗口里获取鼠标的悬浮事件_customTooltip是我定义在私有变量里的AbnormalToolTipWidget*_customTooltip=nullptr;boolRobotAbnormalBtns::eventFilter(QObject*obj,QEvent*event){if(event->type()==QEvent::HoverEnter){//鼠标悬浮时显示自定义的工具提示
  • QT:踩坑记录 Yanjun2i qt
    20248window项目放在linux下执行为了保持linux下的.so软连接，所以将win的项目拉到linux下时要将所有的库都打包成tat.xz，然后在linux下解压，否则库的软连接会失效。2025.2eventFilter触发事件①遇到了鼠标进入按钮时，触发HoverEnter，但是当鼠标不动时，会莫名触发HoverLeave，倒是出现自定义的tooltip界面屏闪现象。已解决：定时接收
  • HTML技术贴：深入理解网页构建基础 不会玩技术的技术girl 前端html前端
    引言HTML（HyperTextMarkupLanguage）是构建网页和网络应用的基石。它是一种用于定义网页内容结构的标记语言，通过一系列的元素（elements）和属性（attributes），HTML文档告诉浏览器如何展示内容。本文将深入探讨HTML的基本概念、元素、属性以及一些高级用法，帮助开发者更好地理解和运用HTML。HTML文档结构一个基本的HTML文档由以下几部分组成：DOCTYP
  • 【vue3】入门系列—子组件调父组件方法 前端大颖颖 vue3vue.js前端javascript
    在Vue3中，子组件通常不会直接调用父组件的方法，因为这同样违反了组件之间的单向数据流原则。然而，你可以通过$emit方式实现子组件通知父组件并执行某些操作：父组件子组件可以通过$emit触发一个自定义事件，并传递参数给父组件。父组件在模板中监听这个事件，并在事件触发时执行相应的方法。importselectDatefrom"@/views/dataStatistic/children/selec
  • Python基础教程 学习笔记 第九章 魔法方法，特性，迭代器 只想开始 python
    文章目录一，构造函数：\_\_init\_\_二，重写普通方法和特殊的构造函数拓展三，元素访问注意五，函数property5.1property特性5.2静态方法和类方法5.3\_\_getattr__、\_\_setattr__等方法注意六，迭代器iter6.1迭代器协议七，生成器7.1简单生成器7.2递归式生成器注意7.3通用生成器7.4生成器的方法拓展：7.5模拟生成器一，构造函数：__in
  • Spring4.1新特性——Spring MVC增强 jinnianshilongnian spring 4.1
    目录 Spring4.1新特性——综述 Spring4.1新特性——Spring核心部分及其他 Spring4.1新特性——Spring缓存框架增强 Spring4.1新特性——异步调用和事件机制的异常处理 Spring4.1新特性——数据库集成测试脚本初始化 Spring4.1新特性——Spring MVC增强 Spring4.1新特性——页面自动化测试框架Spring MVC T
  • mysql 性能查询优化 annan211 javasql优化mysql应用服务器
    1 时间到底花在哪了？ mysql在执行查询的时候需要执行一系列的子任务，这些子任务包含了整个查询周期最重要的阶段，这其中包含了大量为了 检索数据列到存储引擎的调用以及调用后的数据处理，包括排序、分组等。在完成这些任务的时候，查询需要在不同的地方 花费时间，包括网络、cpu计算、生成统计信息和执行计划、锁等待等。尤其是向底层存储引擎检索数据的调用操作。这些调用需要在内存操
  • windows系统配置 cherishLC windows
    删除Hiberfil.sys ：使用命令powercfg -h off 关闭休眠功能即可： http://jingyan.baidu.com/article/f3ad7d0fc0992e09c2345b51.html 类似的还有pagefile.sys msconfig 配置启动项 shutdown 定时关机 ipconfig 查看网络配置 ipconfig /flushdns
  • 人体的排毒时间 Array_06 工作
    ======================== ||  人体的排毒时间是什么时候？|| ======================== 转载于： http://zhidao.baidu.com/link?url=ibaGlicVslAQhVdWWVevU4TMjhiKaNBWCpZ1NS6igCQ78EkNJZFsEjCjl3T5EdXU9SaPg04bh8MbY1bR
  • ZooKeeper cugfy zookeeper
    Zookeeper是一个高性能，分布式的，开源分布式应用协调服务。它提供了简单原始的功能，分布式应用可以基于它实现更高级的服务，比如同步， 配置管理，集群管理，名空间。它被设计为易于编程，使用文件系统目录树作为数据模型。服务端跑在java上，提供java和C的客户端API。 Zookeeper是Google的Chubby一个开源的实现，是高有效和可靠的协同工作系统，Zookeeper能够用来lea
  • 网络爬虫的乱码处理 随意而生 爬虫网络
    下边简单总结下关于网络爬虫的乱码处理。注意，这里不仅是中文乱码，还包括一些如日文、韩文 、俄文、藏文之类的乱码处理，因为他们的解决方式 是一致的，故在此统一说明。     网络爬虫，有两种选择，一是选择nutch、hetriex，二是自写爬虫，两者在处理乱码时，原理是一致的，但前者处理乱码时，要看懂源码后进行修改才可以，所以要废劲一些；而后者更自由方便，可以在编码处理
  • Xcode常用快捷键 张亚雄 xcode
    一、总结的常用命令：     隐藏xcode command+h     退出xcode command+q     关闭窗口 command+w     关闭所有窗口 command+option+w     关闭当前
  • mongoDB索引操作 adminjun mongodb索引
    一、索引基础：    MongoDB的索引几乎与传统的关系型数据库一模一样，这其中也包括一些基本的优化技巧。下面是创建索引的命令：    > db.test.ensureIndex({"username":1})    可以通过下面的名称查看索引是否已经成功建立： &nbs
  • 成都软件园实习那些话 aijuans 成都 软件园 实习
    无聊之中，翻了一下日志，发现上一篇经历是很久以前的事了，悔过~~ 　　断断续续离开了学校快一年了，习惯了那里一天天的幼稚、成长的环境，到这里有点与世隔绝的感觉。不过还好，那是刚到这里时的想法，现在感觉在这挺好，不管怎么样，最要感谢的还是老师能给这么好的一次催化成长的机会，在这里确实看到了好多好多能想到或想不到的东西。 　　都说在外面和学校相比最明显的差距就是与人相处比较困难，因为在外面每个人都
  • Linux下FTP服务器安装及配置 ayaoxinchao linuxFTP服务器vsftp
    检测是否安装了FTP [root@localhost ~]# rpm -q vsftpd 如果未安装：package vsftpd is not installed  安装了则显示：vsftpd-2.0.5-28.el5累死的版本信息   安装FTP 运行yum install vsftpd命令，如[root@localhost ~]# yum install vsf
  • 使用mongo-java-driver获取文档id和查找文档 BigBird2012 driver
    注：本文所有代码都使用的mongo-java-driver实现。   在MongoDB中，一个集合（collection）在概念上就类似我们SQL数据库中的表（Table），这个集合包含了一系列文档（document）。一个DBObject对象表示我们想添加到集合（collection）中的一个文档（document），MongoDB会自动为我们创建的每个文档添加一个id，这个id在
  • JSONObject以及json串 bijian1013 jsonJSONObject
    一.JAR包简介     要使程序可以运行必须引入JSON-lib包，JSON-lib包同时依赖于以下的JAR包：     1.commons-lang-2.0.jar     2.commons-beanutils-1.7.0.jar     3.commons-collections-3.1.jar &n
  • [Zookeeper学习笔记之三]Zookeeper实例创建和会话建立的异步特性 bit1129 zookeeper
    为了说明问题，看个简单的代码，   import org.apache.zookeeper.*; import java.io.IOException; import java.util.concurrent.CountDownLatch; import java.util.concurrent.ThreadLocal
  • 【Scala十二】Scala核心六：Trait bit1129 scala
    Traits are a fundamental unit of code reuse in Scala. A trait encapsulates method and field definitions, which can then be reused by mixing them into classes. Unlike class inheritance, in which each c
  • weblogic version 10.3破解 ronin47 weblogic
    版本：WebLogic Server 10.3 说明：%DOMAIN_HOME%：指WebLogic Server 域(Domain）目录 例如我的做测试的域的根目录 DOMAIN_HOME=D:/Weblogic/Middleware/user_projects/domains/base_domain 1.为了保证操作安全，备份%DOMAIN_HOME%/security/Defa
  • 求第n个斐波那契数 BrokenDreams
            今天看到群友发的一个问题：写一个小程序打印第n个斐波那契数。         自己试了下，搞了好久。。。基础要加强了。           &nbs
  • 读《研磨设计模式》-代码笔记-访问者模式-Visitor bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.util.ArrayList; import java.util.List; interface IVisitor { //第二次分派，Visitor调用Element void visitConcret
  • MatConvNet的excise 3改为网络配置文件形式 cherishLC matlab
    MatConvNet为vlFeat作者写的matlab下的卷积神经网络工具包，可以使用GPU。 主页： http://www.vlfeat.org/matconvnet/ 教程： http://www.robots.ox.ac.uk/~vgg/practicals/cnn/index.html 注意：需要下载新版的MatConvNet替换掉教程中工具包中的matconvnet： http
  • ZK Timeout再讨论 chenchao051 zookeepertimeouthbase
    http://crazyjvm.iteye.com/blog/1693757 文中提到相关超时问题，但是又出现了一个问题，我把min和max都设置成了180000，但是仍然出现了以下的异常信息： Client session timed out, have not heard from server in 154339ms for sessionid 0x13a3f7732340003
  • CASE WHEN 用法介绍 daizj sqlgroup bycase when
    CASE WHEN 用法介绍 1. CASE WHEN 表达式有两种形式 --简单Case函数  CASE sex  WHEN '1' THEN '男'  WHEN '2' THEN '女'  ELSE '其他' END  --Case搜索函数  CASE WHEN sex = '1' THEN
  • PHP技巧汇总:提高PHP性能的53个技巧 dcj3sjt126com PHP
    PHP技巧汇总:提高PHP性能的53个技巧　　用单引号代替双引号来包含字符串，这样做会更快一些。因为PHP会在双引号包围的字符串中搜寻变量，　　单引号则不会，注意：只有echo能这么做，它是一种可以把多个字符串当作参数的函数译注：　　PHP手册中说echo是语言结构，不是真正的函数，故把函数加上了双引号)。　　1、如果能将类的方法定义成static，就尽量定义成static，它的速度会提升将近4倍
  • Yii框架中CGridView的使用方法以及详细示例 dcj3sjt126com yii
    CGridView显示一个数据项的列表中的一个表。 表中的每一行代表一个数据项的数据,和一个列通常代表一个属性的物品(一些列可能对应于复杂的表达式的属性或静态文本)。　　CGridView既支持排序和分页的数据项。排序和分页可以在AJAX模式或正常的页面请求。使用CGridView的一个好处是,当用户浏览器禁用JavaScript,排序和分页自动退化普通页面请求和仍然正常运行。 实例代码如下：
  • Maven项目打包成可执行Jar文件 dyy_gusi assembly
    Maven项目打包成可执行Jar文件 在使用Maven完成项目以后，如果是需要打包成可执行的Jar文件，我们通过eclipse的导出很麻烦，还得指定入口文件的位置，还得说明依赖的jar包，既然都使用Maven了，很重要的一个目的就是让这些繁琐的操作简单。我们可以通过插件完成这项工作，使用assembly插件。具体使用方式如下： 1、在项目中加入插件的依赖： <plugin>
  • php常见错误 geeksun PHP
    1.  kevent() reported that connect() failed (61: Connection refused) while connecting to upstream, client: 127.0.0.1, server: localhost, request: "GET / HTTP/1.1", upstream: "fastc
  • 修改linux的用户名 hongtoushizi linuxchange password
    Change Linux Username 更改Linux用户名，需要修改4个系统的文件： /etc/passwd /etc/shadow /etc/group /etc/gshadow 古老/传统的方法是使用vi去直接修改，但是这有安全隐患（具体可自己搜一下），所以后来改成使用这些命令去代替： vipw vipw -s vigr vigr -s   具体的操作顺
  • 第五章 常用Lua开发库1-redis、mysql、http客户端 jinnianshilongnian nginxlua
    对于开发来说需要有好的生态开发库来辅助我们快速开发，而Lua中也有大多数我们需要的第三方开发库如Redis、Memcached、Mysql、Http客户端、JSON、模板引擎等。 一些常见的Lua库可以在github上搜索，https://github.com/search?utf8=%E2%9C%93&q=lua+resty。   Redis客户端 lua-resty-r
  • zkClient 监控机制实现 liyonghui160com zkClient 监控机制实现
             直接使用zk的api实现业务功能比较繁琐。因为要处理session loss，session expire等异常，在发生这些异常后进行重连。又因为ZK的watcher是一次性的，如果要基于wather实现发布/订阅模式，还要自己包装一下，将一次性订阅包装成持久订阅。另外如果要使用抽象级别更高的功能，比如分布式锁，leader选举
  • 在Mysql 众多表中查找一个表名或者字段名的 SQL 语句 pda158 mysql
    在Mysql 众多表中查找一个表名或者字段名的 SQL 语句： 　　方法一：SELECT table_name, column_name from information_schema.columns WHERE column_name LIKE 'Name'; 　　方法二：SELECT column_name from information_schema.colum
  • 程序员对英语的依赖 Smile.zeng 英语程序猿
    1、程序员最基本的技能，至少要能写得出代码，当我们还在为建立类的时候思考用什么单词发牢骚的时候，英语与别人的差距就直接表现出来咯。 2、程序员最起码能认识开发工具里的英语单词，不然怎么知道使用这些开发工具。 3、进阶一点，就是能读懂别人的代码，有利于我们学习人家的思路和技术。 4、写的程序至少能有一定的可读性，至少要人别人能懂吧... 以上一些问题，充分说明了英语对程序猿的重要性。骚年
  • Oracle学习笔记(8) 使用PLSQL编写触发器 vipbooks oraclesql编程活动Access
        时间过得真快啊，转眼就到了Oracle学习笔记的最后个章节了，通过前面七章的学习大家应该对Oracle编程有了一定了了解了吧，这东东如果一段时间不用很快就会忘记了，所以我会把自己学习过的东西做好详细的笔记，用到的时候可以随时查找，马上上手！希望这些笔记能对大家有些帮助！     这是第八章的学习笔记，学习完第七章的子程序和包之后
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他