何小琦
何小琦

jquery图片滚动仿QQ商城带左右按钮控制焦点图片切换滚动

[html]  view plain copy print ?
  1. >  
  2. <html>  
  3. <head>  
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
  5. <title>jquery图片滚动仿QQ商城带左右按钮控制焦点图片切换滚动title>  
  6. <meta name="description" content="jquery图片特效制作仿腾讯QQ商城首页banner焦点图片轮播切换效果，带索引按钮控制和左右按钮控制图片切换" />  
  7.   
  8. <style type="text/css">  
  9. *{margin:0;padding:0;}  
  10. body{font-size:12px;color:#222;font-family:Verdana,Arial,Helvetica,sans-serif;background:#f0f0f0;}  
  11. .clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}  
  12. .clearfix{zoom:1;}  
  13. ul,li{list-style:none;}  
  14. img{border:0;}  
  15. .wrapper{width:800px;margin:0 auto;padding-bottom:50px;}  
  16. h1{height:50px;line-height:50px;font-size:22px;font-weight:normal;font-family:"Microsoft YaHei",SimHei;margin-bottom:20px;}  
  17. /* focus */  
  18. #focus{width:800px;height:280px;overflow:hidden;position:relative;}  
  19. #focus ul{height:380px;position:absolute;}  
  20. #focus ul li{float:left;width:800px;height:280px;overflow:hidden;position:relative;background:#000;}  
  21. #focus ul li div{position:absolute;overflow:hidden;}  
  22. #focus .btnBg{position:absolute;width:800px;height:20px;left:0;bottom:0;background:#000;}  
  23. #focus .btn{position:absolute;width:780px;height:10px;padding:5px 10px;right:0;bottom:0;text-align:right;}  
  24. #focus .btn span{display:inline-block;_display:inline;_zoom:1;width:25px;height:10px;_font-size:0;margin-left:5px;cursor:pointer;background:#fff;}  
  25. #focus .btn span.on{background:#fff;}  
  26. #focus .preNext{width:45px;height:100px;position:absolute;top:90px;background:url(img/sprite.png) no-repeat 0 0;cursor:pointer;}  
  27. #focus .pre{left:0;}  
  28. #focus .next{right:0;background-position:right top;}  
  29. style>  
  30.   
  31. <script type="text/javascript" src="http://jt.875.cn/js/jquery.js">script>  
  32. <script type="text/javascript">  
  33. $(function() {  
  34.     var sWidth = $("#focus").width(); //获取焦点图的宽度（显示面积）  
  35.     var len = $("#focus ul li").length; //获取焦点图个数  
  36.     var index = 0;  
  37.     var picTimer;  
  38.       
  39.     //以下代码添加数字按钮和按钮后的半透明条，还有上一页、下一页两个按钮  
  40.     var btn = "
";  
  •     for(var i=0; i < len; i++) {  
  •         btn += "<span>span>";  
  •     }  
  •     btn += "div><div class='preNext pre'>div><div class='preNext next'>div>";  
  •     $("#focus").append(btn);  
  •     $("#focus .btnBg").css("opacity",0.5);  
  •   
  •     //为小按钮添加鼠标滑入事件，以显示相应的内容  
  •     $("#focus .btn span").css("opacity",0.4).mouseover(function() {  
  •         index = $("#focus .btn span").index(this);  
  •         showPics(index);  
  •     }).eq(0).trigger("mouseover");  
  •   
  •     //上一页、下一页按钮透明度处理  
  •     $("#focus .preNext").css("opacity",0.2).hover(function() {  
  •         $(this).stop(true,false).animate({"opacity":"0.5"},300);  
  •     },function() {  
  •         $(this).stop(true,false).animate({"opacity":"0.2"},300);  
  •     });  
  •   
  •     //上一页按钮  
  •     $("#focus .pre").click(function() {  
  •         index -= 1;  
  •         if(index == -1) {index = len - 1;}  
  •         showPics(index);  
  •     });  
  •   
  •     //下一页按钮  
  •     $("#focus .next").click(function() {  
  •         index += 1;  
  •         if(index == len) {index = 0;}  
  •         showPics(index);  
  •     });  
  •   
  •     //本例为左右滚动，即所有li元素都是在同一排向左浮动，所以这里需要计算出外围ul元素的宽度  
  •     $("#focus ul").css("width",sWidth * (len));  
  •       
  •     //鼠标滑上焦点图时停止自动播放，滑出时开始自动播放  
  •     $("#focus").hover(function() {  
  •         clearInterval(picTimer);  
  •     },function() {  
  •         picTimer = setInterval(function() {  
  •             showPics(index);  
  •             index++;  
  •             if(index == len) {index = 0;}  
  •         },4000); //此4000代表自动播放的间隔，单位：毫秒  
  •     }).trigger("mouseleave");  
  •       
  •     //显示图片函数，根据接收的index值显示相应的内容  
  •     function showPics(index) { //普通切换  
  •         var nowLeft = -index*sWidth; //根据index值计算ul元素的left值  
  •         $("#focus ul").stop(true,false).animate({"left":nowLeft},300); //通过animate()调整ul元素滚动到计算出的position  
  •           
  •         $("#focus .btn span").stop(true,false).animate({"opacity":"0.4"},300).eq(index).stop(true,false).animate({"opacity":"1"},300); //为当前的按钮切换到选中的效果  
  •     }  
  • });  
  •   
  • script>  
  • head>  
  •   
  • <body>  
  •   
  •     <div class="wrapper">  
  •         <h1>jquery图片滚动仿QQ商城带左右按钮控制焦点图片切换滚动h1>  
  •       
  •         <div id="focus">  
  •             <ul>  
  •                 <li><a href="http://www.875.cn/" target="_blank"><img src="img/01.jpg" alt="QQ商城焦点图效果下载" />a>li>  
  •                 <li><a href="http://www.875.cn/" target="_blank"><img src="img/02.jpg" alt="QQ商城焦点图效果教程" />a>li>  
  •                 <li><a href="http://www.875.cn/" target="_blank"><img src="img/03.jpg" alt="jquery商城焦点图效果" />a>li>  
  •                 <li><a href="http://www.875.cn/" target="_blank"><img src="img/04.jpg" alt="jquery商城焦点图代码" />a>li>  
  •                 <li><a href="http://www.875.cn/" target="_blank"><img src="img/05.jpg" alt="jquery商城焦点图源码" />a>li>  
  •             ul>  
  •         div>  
  •       
  •     div>  
  •   
  • body>  
  • html>  

    • 效果图如下：

    jquery图片滚动仿QQ商城带左右按钮控制焦点图片切换滚动_第1张图片

    你可能感兴趣的:(jquery图片滚动仿QQ商城带左右按钮控制焦点图片切换滚动)

    • FK第十二天 萼绿君_43d7
      昨天说的烤鸭，今天十点半楼栋长和志愿者送来了。真是时候，刚好可以赶上中午吃饭吃。用烤箱加热了几分钟，拿出来的时候，香气扑鼻、鸭皮油光锃亮，薄面饼里包裹黄瓜条和大葱条，再粘上酱汁，此时的口感自然是绵软之中带清脆，兼香甜，令人相当享受！很久没吃这么香的烤鸭了，也许是因为YQ被FK在家才有这样的感觉吧。帮我们代买的邻居说，这算居家里的一点调味料，大家心情愉悦的再呆几天，出来再吃好的喝好的。我们的楼栋长，
    • 2014年最具人气国外WORDPRESS主题 weixin_34355715 php前端uxViewUI
      在国外，WrodPress这个博客系统极为受欢迎，使用WordPress来建站可以降低很多成本，另外还能以十分便宜的价格获得一个漂亮的WP网站模板。今天向大家分享来自Themeforest2014年最具人气的高级WrodPress主题，这些主题无论是设计还是技术上，都是目前最新最流行的。比如CSS3、扁平化、响应式设计、全屏视频背景、视差滚动特效等等。本次分享的WP主题实用性非常不错，流行的设计+
    • MYOJ_8515:CSP初赛题单4:计算机软件 Jayfeather松鸦羽_sch CSP初赛题目算法c++
      更多初赛题单请参见题目整理CSP初赛题目整理题单，谢谢。题目描述1.[J-2015-3]操作系统的作用是()。A.把源程序译成目标程序B.便于进行数据管理C.控制和管理系统资源D.实现硬件之间的连接答案：C解析：操作系统（OperatingSystem，简称OS）是管理计算机硬件与软件资源的系统软件，其主要功能包括：处理器管理（CPU调度）内存管理（分配和回收内存）设备管理（管理输入/输出设备）文
    • ZooKeeper学习专栏（三）：ACL权限控制与Zab协议核心原理
      文章目录前言一、ACL访问控制列表二、原子广播协议（Zab协议）总结前言在分布式系统中，安全访问控制和一致性保证是两大核心需求。本文将深入探讨Zookeeper的ACL权限控制机制和Zab协议的核心原理，帮助读者理解Zookeeper如何保障数据安全性和系统一致性。一、ACL访问控制列表ACL(AccessControlLists)是Zookeeper保护ZNode数据安全的关键机制，它定义了哪些
    • 使用 .NET 6.0 的简单 WebSocket 客户端和服务器应用程序
      几个月前，有同事来找我，问能否用.NET创建一个简单的WebSocket服务器（以及之后的客户端）。据我了解，他想用它来控制对方电脑上的进程。或许对其他人也有用，所以我把它发布在这里。让我们从服务器开始。我这里使用的是.NET6和ASP.NETCore，不需要任何额外的配置。它实际上是一个准系统应用程序，没有任何花哨的附加功能。Console.Title="Server";varbuilder=W
    • 160班——我们的第三十一天 凝涵
      今天一到教室，我便让几个孩子上来把昨日黑板上的题目重新写了一遍，根据昨晚视屏图片的反馈，我喊了这几个孩子:李芯然、刘浚哲、常洪涛。浚哲宝宝:ge的组合写对了，ju分开写时，ü没有带两点。芯然宝宝来帮忙，qu分开也没写对。洪涛前面两个倒是写对了。接下来请宝贝们诊断病因，再次巩固了jqx和ü拼写时的分与合。于是我换了一种形式，将分开的部分放在前面，整体的音节部分放在后面，d_u_()——duo，此题一
    • 2021-05-01 陈皮薏仁
      朱丽华中原焦点团队第27期第36篇20210501今年的五一节，是最忙碌的五一节，五一过后孩子期中考试，真不明白，为何小学考试安排在节日后！假期里，还有忙碌的培训课程，现在的孩子真心不容易，想起《小舍得》中的几家孩子，内卷严重，什么时候才会有童年，只怕会越来越激烈！
    • 王清霞平顶山网络焦点中级八期坚持分享第256天20180930 懒洋洋_a7fc
      写分享就像是小时候写日记一样，时间久了就不知道写什么了。总是词穷，都说是看书少可我也没少看啊，就是记不住。有时候想在看书的时候把感受顺便写出来。好难过
    • C语言：数组-字符串数组
      数组字符串基础操作在用格式化说明符%s进行输入输出时，其输入输出项均为数组名。但在输入时，相邻两个字符串之间要用空格分隔，系统将自动在字符串后加\0。在输出时，遇到结束符\0作为输出结束标志。对于字符串的操作，我们需要使用到一些系统提供的API函数。字符串输入scanf语法：scanf("%s",数组名);注意：数组名对应的数组只能是char类型，从控制台输入字符串之后，默认为追加\0案例：#in
    • 《九都记》第152章 八方祥云炼雷丹 秦纵横
      “盖世英雄！”仙仙一怔，眯着的眸子里闪过一丝朦胧神往之色。这位犹带仙气儿的妙人儿，此时此刻打开了心中的梦幻，遐想无限。“我的盖世英雄会是他吗？我的意中人应该踏着七彩祥云出现吧？我在乱想些什么？”月勾下，心念他，红颜羞答答，朦胧处，念他心，春闺梦里人。皓月长情，一寸还成千万缕，红尘懵懂，半滴已醉女儿红。仙仙的心乱了，像剪不断的乱麻理不清，仙仙的心亦醉了，像沾染了花蜜有些甜。懵懵懂懂间，朦朦胧胧处，她
    • 日常 喵叽呱呱
      今天差点就忘记写了，今晚来了一个小朋友，他应该是我带的最差的小学生。数学也太差了吧，方程一点都不会。虽然做作业的速度很快，但是正确率为零。尤其是数学特别特别特别差。今天早上一大早我还去和其他教育机构的老师进行了教研活动。那些老师都好厉害呀。我特别佩服。他们上了讲台之后还能够流利顺畅的完成讲解任务。他们的脑子好好啊，而且还可以证明他们的知识储备非常丰富哦豁，就是一个小菜鸡。不知道我的表现到底怎么样？
    • HCL 三层知识总结
      HCL三层知识总结一、网络层基础1.1网络层的核心功能网络层位于数据链路层之上，主要负责跨网络的数据包转发，实现不同网段（广播域）之间的通信。其核心功能包括：寻址与路由：通过IP地址标识网络中的主机，并选择最佳路径将数据包从源端发送到目的端。分段与重组：当数据包大小超过底层链路的MTU（最大传输单元）时，将其分割为更小的片段，到达目的端后重新组合。拥塞控制：通过流量调节避免网络因过载而瘫痪（HCL
    • 2022年5月10日《儿童纪律教育》培训感悟 心态决定一切
      ------杨丹妮+春蕾怡馨幼儿园感受:1.错误的观念小时候父母对自己的教育耳濡目染深深地留在我们的记忆里，自己有孩子后，会延续父母的教育方式。殊不知我们已经对孩子造成了伤害。我们在知道惩罚的严重性、错误性之后，通过努力改变让我们以更好的教育方式去爱我们的孩子。2、压力大现在的成人生活压力大，压力不能得到很好的宣泄，在一直压抑着自己，当孩子犯错误时压力积累控制不住发泄到孩子身上。所以不要积攒太多的
    • 中原焦点团队第29期第75天分享20211010 简单蜗行
      看见不一样，才能做到不一样。“横看成岭侧成峰。”每件事情从不同的角度看，所见到的面也就不一样。这也是学习有魅力之处，让我们见到了自己没有想到的点，看到了事情的另一个面。越学习，认知越开阔，做事的弹性也会越大。今日听课的新认知：当一个人对周围的人挑剔的时候，一定是对他自己最不满意的时候，所以才会向外挑剔。当一个人受挫自卑的时候，他才会退行到孩子的状态。连要求都不敢向孩子提的家长，是家长的失职。拒绝孩
    • （详细文档）java web在线商城系统（jsp + servlet） 熊猫发电机：miniqq207 实训项目数据仓库大数据
      目录一、设计任务......................................................................................41.1设计意义................................................................................41.2设计目的..........
    • 淘宝返利软件哪个佣金高?高省和省推哪个平台佣金高？ 优惠券高省
      高省app是杭州长孚科技有限公司旗下的一款电商导购应用，为用户打造一个电商购物优惠平台，用户可以在这个App中领取主流商城的商品隐藏优惠券以及获得返利。【高省】分会员和运营商，会员定位是自用的，而运营商是针对推广者的。另外还有一个城市合伙人，这个是在高级运营商的基础上，多了同城本地CPS的一些收益，而且无论粉丝是不是自己下面，城市合伙人都可以获得相应收益。其中运营商分为三个级别：1、团长2、运营商
    • 2019-04-23 一只青柚子
      今天是我写作打卡的第20天，说来惭愧，其中断了2天，打卡字数在14000字左右，这20天给我带来的变化也有很多。压力其实压力还是蛮大的，看着那么多同学每天都在群里发他们的打卡作业，哪怕不想输给别人，就咬牙坚持打卡。并且我还没有那么棒，当我看到新题材的时候一天都在想怎么打卡，有的时候也感觉自己很笨，根本get不到点上，根本不知道这个素材应该怎么写，就有其中2天的断更，好在到了第二天，想了两天，还是努
    • 手游原神到底该不该氪金？手游原神兑换码内部号在哪里领取？ 会飞滴鱼儿
      就目前来看，很多人都在观望当中，到底该不该氪金，又该氪多少？零充玩家真的毫无游戏体验感吗？一个月卡玩家说自己15号开始玩，一直到今天连一个五星角色都没有，就一把五星武器。玩了大半个月时间，五星的影子都没见着。就拿简单的温迪来说想要把她给培养起来，光是保底抽卡就要130次左右，加上主C的话起码要高命星，也就是130*6大概最少就需要1000的投资，而且还是基础性的。难道，你玩原神就是问了一个五星角色
    • 2019-02-20简单记录 请叫我王青羽
      近一周过得很充实，带娃去园博苑，见了朋友，学习培训，孩子开始新学期的学习，时间紧迫而充实；01.园博苑周六带去园博苑，我来厦门十年也是第一次到园博苑游览（我本是个不爱出门的人），走走停停，看看植物观察建筑；从南门走到北门，从早上十点到下午两点，中间休息几次吃个午饭，柳小宝基本全程自己走；跟他的小玩具合影身处自然的环境中让人身心舒畅，惊觉自己对自然.建筑.历史了解太少，没法跟孩子做更多的延展，只能挑
    • 2018-07-26 温心怡然
      杨倩，焦点讲师三期，坚持分享573天（2018-7-26）人际关系对青少年的重要性评判一个人的人格是否健康，最简单可靠的就是看其人际关系如何。所以孙云晓先生预言，对孩子而言，如果没有朋友比考试不及格还严重。经过70年的跟踪研究分析和观点提炼，哈佛大学告诉我们：只有好的社会关系，才能让我们幸福、开心。其中，亲子关系好坏深刻影响孩子的人生幸福。当一个青少年遇到了困难和挫折的时候，如果有着良好的亲子关系
    • 2023-02-14 晨love
      中原焦点团队网络初级38期何晓晨分享第167天20230214人生最好的投资，莫过于自身的成长。经济有周期，人生终有起落，但根植于内心的骄傲，深藏在脑子里的才华，自然流淌出来的气质，骨子里的坚定信念。唯有这些才能帮你穿越周期，迈向一个又一个人生巅峰。不能因为一时的低潮期和短暂的高峰期，而迷失了自我，忘记了一生中最重要的事情，就是持续自我成长。
    • 微信小程序开发中常用的组件介绍 DTcode7 微信小程序相关微信小程序小程序移动端前端源码
      微信小程序开发中常用的组件介绍基础概念组件是什么？为什么要使用组件？常用组件详解视图容器组件view示例一：基础使用示例二：绑定点击事件文本显示组件text示例三：显示动态文本图像显示组件image示例四：显示网络图片表单组件forminput示例五：简单表单导航组件navigator示例六：页面跳转列表组件scroll-view示例七：垂直滚动列表实际开发中的技巧结合实际经验的案例分析案例一：商
    • Blender 云渲染高效流程：渲染 101 集群加速实战 渲染101专业云渲染 blenderhoudini分布式服务器maya
      一、核心优势：适配Blender全场景需求✅全渲染器深度兼容Cycles（CPU/GPU模式）：云端4090显卡渲染速度比本地快12倍，支持8K分辨率+16K纹理无压力Eevee实时渲染：集群同步输出预览动画，帧间延迟控制在0.5秒内，迭代效率提升300%插件无缝衔接：自动适配GeoNodes节点树、Hair粒子系统，流体模拟缓存文件完整同步✅效率与成本双突破二、5步上云流程（新手友好版）文件预处
    • 白帽必备技术栏目一（javascript基础）
      直接进入主题正好也在带学生会把笔记同步发送到csdn上后期不管是去就业还是在家里挖洞都都行javascript基础注意事项局部作用域里面给到的变量不加var就会变成全局变量数据类型boolean布尔类型boolean除了0和空字符串以及nullundefined其他的都是truevarbool=true;varbool=false;number类型varnum=10;//10varnum=0x23
    • 中华民国三年袁大头 艺术人生88
      直径约：3.88cm,重量约：25.5g此枚三年袁大头，藏品虽然经历了无穷的岁月的洗礼，但是如今保存依然较为完好，其色泽光鲜自然，纹饰深浅适度，边缘线条粗细均匀，间距也疏密一致。人像、发丝、胡须、穗忙等细微之处清晰有度，生动自然。民国三年“袁大头”正面为袁士凯五分侧面像，上列“中华民国”六字，背面两条嘉禾，左右交互，下系结带，具有一定的保值和升值功能。尤其是近年来随着收藏投资热的不断升温，“袁大头
    • 13威霖 引导孩子表达感受很重要 威霖_e363
      这两天，姨妈带着小侄子来我家玩，顺便看看我和宝宝。小侄子叫萱萱，五岁大，长的高高壮壮，看上去像是已经上了小学三年级的学生一样。虽然只有五岁，但是特别喜欢小孩，也非常乐意帮忙带小孩，每次都主动要求帮忙，性格也比较开朗，招人喜欢。然而这两天我发现他有个极其不好的坏习惯，就是爱打人，和长辈瞪眼睛，甚至拳打脚踢，尤其是对他姥姥。原本我没打算介入他的教育问题，但是仅仅两天时间，就发生了三四次类似的事情，而大
    • C#程序唯一性守护：用互斥锁（Mutex）实现进程级安全控制的实战指南
      为什么程序重复启动是个"毒瘤"？在软件开发中，程序重复启动可能导致以下灾难性后果：资源冲突：多个实例争夺数据库连接、文件句柄等有限资源数据污染：并发写入配置文件导致内容错乱界面混乱：多个窗口同时弹出，用户体验崩坏安全漏洞：恶意程序通过伪造实例窃取数据而互斥锁（Mutex）是Windows/Linux系统提供的原生机制，能完美解决这些问题。相比文件锁、注册表标记等传统方案，Mutex具有以下不可替代
    • Python-for-in循环 難釋懷 pythonwindows服务器
      一、前言在Python编程中，循环结构（LoopStructure）是程序控制流的重要组成部分。其中，for...in循环是Python中最常用、最简洁的迭代工具之一。与传统的C风格语言中的for不同，Python的for...in循环专门用于遍历可迭代对象（Iterable），如列表、元组、字符串、字典、集合，甚至是生成器等。本文将带你深入了解：for...in循环的基本语法；如何高效地遍历各种
    • C# 委托与事件：从函数指针到事件驱动的终极指南 墨夶 C#学习资料c#开发语言
      **为什么说委托与事件是C#的“灵魂”？**在C#的世界里，委托（Delegate）与事件（Event）是两个看似简单却深藏玄机的核心概念。你是否曾想过：一个按钮点击事件背后，是如何将“点击动作”与“响应方法”无缝连接的？你是否遇到过：需要动态传递方法、实现回调或构建观察者模式时的“无从下手”？你是否渴望：掌握一套完整的“异步通信”机制，用于构建高内聚、低耦合的系统？答案来了：✅委托是“方法的容器
    • Win10如何批量修改文件后缀名？Win10批量修改文件后缀名的方法 xhp618 笔记1笔记
      电脑文件都有一个固定的格式，并且每个格式都代表着不同的文件类型，但是有时候我们需要批量修改文件的后缀名要如何去操作呢？下面就让小编和大家来讲一讲Win10批量修改文件后缀名的方法。Win10批量修改文件后缀名的方法1、右键选择文件“属性”，即可查看文件的类型。2、点击左下角的“开始键-控制面板-文件夹选项”，然后点击“查看”，找到“隐藏已知文件夹类型的扩展名”取消勾选，点击应用，就可以直接显示文件
    • java短路运算符和逻辑运算符的区别 3213213333332132 java基础
      /* * 逻辑运算符——不论是什么条件都要执行左右两边代码 * 短路运算符——我认为在底层就是利用物理电路的“并联”和“串联”实现的 * 原理很简单，并联电路代表短路或（||），串联电路代表短路与（&&）。 * * 并联电路两个开关只要有一个开关闭合，电路就会通。 * 类似于短路或（||），只要有其中一个为true（开关闭合）是
    • Java异常那些不得不说的事 白糖_ javaexception
      一、在finally块中做数据回收操作 比如数据库连接都是很宝贵的，所以最好在finally中关闭连接。 JDBCAgent jdbc = new JDBCAgent(); try{ jdbc.excute("select * from ctp_log"); }catch(SQLException e){ ... }finally{ jdbc.close();
    • utf-8与utf-8(无BOM)的区别 dcj3sjt126com PHP
      BOM——Byte Order Mark，就是字节序标记   在UCS 编码中有一个叫做"ZERO WIDTH NO-BREAK SPACE"的字符，它的编码是FEFF。而FFFE在UCS中是不存在的字符，所以不应该出现在实际传输中。UCS规范建议我们在传输字节流前，先传输 字符"ZERO WIDTH NO-BREAK SPACE"。这样如
    • JAVA Annotation之定义篇 周凡杨 java注解annotation入门注释
          Annotation: 译为注释或注解 An annotation, in the Java computer programming language, is a form of syntactic metadata that can be added to Java source code. Classes, methods, variables, pa
    • tomcat的多域名、虚拟主机配置 g21121 tomcat
      众所周知apache可以配置多域名和虚拟主机，而且配置起来比较简单，但是项目用到的是tomcat，配来配去总是不成功。查了些资料才总算可以，下面就跟大家分享下经验。 很多朋友搜索的内容基本是告诉我们这么配置： 在Engine标签下增面积Host标签，如下： <Host name="www.site1.com" appBase="webapps"
    • Linux SSH 错误解析（Capistrano 的cap 访问错误 Permission ） 510888780 linuxcapistrano
      1.ssh -v [email protected] 出现 Permission denied (publickey,gssapi-keyex,gssapi-with-mic,password). 错误 运行状况如下： OpenSSH_5.3p1, OpenSSL 1.0.1e-fips 11 Feb 2013 debug1: Reading configuratio
    • log4j的用法 Harry642 javalog4j
      一、前言：     log4j 是一个开放源码项目，是广泛使用的以Java编写的日志记录包。由于log4j出色的表现，     当时在log4j完成时，log4j开发组织曾建议sun在jdk1.4中用log4j取代jdk1.4 的日志工具类，但当时jdk1.4已接近完成，所以sun拒绝使用log4j，当在java开发中
    • mysql、sqlserver、oracle分页，java分页统一接口实现 aijuans oraclejave
      定义：pageStart 起始页，pageEnd 终止页,pageSize页面容量 oracle分页： 　　　　select * from ( select mytable.*,rownum num from (实际传的SQL) where rownum<=pageEnd) where num>=pageStart sqlServer分页：  
    • Hessian 简单例子 antlove javaWebservicehessian
      hello.hessian.MyCar.java package hessian.pojo; import java.io.Serializable; public class MyCar implements Serializable { private static final long serialVersionUID = 473690540190845543
    • 数据库对象的同义词和序列 百合不是茶 sql序列同义词ORACLE权限
      回顾简单的数据库权限等命令; 解锁用户和锁定用户 alter user scott account lock/unlock; //system下查看系统中的用户 select * dba_users; //创建用户名和密码 create user wj identified by wj; identified by //授予连接权和建表权 grant connect to
    • 使用Powermock和mockito测试静态方法 bijian1013 持续集成单元测试mockitoPowermock
              实例： package com.bijian.study; import static org.junit.Assert.assertEquals; import java.io.IOException; import org.junit.Before; import org.junit.Test; import or
    • 精通Oracle10编程SQL(6)访问ORACLE bijian1013 oracle数据库plsql
      /* *访问ORACLE */ --检索单行数据 --使用标量变量接收数据 DECLARE v_ename emp.ename%TYPE; v_sal emp.sal%TYPE; BEGIN select ename,sal into v_ename,v_sal from emp where empno=&no; dbms_output.pu
    • 【Nginx四】Nginx作为HTTP负载均衡服务器 bit1129 nginx
       Nginx的另一个常用的功能是作为负载均衡服务器。一个典型的web应用系统，通过负载均衡服务器，可以使得应用有多台后端服务器来响应客户端的请求。一个应用配置多台后端服务器，可以带来很多好处：   负载均衡的好处 增加可用资源 增加吞吐量 加快响应速度，降低延时 出错的重试验机制 Nginx主要支持三种均衡算法： round-robin l
    • jquery-validation备忘 白糖_ jquerycssF#Firebug
      留点学习jquery validation总结的代码：   function checkForm(){ validator = $("#commentForm").validate({// #formId为需要进行验证的表单ID errorElement :"span",// 使用"div"标签标记错误， 默认:&
    • solr限制admin界面访问（端口限制和http授权限制） ronin47 限定Ip访问
      solr的管理界面可以帮助我们做很多事情，但是把solr程序放到公网之后就要限制对admin的访问了。 可以通过tomcat的http基本授权来做限制，也可以通过iptables防火墙来限制。 我们先看如何通过tomcat配置http授权限制。 第一步： 在tomcat的conf/tomcat-users.xml文件中添加管理用户，比如： <userusername="ad
    • 多线程-用JAVA写一个多线程程序，写四个线程，其中二个对一个变量加1，另外二个对一个变量减1 bylijinnan java多线程
      public class IncDecThread { private int j=10; /* * 题目:用JAVA写一个多线程程序，写四个线程，其中二个对一个变量加1，另外二个对一个变量减1 * 两个问题： * 1、线程同步--synchronized * 2、线程之间如何共享同一个j变量--内部类 */ public static
    • 买房历程 cfyme
          2015-06-21: 万科未来城，看房子   2015-06-26: 办理贷款手续，贷款73万，贷款利率5.65=5.3675   2015-06-27: 房子首付,签完合同   2015-06-28，央行宣布降息 0.25，就2天的时间差啊，没赶上。   首付，老婆找他的小姐妹接了5万，另外几个朋友借了1-
    • [军事与科技]制造大型太空战舰的前奏 comsci 制造
             天气热了........空调和电扇要准备好..........        最近,世界形势日趋复杂化,战争的阴影开始覆盖全世界..........        所以,我们不得不关
    • dateformat dai_lm DateFormat
      "Symbol Meaning Presentation Ex." "------ ------- ------------ ----" "G era designator (Text) AD" "y year
    • Hadoop如何实现关联计算 datamachine mapreducehadoop关联计算
          选择Hadoop，低成本和高扩展性是主要原因，但但它的开发效率实在无法让人满意。     以关联计算为例。     假设：HDFS上有2个文件，分别是客户信息和订单信息，customerID是它们之间的关联字段。如何进行关联计算，以便将客户名称添加到订单列表中？   &nbs
    • 用户模型中修改用户信息时，密码是如何处理的 dcj3sjt126com yii
      当我添加或修改用户记录的时候对于处理确认密码我遇到了一些麻烦，所有我想分享一下我是怎么处理的。 场景是使用的基本的那些(系统自带)，你需要有一个数据表(user)并且表中有一个密码字段(password),它使用 sha1、md5或其他加密方式加密用户密码。 面是它的工作流程: 当创建用户的时候密码需要加密并且保存，但当修改用户记录时如果使用同样的场景我们最终就会把用户加密过的密码再次加密，这
    • 中文 iOS/Mac 开发博客列表 dcj3sjt126com Blog
        本博客列表会不断更新维护，如果有推荐的博客，请到此处提交博客信息。 本博客列表涉及的文章内容支持 定制化Google搜索，特别感谢 JeOam 提供并帮助更新。 本博客列表也提供同步更新的OPML文件（下载OPML文件），可供导入到例如feedly等第三方定阅工具中，特别感谢 lcepy 提供自动转换脚本。这里有导入教程。
    • js去除空格，去除左右两端的空格 蕃薯耀 去除左右两端的空格js去掉所有空格js去除空格
      js去除空格，去除左右两端的空格 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>&g
    • SpringMVC4零配置--web.xml hanqunfeng springmvc4
      servlet3.0+规范后，允许servlet，filter，listener不必声明在web.xml中，而是以硬编码的方式存在，实现容器的零配置。 ServletContainerInitializer：启动容器时负责加载相关配置 package javax.servlet; import java.util.Set; public interface ServletContainer
    • 《开源框架那些事儿21》：巧借力与借巧力 j2eetop 框架UI
      同样做前端UI，为什么有人花了一点力气，就可以做好？而有的人费尽全力，仍然错误百出？我们可以先看看几个故事。 故事1：巧借力，乌鸦也可以吃核桃 有一个盛产核桃的村子，每年秋末冬初，成群的乌鸦总会来到这里，到果园里捡拾那些被果农们遗落的核桃。 核桃仁虽然美味，但是外壳那么坚硬，乌鸦怎么才能吃到呢？原来乌鸦先把核桃叼起，然后飞到高高的树枝上，再将核桃摔下去，核桃落到坚硬的地面上，被撞破了，于是，
    • JQuery EasyUI 验证扩展 可怜的猫 jqueryeasyui验证
        最近项目中用到了前端框架-- EasyUI，在做校验的时候会涉及到很多需要自定义的内容，现把常用的验证方式总结出来，留待后用。   以下内容只需要在公用js中添加即可。   使用类似于如下： <input class="easyui-textbox" name="mobile" id="mobile&
    • 架构师之httpurlconnection----------读取和发送(流读取效率通用类) nannan408
      1.前言.    如题. 2.代码. /* * Copyright (c) 2015, S.F. Express Inc. All rights reserved. */ package com.test.test.test.send; import java.io.IOException; import java.io.InputStream
    • Jquery性能优化 r361251 JavaScriptjquery
      一、注意定义jQuery变量的时候添加var关键字 这个不仅仅是jQuery，所有javascript开发过程中，都需要注意，请一定不要定义成如下： $loading = $('#loading'); //这个是全局定义，不知道哪里位置倒霉引用了相同的变量名，就会郁闷至死的 二、请使用一个var来定义变量 如果你使用多个变量的话，请如下方式定义： . 代码如下: var page
    • 在eclipse项目中使用maven管理依赖 tjj006 eclipsemaven
      概览: 如何导入maven项目至eclipse中 建立自有Maven  Java类库服务器 建立符合maven代码库标准的自定义类库 Maven在管理Java类库方面有巨大的优势，像白衣所说就是非常“环保”。 我们平时用IDE开发都是把所需要的类库一股脑的全丢到项目目录下，然后全部添加到ide的构建路径中，如果用了SVN/CVS，这样会很容易就 把
    • 中国天气网省市级联页面 x125858805 级联
      1、页面及级联js <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> &l
    按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他