tagalin
tagalin

一款代码很少的Css+JS滑动门

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>滑动门</title> 
<style media="screen" type="text/css"> 
<!-- 
*{font-size:12px;} 
html,body{margin:0;text-align:center;over-flow:hidden;height:100%;width:100%;} 
UL{list-style-type:none; margin:0px;} 
/* 标准盒模型 */ 
.ttl{height:18px;} 
.ctt{
 height:auto;
 padding:6px;
 float: right;
 width: 680px;
} 
.w936{
 width:288px;
 border:1px solid skyblue;
 margin-top: 2px;
 margin-right: 0;
 margin-bottom: 2px;
 margin-left: 0;
 float: left;
}


/* TAB 切换效果 */ 
.tb_{background-color: #E6F2FF; background-image: url('http://www.dc18.com/images/barbg_tab.gif'); background-repeat: repeat-x;} 
.tb_ ul{height:24px;} 
.tb_ li{float:left;height: 24px;padding-top: 6px;width: 288px;cursor:pointer;} 
.normaltab    { background-repeat: no-repeat; color:#1F3A87 ;} 
.hovertab     { background-repeat: no-repeat; color:#1F3A87; font-weight:bold } 
.dis{display:block;} 
.undis{display:none;}
#Layer1 {
 position:absolute;
 left:232px;
 top:82px;
 width:145px;
 height:85px;
 z-index:1;
}
#aaaaaa {
 height: 100px;
 width: 100px;
 position: absolute;
 left: 393px;
 top: 16px;
}

--> 
</style> 
<script type="text/javascript" language="javascript"> 
<!-- 
function g(o){return document.getElementById(o);} 
function HoverLi(n){ 
//如果有N个标签,就将i<=N; 
for(var i=1;i<=6;i++){
 g('tb_'+i).className='normaltab';
 g('tbc_0'+i).className='undis';
 }
 g('tbc_0'+n).className='dis';
 g('tb_'+n).className='hovertab'; 
} 
//--> 
</script> 
</head>

<body>

<div id="aaaaaa"><img src="skin-bg.gif" width="213" height="105" /></div>
<div class="w936"> 
     <div id="tb_" class="tb_"> 
             <ul> 
                 <li id="tb_1" class="hovertab" onclick ="xgz:HoverLi(1);">网上房展会</li> 
                 <li id="tb_2" class="normaltab" onclick="xgz:HoverLi(2);">本月开盘</li> 
                 <li id="tb_3" class="normaltab" onclick="xgz:HoverLi(3);">知名开发商</li> 
                 <li id="tb_4" class="normaltab" onclick="xgz:HoverLi(4);">栏目导航</li> 
                 <li id="tb_5" class="normaltab" onclick="xgz:HoverLi(5);">哈哈哈哈</li> 
                 <li id="tb_6" class="normaltab" onclick="xgz:HoverLi(6);">Q小鸽子</li> 
             </ul> 
     </div>

</div> <div class="ctt"> 
         <div class="dis" id="tbc_01">内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1</div> 
         <div class="undis" id="tbc_02">内容2</div> 
         <div class="undis" id="tbc_03">内容3</div> 
         <div class="undis" id="tbc_04">内容4</div> 
         <div class="undis" id="tbc_05">内容5</div> 
         <div class="undis" id="tbc_06">内容6 [Q小鸽子]</div> 
     </div> 
</body> 
</html>

 

原文链接：http://hi.baidu.com/fuyangxw/blog/item/ca26523e293c802b70cf6c18.html

你可能感兴趣的:(Css+JS滑动门)

  • JS特效篇：3D放映机轮播图 wuhen_n #JS页面特效javascript3d前端轮播图放映机轮播图
    JS特效篇：3D放映机轮播图前言效果预览代码实现代码说明HTML结构HTML结构说明CSS样式CSS样式说明JS逻辑JS逻辑说明结语前言本文将讲述如何通过CSS+JS，实现一个3D放映机轮播图，图片以放映机胶片卷轴的形式呈环形排列，模拟真实胶片转动效果，并详细讲解其中的原理和关键代码。效果预览代码实现3D放映机轮播图*{margin:0;padding:0;box-sizing:border-bo
  • JS特效篇：跑马灯轮播图 wuhen_n #JS页面特效javascript开发语言前端轮播图跑马灯轮播图
    JS特效篇：跑马灯轮播图前言效果预览代码实现代码说明HTML结构HTML结构说明CSS样式CSS样式说明JS逻辑JS逻辑说明结语前言本文将讲述如何通过CSS+JS，实现一个跑马灯轮播图，实现图片无缝循环滚动，支持鼠标悬停暂停、图片缩放交互等功能，并详细讲解其中的原理和关键代码。效果预览代码实现跑马灯轮播图*{margin:0;padding:0;box-sizing:border-box;}bod
  • gradio调用多个CSS的HTML页 li_li_rui csshtml前端gradio大语言模型
    很多博客介绍的gradio读取html和css比较简单，如果要做很细致的前端页面优化，比如丰富的响应式的css+js，至少要有html+多个css，是暂不能实现的。bootstrap、font-awesome、jquery等方案一当然是直接更换html+css为主的部署方式，仅用gradio传回的数据，重新设计前端方案二可以考虑把多个css直接拼接后再生效，举例如下：1.原html404PageO
  • CSS的滑动门技术 xiao____ming html5css3
    在制作导航栏等网页元素时，常常需要为其设置特殊形状的背景，为了使各种特殊形状的背景能够自适应元素中文本的多少，即实现自由拉伸滑动，就出现了CSS滑动门技术。微信的导航栏：滑动门简单使用：Documenta{display:inline-block;height:33px;line-height:33px;background:url(to.png)no-repeat;margin:100px;pa
  • 自动跳动滑动门html,CSS如何实现滑动门效果_html/css_WEB-ITnose 空谷幽兰月影寒 自动跳动滑动门html
    CSS如何实现滑动门效果:所谓的滑动门和tab选项卡其实是一个意思，下面就通过实例介绍一下如何实现此功能，代码实例如下:以上代码实现了最基本的滑动门效果，这也是在引用的网络上的一个例子。下面就简单介绍一下如何实现的此功能：一.在头部使用四个p元素制作导航标题，并且使用左浮动让四个p元素在一行排列，同时设置了后面三个的默认CSS属性。二.在轮换内容方面，直接就是罗列显示了几个span元素而已，大家可
  • css+html应用实例1：滑动门技术的简单实现 weixin_30639719
    关于滑动门，现在的页面中好多地方都会用到滑动门，一般用作于导航背景，它的官方解释如下：滑动门：根据文本自适应大小，根据背景的层叠性制作，并允许他们在彼此之上进行滑动，以创造出一些特殊的效果。为什么很多人喜欢用滑动门呢，因为有些时候导航的字体长度不一致，长长短短实在不好弄背景图片之类啥的，如果单独根据不同的长度调用不同的背景图片太麻烦不说服务器压力也太大，所以滑动门技术应运而生，它可以根据元素本身的
  • 前端学习——CSS+JS实现进度条动画 younger_LF 前端（HTML+CSS+JS）CSSJS进度条动画
    CSS+JS实现进度条动画之前学习了导航条，那现在就来学习一下进度条。本次的学习试着写了两种风格的进度条，一种是圆点，一种是传统的条状。如下图：简单介绍一下，点击按钮之后，圆点的效果是蓝色部分从零开始变大，到充满了整个父标签，从左向右进行；传统条状的效果就单纯的从左向右进行。由于有光晕的效果，父标签应该允许溢出部分显示。再次点击按钮就重置为原来的样子。话不多说，直接开始。HTML部分HTML部分很
  • CSS学习16--CSS高级技巧：用户界面样式、精灵技术、字体图标、滑动门 乌鸦不像写字台 css学习css学习前端
    CSS高级技巧一、用户界面样式1.鼠标样式cursor2.轮廓outline3.防止拖拽文本域resize4.vertical-align垂直对齐5.去除图片底侧空白缝隙6.溢出文字隐藏二、精灵技术sprite1.精灵技术产生背景2.精灵技术的本质3.精灵技术的使用4.制作精灵图三、字体图标1.字体图标优点2.字体图标使用流程3.追加新图标四、滑动门1.滑动门的背景2.核心技术3.技术实现一、用户
  • 你在哪里？(7)-4|马克·李维 风会这样说
    这个星期六简直像是在向上一个周末致敬，连绵不绝的雨又来敲打房间的窗户。菲利普把自己关进了工作室里。托马斯正在客厅里玩，他拿出了几个外星人玩具，这些外星人长得和半个南瓜似的，托马斯把它们列成了一队，让它们从电视上面飞下来。厨房里，玛丽正在翻阅一本杂志。她看向楼梯的方向，因为光线的缘故，她已经看不清楼梯的台阶。透过客厅的滑动门，她可以看到儿子忙于游戏的背影。她又看了看坐在她对面、正在画画的丽莎。最后她
  • JavaEE第二天_css+js a_salt_fish JavaEEJavaEE
    *课程回顾：*HTML语言*HTML的简介超文本标记语言。*是网页最基础的语言。*都是由标签所组成的。*HTML的基本格式属性信息，辅助性的信息引入外部的文件（css、js）先加载真正的数据内容（展示用户的数据）*HTML的规范*HTML的标签*排版标签*换行* 空格*水平线*段落标签***字体标签**color：颜色*size：字体的大小*最大值：7最小值是1*face：字体的类型*标
  • 学习之旅10------掌握jQuery：实用应用案例深度解析 theskylife Javascript总结学习jquery前端
    目录写在开头1.jQuery基础知识回顾1.1.选择器1.2.事件1.3.效果1.4.DOM操作1.5.AJAX2.实用应用案例分析2.1.动态内容加载2.2.表单验证2.3.图像滑动门效果2.4.创建动态导航菜单3.高级技巧与最佳实践3.1.优化jQuery代码的性能3.2.jQuery插件的使用和自定义3.3.jQuery在移动开发中的应用写在最后参考资料写在开头jQuery，作为一种轻量级的
  • 微信小程序开发一些经验 极乐叔
    对于微信小程序开发入门，还是比较简单的，只需要具备基本的css+js知识就可以了，成本比较低。写了小程序和RN之后，有一种原生很笨重的感觉，就是小程序或者是RN等这些新的开发方式在效率上面真的有比较大的优势，唯一不足就是运行速度了(使用Canvas就会有这样子的感觉)。感觉目前所接触的种类前端开发(包括移动端)，都是基本一个套路：UI，网络，数据保存，富文本，图片/视频。本文也是从这几个方向去总结
  • 【Web前端实操20】商城官网_黑色导航 墨倾许 前端csshtml开发语言
    今天继续着上一篇博客的内容进行编写，本次主要实现的是商场官网实战里面的黑色导航栏部分，也就是广告图片下面的部分。本次除了每篇都要通用的样式CSS代码之外，还增添了一个引用矢量图标的样式，如果有兴趣的友友们，可以看看我的这篇博客，上面详细介绍了如何下载矢量图标并进行应用的：【Web前端实操17】导航栏效果——滑动门-CSDN博客代码如下：reset.css:body,div,dl,dt,dd,ul,
  • 【Web前端实操17】导航栏效果——滑动门 墨倾许 Web前端实操前端csshtml开发语言html5
    滑动门定义：类似于这种：滑到导航栏的某一项就会出现相应的画面，里面有对应的画面出现。箭头图标操作和引用：像一些图标，如果需要的话，可以找字体图标，比如阿里巴巴矢量图标库：iconfont-阿里巴巴矢量图标库选择一个——>添加至购物车——>下载代码因为我需要的是一个箭头图标，用于完成实操。下载之后可以将这两个文件复制到相应的文件夹下，方便引用在进行引用的时候，要根据所给的文件进行引用：找到以html
  • CSS+JS鼠标事件触发鼠标模形实现手状 小吴吴吴呀 javascriptcss前端
    1.直接使用CSS样式改变当鼠标移动到元素上显示手状。style="cursor:pointer;"2.使用JS触发事件改变原样式：1//使用在元素的标签上的事件2//第一种方式3onmouseover="this.style.cursor='mouseHand'"45//第二种方式6onmouseover="this.ClassName=‘mouseHand’“3.cursor属性的常用取值，如
  • CSS滑动门 王玉伟的伟
    滑动门出现的背景制作网页时，为了美观，常常需要为网页元素设置特殊形状的背景，比如微信导航栏，有凸起和凹下去的感觉，最大的问题是里面的字数不一样多，咋办？wxx.jpg为了使各种特殊形状的背景能够自适应元素中文本内容的多少，出现了CSS滑动门技术。它从新的角度构建页面，使各种特殊形状的背景能够自由拉伸滑动，以适应元素内部的文本内容，可用性更强。最常见于各种导航栏的滑动门。http://weixin.
  • 《爱的博弈》共读（4） 一莲听雨
    之前已说完第二个重点，最后，我们来说说第三个重点：做好修复，挽救可挽救的婚姻。要想修复婚姻关系，养成在滑动门时刻面向伴侣的习惯非常有用，而背向伴侣会摧毁双方的亲密关系。当你错过了滑动门时刻，该如何进行感情修复呢？本书告诉你如何做好修复，才能挽救可挽救的婚姻。一、认知修复重点是鼓励伴侣进行理性思考，力争做到以下几点。定义争议点：明确有争议的问题。寻求信任：指出你最近做的一件满足你伴侣期待的事情，以此
  • 前端css+js实现自定义上传文件/图片按钮，并显示已选文件/图片名称 遇见小美好 web前端cssjavascripthtml5
    默认的文件上传按钮样式（如下图）确实不太好看，想展现得美观一些就自己写一个样式吧。下面我们做一个自定义的上传按钮效果，上传后把已上传文件/图片名称也显示出来。实现思路也很简单：1、先把原元素隐藏起来，自己写一个好看的按钮2、点击自定义按钮时触发原元素点击事件达到选择文件上传的效果（等同于触发了原input元素）最终效果如下图：一、html部分代码：选择文件以上html代码片段中input就是默认的
  • 知识笔记（六十五）———css+js实现鼠标移动边框高亮效果 瑞崽崽崽 笔记
    前言：效果是鼠标移入空白区域，边框高亮的效果。效果是在douyin的渡一教育袁老师的课程学习到的，观看以后是一个实用的小特效。想看的可以平台查询，自己也学到了知识。Documentbody{background:#000;}.card-wrap{display:grid;margin:0auto;width:90%;margin-top:1em;color:#f0f0f0;grid-templat
  • css+js实现鼠标移动边框高亮效果 W Y L javascriptcss开发语言前端
    前言：效果是鼠标移入空白区域，边框高亮的效果。效果是在douyin的渡一教育袁老师的课程学习到的，观看以后是一个实用的小特效。想看的可以平台查询，自己也学到了知识。Documentbody{background:#000;}.card-wrap{display:grid;margin:0auto;width:90%;margin-top:1em;color:#f0f0f0;grid-templat
  • CSS5 | CSS滑动门左扇与右扇图片重叠问题解决 红星编程实验室 css前端
    本文中所使用的滑动门背景图片是自己用微软相册手工切的，没用ps，所以凑乎看吧首先放出一张目标效果也是最终完成图下面说问题CSS推拉门原理按原理来说，就是两个行内块前后站一行，然后前面的a标签和span标签分别是推拉门素材的左扇部分和右扇部分，然后跟随span的文字内容长度自动加长span背景，看起来就像是在加长，实则只是多放出隐藏的素材图片的剩余部分。test*{margin:0;padding:
  • 《爱的博弈》共读（3） 一莲听雨
    接下面我们来说说第二个重点，背叛是爱情的毒药。信任消失后，在消极滑动门时刻，产生冲突的双方不但没有转身离开，还会将伴侣与想象中或现实中的他人进行比较，这就是消极对比。消极对比时间长了，次数多了，就可能导致疏远，最终奔向背叛的悬崖。当一个新的选择出现在其中一人的生活中，不忠随时可能发生。下面说说背叛之首——出轨的路线图。首先是秘密出现了。当双方不再信任彼此，有了自己的秘密，双方随时都会有冲突发生。如
  • css+js实现水波纹效果 小小•愿望 JavaScriptcss3前端javascripthtml前端css3
    效果如下新建HTML文件，把下面的代码直接贴进来，浏览器打开看效果。在线运行点击水波纹.content{display:flex;justify-content:center;align-items:center;color:#fff;width:200px;height:50px;background:#409eff;cursor:pointer;}/*水波纹样式-开始*/.ripple{pos
  • 滑动门技术的简单实现 兰亭序乱
    HTMLCSS滑动门网页设计关于滑动门，现在的页面中好多地方都会用到滑动门，一般用作于导航背景，它的官方解释如下：滑动门：根据文本自适应大小，根据背景的层叠性制作，并允许他们在彼此之上进行滑动，以创造出一些特殊的效果。为什么很多人喜欢用滑动门呢，因为有些时候导航的字体长度不一致，长长短短实在不好弄背景图片之类啥的，如果单独根据不同的长度调用不同的背景图片太麻烦不说服务器压力也太大，所以滑动门技术应
  • 1122 々_09d0
    02-微信滑动门导航*{margin:0;padding:0;}ul{list-style:none;}body{background:url(wx.jpg)repeat-x;}.nav{height:75px;}.navli{float:left;margin-right:10px;line-height:75px;}.navlia{display:inline-block;line-heigh
  • banner 图轮播 CSS+JS特效 小小优化师 anny HtmlcssJScssjavascript前端
    banner.jd-banner{position:relative;overflow:hidden;width:800px;height:450px;}.jd-banner.previousBtn{position:absolute;width:40px;height:40px;background-color:rgba(210,210,210,0.4);border-radius:50%;tr
  • 滑动门套滑动门css,JS+CSS实现带小三角指引的滑动门效果 凉凉不凉 滑动门套滑动门css
    本文实例讲述了JS+CSS实现带小三角指引的滑动门效果。分享给大家供大家参考。具体如下：这是一款JS+CSS带小三角指引的滑动门，有朋友说在IE6下看不到效果，其实能看到，因为那个小三角颜色比较淡，有时候因显示器的原因看不太清，其实这个颜色是自己可以控制的，改一下就行了，带三角指引后，使整个滑动门的结构更清淅，导向性更合理。运行效果截图如下：在线演示地址如下：具体代码如下：/p>"http://w
  • HTML5将footer置于页面最底部的方法(CSS+JS) linwene
    JavaScript:$(function(){functionfooterPosition(){$("footer").removeClass("fixed-bottom");//网页正文全文高度varcontentHeight=document.body.scrollHeight,//可视窗口高度，不包括浏览器顶部工具栏winHeight=window.innerHeight;if(!(con
  • 精通CSS读书笔记（第四章 背景图像效果） 未至佳期 精通CSS精通CSS
    第四章背景图像效果本章内容：固定宽度和可变宽度圆角框滑动门技术多个背景图像和border-radius的属性CSS投影不透明度和RGBa让PNG适用于IE老版本视差滚动图像替换4.1图像背景基础body{background-image:url(xxx.jpg);}默认平铺，可以选择垂直平铺、水平平铺和不平铺。body{background-image:url(xxx.jpg);/*backgro
  • 纯css+js自制下拉框 阳春三月少年游 vuecssjavascripthtml
    前提因为html的select标签，下拉框自定义程度非常的低，为了贴合而项目ui显示，所以打算自制下拉框代码htmlPortugueseEnglishPortuguesecss.pos-rel{position:relative}.pos-abs{position:absolute;top:20px}.my-show{opacity:inherit!important;visibility:inh
  • 戴尔笔记本win8系统改装win7系统 sophia天雪 win7戴尔改装系统win8
    戴尔win8 系统改装win7 系统详述 第一步：使用U盘制作虚拟光驱：         1）下载安装UltraISO：注册码可以在网上搜索。         2）启动UltraISO，点击“文件”—》“打开”按钮，打开已经准备好的ISO镜像文
  • BeanUtils.copyProperties使用笔记 bylijinnan java
    BeanUtils.copyProperties VS PropertyUtils.copyProperties 两者最大的区别是： BeanUtils.copyProperties会进行类型转换，而PropertyUtils.copyProperties不会。 既然进行了类型转换，那BeanUtils.copyProperties的速度比不上PropertyUtils.copyProp
  • MyEclipse中文乱码问题 0624chenhong MyEclipse
    一、设置新建常见文件的默认编码格式，也就是文件保存的格式。 在不对MyEclipse进行设置的时候，默认保存文件的编码，一般跟简体中文操作系统（如windows2000，windowsXP）的编码一致，即GBK。 在简体中文系统下，ANSI 编码代表 GBK编码;在日文操作系统下，ANSI 编码代表 JIS 编码。 Window-->Preferences-->General -
  • 发送邮件 不懂事的小屁孩 send email
    import org.apache.commons.mail.EmailAttachment; import org.apache.commons.mail.EmailException; import org.apache.commons.mail.HtmlEmail; import org.apache.commons.mail.MultiPartEmail;
  • 动画合集 换个号韩国红果果 htmlcss
    动画 指一种样式变为另一种样式 keyframes应当始终定义0 100 过程 1 transition  制作鼠标滑过图片时的放大效果 css .wrap{ width: 340px;height: 340px; position: absolute; top: 30%; left: 20%; overflow: hidden; bor
  • 网络最常见的攻击方式竟然是SQL注入 蓝儿唯美 sql注入
    NTT研究表明，尽管SQL注入（SQLi）型攻击记录详尽且为人熟知，但目前网络应用程序仍然是SQLi攻击的重灾区。 信息安全和风险管理公司NTTCom Security发布的《2015全球智能威胁风险报告》表明，目前黑客攻击网络应用程序方式中最流行的，要数SQLi攻击。报告对去年发生的60亿攻击 行为进行分析，指出SQLi攻击是最常见的网络应用程序攻击方式。全球网络应用程序攻击中，SQLi攻击占
  • java笔记2 a-john java
    类的封装： 1，java中，对象就是一个封装体。封装是把对象的属性和服务结合成一个独立的的单位。并尽可能隐藏对象的内部细节（尤其是私有数据） 2，目的：使对象以外的部分不能随意存取对象的内部数据（如属性），从而使软件错误能够局部化，减少差错和排错的难度。 3，简单来说，“隐藏属性、方法或实现细节的过程”称为——封装。 4，封装的特性：       4.1设置
  • [Andengine]Error：can't creat bitmap form path “gfx/xxx.xxx” aijuans 学习Android遇到的错误
            最开始遇到这个错误是很早以前了，以前也没注意，只当是一个不理解的bug，因为所有的texture，textureregion都没有问题，但是就是提示错误。 昨天和美工要图片，本来是要背景透明的png格式，可是她却给了我一个jpg的。说明了之后她说没法改，因为没有png这个保存选项。 我就看了一下，和她要了psd的文件，还好我有一点
  • 自己写的一个繁体到简体的转换程序 asialee java转换繁体filter简体
              今天调研一个任务，基于java的filter实现繁体到简体的转换，于是写了一个demo，给各位博友奉上，欢迎批评指正。          实现的思路是重载request的调取参数的几个方法，然后做下转换。          
  • android意图和意图监听器技术 百合不是茶 android显示意图隐式意图意图监听器
    Intent是在activity之间传递数据;Intent的传递分为显示传递和隐式传递   显式意图：调用Intent.setComponent() 或 Intent.setClassName() 或 Intent.setClass()方法明确指定了组件名的Intent为显式意图，显式意图明确指定了Intent应该传递给哪个组件。   隐式意图;不指明调用的名称,根据设
  • spring3中新增的@value注解 bijian1013 javaspring@Value
            在spring 3.0中，可以通过使用@value，对一些如xxx.properties文件中的文件，进行键值对的注入，例子如下： 1.首先在applicationContext.xml中加入：  <beans xmlns="http://www.springframework.
  • Jboss启用CXF日志 sunjing logjbossCXF
    1. 在standalone.xml配置文件中添加system-properties：     <system-properties>        <property name="org.apache.cxf.logging.enabled" value=&
  • 【Hadoop三】Centos7_x86_64部署Hadoop集群之编译Hadoop源代码 bit1129 centos
      编译必需的软件 Firebugs3.0.0 Maven3.2.3 Ant JDK1.7.0_67 protobuf-2.5.0 Hadoop 2.5.2源码包       Firebugs3.0.0   http://sourceforge.jp/projects/sfnet_findbug
  • struts2验证框架的使用和扩展 白糖_ 框架xmlbeanstruts正则表达式
    struts2能够对前台提交的表单数据进行输入有效性校验，通常有两种方式： 1、在Action类中通过validatexx方法验证，这种方式很简单，在此不再赘述； 2、通过编写xx-validation.xml文件执行表单验证，当用户提交表单请求后，struts会优先执行xml文件，如果校验不通过是不会让请求访问指定action的。 本文介绍一下struts2通过xml文件进行校验的方法并说
  • 记录-感悟 braveCS 感悟
    再翻翻以前写的感悟，有时会发现自己很幼稚，也会让自己找回初心。   2015-1-11 1. 能在工作之余学习感兴趣的东西已经很幸福了； 2. 要改变自己，不能这样一直在原来区域，要突破安全区舒适区，才能提高自己，往好的方面发展； 3. 多反省多思考；要会用工具，而不是变成工具的奴隶； 4. 一天内集中一个定长时间段看最新资讯和偏流式博
  • 编程之美-数组中最长递增子序列 bylijinnan 编程之美
    import java.util.Arrays; import java.util.Random; public class LongestAccendingSubSequence { /** * 编程之美 数组中最长递增子序列 * 书上的解法容易理解 * 另一方法书上没有提到的是，可以将数组排序（由小到大）得到新的数组， * 然后求排序后的数组与原数
  • 读书笔记5 chengxuyuancsdn 重复提交struts2的token验证
    1、重复提交 2、struts2的token验证 3、用response返回xml时的注意 1、重复提交 (1)应用场景 (1-1)点击提交按钮两次。 (1-2)使用浏览器后退按钮重复之前的操作，导致重复提交表单。 (1-3)刷新页面 (1-4)使用浏览器历史记录重复提交表单。 (1-5)浏览器重复的 HTTP 请求。 (2)解决方法 (2-1)禁掉提交按钮 (2-2)
  • [时空与探索]全球联合进行第二次费城实验的可能性 comsci
         二次世界大战前后,由爱因斯坦参加的一次在海军舰艇上进行的物理学实验 -费城实验   至今给我们大家留下很多迷团.....      关于费城实验的详细过程,大家可以在网络上搜索一下,我这里就不详细描述了      在这里,我的意思是,现在
  • easy connect 之 ORA-12154: TNS: 无法解析指定的连接标识符 daizj oracleORA-12154
    用easy connect连接出现“tns无法解析指定的连接标示符”的错误，如下： C:\Users\Administrator>sqlplus username/[email protected]:1521/orcl SQL*Plus: Release 10.2.0.1.0 – Production on 星期一 5月 21 18:16:20 2012 Copyright (c) 198
  • 简单排序:归并排序 dieslrae 归并排序
    public void mergeSort(int[] array){ int temp = array.length/2; if(temp == 0){ return; } int[] a = new int[temp]; int
  • C语言中字符串的\0和空格 dcj3sjt126com c
       \0 为字符串结束符，比如说：                       abcd (空格)cdefg； 存入数组时，空格作为一个字符占有一个字节的空间，我们
  • 解决Composer国内速度慢的办法 dcj3sjt126com Composer
    用法： 有两种方式启用本镜像服务： 1 将以下配置信息添加到 Composer 的配置文件 config.json 中（系统全局配置）。见“例1” 2 将以下配置信息添加到你的项目的 composer.json 文件中（针对单个项目配置）。见“例2” 为了避免安装包的时候都要执行两次查询，切记要添加禁用 packagist 的设置，如下 1 2 3 4 5
  • 高效可伸缩的结果缓存 shuizhaosi888 高效可伸缩的结果缓存
    /** * 要执行的算法，返回结果v */ public interface Computable<A, V> { public V comput(final A arg); }   /** * 用于缓存数据 */ public class Memoizer<A, V> implements Computable<A,
  • 三点定位的算法 haoningabc c算法
    三点定位， 已知a,b,c三个顶点的x,y坐标 和三个点都z坐标的距离，la，lb,lc 求z点的坐标 原理就是围绕a,b,c 三个点画圆，三个圆焦点的部分就是所求 但是，由于三个点的距离可能不准，不一定会有结果， 所以是三个圆环的焦点，环的宽度开始为0，没有取到则加1 运行 gcc -lm test.c test.c代码如下 #include "stdi
  • epoll使用详解 jimmee clinux服务端编程epoll
    epoll - I/O event notification facility在linux的网络编程中，很长的时间都在使用select来做事件触发。在linux新的内核中，有了一种替换它的机制，就是epoll。相比于select，epoll最大的好处在于它不会随着监听fd数目的增长而降低效率。因为在内核中的select实现中，它是采用轮询来处理的，轮询的fd数目越多，自然耗时越多。并且，在linu
  • Hibernate对Enum的映射的基本使用方法 linzx0212 enumHibernate
      枚举   /** * 性别枚举 */ public enum Gender { MALE(0), FEMALE(1), OTHER(2); private Gender(int i) { this.i = i; } private int i; public int getI
  • 第10章 高级事件（下） onestopweb 事件
    index.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/
  • 孙子兵法 roadrunners 孙子兵法
    始计第一 孙子曰： 兵者，国之大事，死生之地，存亡之道，不可不察也。 故经之以五事，校之以计，而索其情：一曰道，二曰天，三曰地，四曰将，五 曰法。道者，令民于上同意，可与之死，可与之生，而不危也；天者，阴阳、寒暑 、时制也；地者，远近、险易、广狭、死生也；将者，智、信、仁、勇、严也；法 者，曲制、官道、主用也。凡此五者，将莫不闻，知之者胜，不知之者不胜。故校 之以计，而索其情，曰
  • MySQL双向复制 tomcat_oracle mysql
    本文包括: 主机配置 从机配置 建立主-从复制 建立双向复制   背景 按照以下简单的步骤: 参考一下： 在机器A配置主机(192.168.1.30) 在机器B配置从机(192.168.1.29) 我们可以使用下面的步骤来实现这一点   步骤1：机器A设置主机 在主机中打开配置文件 ,
  • zoj 3822 Domination(dp) 阿尔萨斯 Mina
    题目链接：zoj 3822 Domination 题目大意：给定一个N∗M的棋盘，每次任选一个位置放置一枚棋子，直到每行每列上都至少有一枚棋子，问放置棋子个数的期望。 解题思路：大白书上概率那一张有一道类似的题目，但是因为时间比较久了，还是稍微想了一下。dp[i][j][k]表示i行j列上均有至少一枚棋子，并且消耗k步的概率（k≤i∗j）,因为放置在i+1~n上等价与放在i+1行上，同理
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他