Jquery图片轮播和CSS图片轮播

学习Jquery以后，很多时候觉得比写源生代码要简单一点。我们用JQuery做了一个图片轮播的动画，感觉比写CSS要简单一些。下面我来具体讲一下是怎么用JQuery来写。

<body>



<div class="img_div">



    <img class="img1" src="../image/img1.jpg" />

    <img class="img2" src="../image/img2.jpg" />



</div>



</body>

这个在body的时候很简单。如上所示，在div 里面加上两个img 就行了。

下面要开始写javascript了。首先不要忘记引入Jquery文件。如下：

<script src="../js/jquery-1.9.1.min.js">

这个没有什么说的，只是有时候注意一下不要把路径写错了。

 var ary = [

            "../image/img1.jpg",

            "../image/img2.jpg",

            "../image/img3.jpg",

            "../image/img4.jpg"

        ];

如上，我们需要把需要移动到的图片先存放在一个数组里面。

        var index = 2;

        function move_image(image_obj){

            if(parseInt(image_obj.css("left")) == 0){



                image_obj.animate({left:"-940px"},1000,function(){

                    image_obj.css({left:"940px"});

                    image_obj.attr("src",ary[index]);

                    index++;

                    if(index >= ary.length){

                        index = 0;

                    }

                });



            }else{

                image_obj.animate({left:"0"},1000);

            }

        }

如上，我们写了一个图片移动的函数。

因为我们开始在body里面就写了两个图片进去，所以index定义等于2，我们需要移动的只是div里面的两个img,但是里面的图片会变化。每次移动后那个img空下来后就取一个数组里面的加进去。为了不加得无限多，一旦index大于等于数组长度，index就等于0，再重新开始。

$(function(){

            setInterval(function(){



                move_image($(".img1"));

                move_image($(".img2"));

            },2000);

        });

页面加载我们就可以进行上面的函数。

下面是效果图：

下面是完整的代码：

<!DOCTYPE html>

<html>

<meta charset="utf-8"/>

<head>

    <title></title>

    <style>

        *{

            margin:0;

            padding:0;

        }



        .img_div{

            width:940px;

            height:423px;

            border:1px solid red;

            position: relative;

            overflow: hidden;

        }





        .img_div .img1{

            position: absolute;

            top:0;

            left:0;

        }

        .img_div .img2{

            position: absolute;

            top:0;

            left:940px;

        }



    </style>

    <script src="../js/jquery-1.9.1.min.js">



    </script>

    <script>

        $(function(){

            setInterval(function(){



                move_image($(".img1"));

                move_image($(".img2"));

            },2000);

        });

        

        var ary = [

            "../image/img1.jpg",

            "../image/img2.jpg",

            "../image/img3.jpg",

            "../image/img4.jpg"

        ];

    var index = 2;

        function move_image(image_obj){

            if(parseInt(image_obj.css("left")) == 0){



                image_obj.animate({left:"-940px"},1000,function(){

                    image_obj.css({left:"940px"});

                    image_obj.attr("src",ary[index]);

                    index++;

                    if(index >= ary.length){

                        index = 0;

                    }

                });



            }else{

                image_obj.animate({left:"0"},1000);

            }

        }

    </script>

</head>

<body>



<div class="img_div">



    <img class="img1" src="../image/img1.jpg" />

    <img class="img2" src="../image/img2.jpg" />



</div>



</body>

</html>
View Code

以上是JQuery做的图片轮播，下面我再讲一下用CSS来做图片轮播：

css来写，首先在body里面写个div ，div里面写入移动的图片。

代码如下：

<body>

<div id="center-top-center">

        <div id="adanimation">

            <ul>

                <li><img src="ad01.jpg" width="100%" /></li>

                <li><img src="ad02.jpg" width="100%" /></li>

                <li><img src="ad03.jpg" width="100%" /></li>

                <li><img src="ad04.jpg" width="100%" /></li>

            </ul>

        </div>

</div>

</body>
View Code

然后就开始写CSS了。我写的是谷歌浏览器能适用的。写的代码如下：

 <style type="text/css">

        *{margin: 0px;padding: 0px;}

        #center-top-center{

            width: 670px;

        }

        #adanimation { width: 100%; overflow: hidden; position: relative; }

        #adanimation ul li { float: left; width: 25%; }

        #adanimation ul { width: 400%; -webkit-animation:adplayer 10s linear infinite;list-style-type: none }



        @-webkit-keyframes adplayer

        {

            from,25% { margin-left: 0px; }

            30%,50% { margin-left: -100%; }

            60%,75% { margin-left: -200%; }

            80%,100% { margin-left: -300%; }

        }



    </style>
View Code

效果图如下：

所有代码如下：

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="utf-8">

    <style type="text/css">

        *{margin: 0px;padding: 0px;}

        #center-top-center{

            width: 670px;

        }

        #adanimation { width: 100%; overflow: hidden; position: relative; }

        #adanimation ul li { float: left; width: 25%; }

        #adanimation ul { width: 400%; -webkit-animation:adplayer 10s linear infinite;list-style-type: none }



        @-webkit-keyframes adplayer

        {

            from,25% { margin-left: 0px; }

            30%,50% { margin-left: -100%; }

            60%,75% { margin-left: -200%; }

            80%,100% { margin-left: -300%; }

        }



    </style>

</head>

<body>

<div id="center-top-center">

        <div id="adanimation">

            <ul>

                <li><img src="ad01.jpg" width="100%" /></li>

                <li><img src="ad02.jpg" width="100%" /></li>

                <li><img src="ad03.jpg" width="100%" /></li>

                <li><img src="ad04.jpg" width="100%" /></li>

            </ul>

        </div>

</div>

</body>

</html>
View Code

 

你可能感兴趣的:(jquery图片轮播)

  • Normalize.css – 现代 Web 开发必备的 CSS resets weixin_33674976
    Normalize.css是一个可定制的CSS文件，使浏览器呈现的所有元素，更一致和符合现代标准。它正是针对只需要统一的元素样式。该项目依赖于研究浏览器默认元素风格之间的差异，精确定位需要重置的样式。这是一个现代的，HTML5-ready的CSS重置样式集。您可能感兴趣的相关文章12款经典的白富美型jQuery图片轮播插件精选12款优秀jQueryAjax分页插件和教程推荐35款精致的CSS3和H
  • 令人印象深刻的 jQuery 模态框插件 – iLightBox Jlins
    模态框能够把用户的注意力吸引到内容上，网络上有很多实现这样功能的插件。iLightBox是一个新的替代jQuery灯箱效果的插件，它可以显示图像，视频（YouTube，VIimeo，HTML5视频等）以及其它的HTML内容，有一个可选的全屏模式。您可能感兴趣的相关文章12款经典的白富美型jQuery图片轮播插件精心挑选的优秀jQueryAjax分页插件和教程精心挑选的优秀jQuery文本特效插件和
  • 关于bxslider插件在手机上滚动的问题 Shyla pluginsliderjquery插件
    发现并没有bxslider这个标签，是不是很少人用这个图片轮播插件？上个链接：bxslider这个jquery图片轮播插件个人一直沿用至今，不仅支持PC端对移动端也不错。用起来也方便：.html.jquery$('.bxslider').bxSlider({auto:true,controls:false,pagerType:'short',infiniteLoop:true});本地没问题，但是
  • JQ 实现轮播图（3D旋转图片轮播效果） weixin_30772261 phpxhtmljavascript
    轮播图效果如下:代码：jQuery图片轮播插件3D旋转图片轮播效果（支持滚轮）适用浏览器：360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.不支持IE8及以下浏览器。imageflow.js源码文件/*ImageFlowconstructor*/functionImageFlow(){/*Settingoptiondefaults*/this.defaults=
  • Javascript和jQuery WordPress 图片轮播插件， 内容滚动插件，前后切换幻灯片形式显示... weixin_30706507
    用于在有限的网页空间内展示一组产品图片或者照片，同时还有非常吸引人的动画效果。本文向大家推荐12款实用的jQuery图片轮播效果插件，帮助你在你的项目中加入一些效果精美的图片轮播效果，希望这些插件能够帮助到你。NivoSlider首先推荐的这款插件号称世界上最棒的图片轮播插件，有独立的jQuery插件和WordPress插件两个版本。目前下载量已经突破1,800,000次！jQuery独立版本的插
  • Jquery图片轮播（连续滚动+突出显示） ICY___ JQueryICY___的Jquery入门
    之前已经写过很多的图片轮播了，但以下这种还真的没想到过实现效果（图片来源于百度，侵权请与本人联系）主要原理：利用浮动特性和超出部分隐藏，动态改变第一张图的右偏移量，动态改变图片排列，实现轮播利用克隆，实现给大图的动态穿参，最终实现效果。代码如下：/*布局其实是有点痛苦的，自己调了好久，总会不理想*/*{margin:0;padding:0;}.block{position:relative;wid
  • 换个口味，去J一下jQuery图片轮播 菜花小噗噗
    js这个高冷大御姐小白们是不是hold不住呢？别怕，做人哪，虽然说要迎难而上，但是也不能空窗期太久不是，对身体不好不要吊死一颗树上，jquery这朵花其实也是很赞的到底怎么个美法呢？（嗷嗷嗷我的肖根我的一元我的bobo和Dr，纪念这仨是我掉了就没爬出来过的坑）思路：这个轮播呢，有三个点，自动轮播，右下方的五个点点和左右的两个方向键控制图片简单粗暴上代码：html：css:最最重要的jquery小镁
  • 超漂亮的jQuery图片轮播特效
    超漂亮的jQuery图片轮播特效，使用了插件jCarousel，很棒的jQuery插件，支持带缩略图左右切换，支持Ajax加载数据，响应式布局，支持移动端触屏，强大的API参数配置功能以及函数回调功能，支持自定义动画速度和动画模式，支持轮播方向定义，还是很不错的，推荐学习和使用。使用方法：1.加载jQuery和插件2.HTML内容‹›3.函数调用$(function(){$('.jcarousel
  • jquery图片轮播特效代码分享
    本文实例讲述了jquery图片轮播特效。分享给大家供大家参考。具体如下：这是一款仿淘宝首页jquery轮播焦点图，基于jquery实现仿淘宝网首页正中间小焦点图特效。运行效果图：-------------------查看效果下载源码-------------------小提示：浏览器中如果不能正常运行，可以尝试切换浏览模式。为大家分享的jquery图片轮播特效代码如下仿淘宝首页jquery轮播焦点
  • jQuery幻灯片带缩略图轮播效果代码分享
    这是一款基于jquery实现的底部带缩略图的幻灯片切换特效代码，幻灯片可以点击下方的缩略图切换，用户还可以自定义对应幻灯片的标题与文字说明，是一款非常实用的幻灯片特效源码。为大家分享的jQuery幻灯片带缩略图轮播代码如下带缩略图的jQuery幻灯片轮播效果一个海岛一片麦穗一树绿叶一棵大树一地葵花运行效果图：查看效果下载源码精彩专题分享：jQuery图片轮播JavaScript图片轮播Bootst
  • jQuery图片轮播滚动切换代码分享
    本文实例讲述了jQuery图片轮播滚动切换特效。分享给大家供大家参考。具体如下：jQuery图片轮播滚动切换代码是一款简单的jquery四张图片轮播滚动切换效果代码，实现过程很简单。运行效果图：-------------------查看效果下载源码-------------------小提示：浏览器中如果不能正常运行，可以尝试切换浏览模式。在head区域引入CSS样式：为大家分享的jQuery图片
  • jQuery实现图片轮播特效代码分享
    本文实例讲述了jQuery超精致图片轮播幻灯片特效。分享给大家供大家参考。具体如下：jquery图片轮播插件PgwSlider是一款非常简单的jquery插件，它可以帮你快速创建一个垂直轮播图。运行效果图：小提示：浏览器中如果不能正常运行，可以尝试切换浏览模式。（1）在head区域引入CSS样式：（2）js代码：$(document).ready(function(){$(document).re
  • jquery图片轮播切换 wx5c36b50e803d1 jquerY图片轮播
    使用方法js$(function(){varslideBox=$(".slideBox");varul=slideBox.find("ul");varoneWidth=slideBox.find("ulli").eq(0).width();varnum=slideBox.find(".spanBoxspan");varlength=$(".slideBoxulli").length;varleng
  • jQuery实现图片简单轮播功能示例 筱葭
    本文实例讲述了jQuery实现图片简单轮播功能。分享给大家供大家参考，具体如下：www.jb51.netjQuery图片轮播#frame{width:700px;height:300px;position:relative;}#img2,#img3{display:none;}.box{position:absolute;width:50px;height:50px;line-height:50p
  • 基于jQuery图片轮播 青春..荒唐 jquery
    阅读更多最近用到了图片轮播，经过测试后找到个不错的轮播代码。推荐两个网址:http://www.jq22.com/jquery-info13688www.jq22.com/jquery-info13688在这里分享下：其实原理就是一系列的大小相等的图片平铺，利用CSS布局显示若干图片，其余隐藏。通过计算偏移量利用定时器实现自动播放，或通过手动点击事件切换图片，控制点击事件时的宽度变化这里我写下手动
  • 关于bxslider插件在手机上滚动的问题 Shyla jquery插件sliderplugin
    发现并没有bxslider这个标签，是不是很少人用这个图片轮播插件？上个链接：bxslider这个jquery图片轮播插件个人一直沿用至今，不仅支持PC端对移动端也不错。用起来也方便：.html.jquery$('.bxslider').bxSlider({auto:true,controls:false,pagerType:'short',infiniteLoop:true});本地没问题，但是
  • jQuery图片轮播功能实例代码 yewook
    jquery轮播图代码如下所示：图片轮播*{margin:0px;padding:0px;}.one{float:left;position:relative;left:0px;top:0px;margin-left:10px;width:790px;height:340px;overflow:hidden;}.oneulli{list-style:none;}.photoul{float:lef
  • bootstrap实现图片自动轮播 Wake_me_Up123
    bootstrap图片自动轮播效果图：代码实现：#div1{width:600px;height:500px}PreviousNext精彩专题分享：jQuery图片轮播JavaScript图片轮播如果大家还想深入学习，可以点击这里进行学习，再为大家附3个精彩的专题：Bootstrap学习教程Bootstrap实战教程BootstrapTable使用教程Bootstrap插件使用教程以上代码可以实现
  • jQuery图片轮播（二）利用构造函数和原型创建对象以实现继承 陌路黄昏后
    上一篇文中完成的封装，还存在一个小问题，就是该轮播对象不能在同一页面中重复使用，本文将通过组合使用javascript的构造函数和原型模式创建对象来解决这个问题。没有看过上一篇文章的朋友可以点此查看上一篇文章(jQuery图片轮播实现并封装(一))首先回顾一下，上文的问题所在，上文中的carsouel对象是采用字面量的方式来定义的，这样carsouel本就是一个实例，想要使用在多处时，这个对象的方
  • jQuery图片轮播实现并封装(一) 陌路黄昏后
    利用面向对象自己动手写了一个封装好的jquery轮播对象，可满足一般需求，需要使用时只需调用此对象的轮播方法即可。demo：https://github.com/zsqosos/shopweb具体代码如下：HTML结构：>css样式：.banner{height:325px;width:812px;position:relative;overflow:hidden;}.bannerulli{pos
  • ghost4j PDF 转图片 zhaotian ghost4jThumbnails
    阅读更多之前项目采用pdf.js在支持html5的浏览器播放pdf运行的好好的，后台有反馈所有些用户打不开，后来发现会被杀毒软件拦截++，无赖，只好将pdf再转换为图片再使用jquery图片轮播插件在客户端播放。找资料时使用了itext等pdfjar包，发现有些pdf转换会出现失真的现象（图片丢失），最后采用ghost4j虚拟打印的方式转换才解决了失真的问题，下面贴转换代码，由于附件大于10M，只
  • jQuery图片轮播插件――前端开发必看 蜀北乔少恭
    还记得以前刚接触前端的时候，浏览各大网站，很多都少不了的有个轮播的效果，那个时候自己是一个彻彻底底的小白，想着这些图片滚动起来还真是有意思，是什么让这些图片在一个方向上连续的滚动呢。后来慢慢的接触多了，觉得这些也是soeasy的嘛，于是为了加深对js、jQuery的理解以及探究网站上各种效果的实现方法，就有了jQuery插件之路这样一个系列，当然为了纪念当初对轮播的执念，于是就从轮播开始写了一个小
  • 非常棒的jQuery图片轮播效果 Avenstar
    本文实例为大家分享了jQuery图片轮播效果，很个性，具体内容如下购物产品展示：图片轮播器，效果如下所示：思路说明：每隔一段时间，实现图片的自动切换及选项卡选中效果两个区域：最外层容器区域，如上图红色线框矩形选项卡区域两个事件：鼠标悬浮或鼠标划入mouseover鼠标离开mouseleave/**大屏广告滚动样式**/jQuery个性化图片轮播效果相约情人节全场119元起新款上线全场357元起愤怒
  • 轻量级jQuery插件slideBox实现带底栏轮播(焦点图)代码 李斌
    废话不多说了，直接给大家贴代码了，具体代码如下所示：jQuery图片轮播(焦点图)插件jQuery(function($){$('#demo1').slideBox();$('#demo2').slideBox({direction:'top',//left,top#方向duration:0.3,//滚动持续时间，单位：秒easing:'linear',//swing,linear//滚动特效de
  • 轻量级jQuery带底栏轮播(焦点图)插件slideBox cometwo jquery插件轮播图slideBox带底栏
    jQuery图片轮播(焦点图)插件 jQuery(function($){$('#demo1').slideBox();$('#demo2').slideBox({direction:'top',//left,top#方向duration:0.3,//滚动持续时间，单位：秒easing:'linear',//swing,linear//滚动特效delay:5,//滚动延迟时间，单位：
  • 精心挑选10款优秀的 jQuery 图片左右滚动插件 梦想天空（山边小溪）
    在现代的网页设计中，图片和内容滑块是一种极为常见和重要的元素。你可以从头开始编写自己的滑动效果，但是这将浪费很多时间，因为网络上已经有众多的优秀的jQuery滑块插件。当然，如果要从大量的jQuerySlider中挑选出适合自己的插件也是需要一些时间的。因此这篇文章给大家挑选了10款优秀的jQuerySlider插件，希望能帮助到你。您可能感兴趣的相关文章12款经典的白富美型jQuery图片轮播插
  • 15款jQuery带缩略图的图片轮播切换特效代码 紫杉雨 jquery缩略图图片轮播切换
    JQuery宽屏电影大图幻灯片轮播切换代码jquery带文字缩略图的图片轮播切换代码jQueryOwlCarousel图片滚动插件世界杯图片轮播滚动代码jQuery仿中国建设银行带缩略图控制滚动图片轮播切换jquery图片滑动切换效果左右按钮控制图片滑动轮播切换效果jQuery幻灯片插件可自动轮播和暂停的图片幻灯片代码jQuery带缩略图的焦点图代码_带标题的焦点图代码jquery图片轮播插件带小
  • 15款jQuery带缩略图的图片轮播切换特效代码 我是香菜啊 jquery缩略图图片轮播切换
    阅读更多JQuery宽屏电影大图幻灯片轮播切换代码jquery带文字缩略图的图片轮播切换代码jQueryOwlCarousel图片滚动插件世界杯图片轮播滚动代码jQuery仿中国建设银行带缩略图控制滚动图片轮播切换jquery图片滑动切换效果左右按钮控制图片滑动轮播切换效果jQuery幻灯片插件可自动轮播和暂停的图片幻灯片代码jQuery带缩略图的焦点图代码_带标题的焦点图代码jquery图片轮播
  • 15款jQuery带缩略图的图片轮播切换特效代码 我是香菜啊 jquery缩略图图片轮播切换
    阅读更多JQuery宽屏电影大图幻灯片轮播切换代码jquery带文字缩略图的图片轮播切换代码jQueryOwlCarousel图片滚动插件世界杯图片轮播滚动代码jQuery仿中国建设银行带缩略图控制滚动图片轮播切换jquery图片滑动切换效果左右按钮控制图片滑动轮播切换效果jQuery幻灯片插件可自动轮播和暂停的图片幻灯片代码jQuery带缩略图的焦点图代码_带标题的焦点图代码jquery图片轮播
  • 15款jQuery带缩略图的图片轮播切换特效代码 我是香菜啊 jquery缩略图图片轮播切换
    JQuery宽屏电影大图幻灯片轮播切换代码jquery带文字缩略图的图片轮播切换代码jQueryOwlCarousel图片滚动插件世界杯图片轮播滚动代码jQuery仿中国建设银行带缩略图控制滚动图片轮播切换jquery图片滑动切换效果左右按钮控制图片滑动轮播切换效果jQuery幻灯片插件可自动轮播和暂停的图片幻灯片代码jQuery带缩略图的焦点图代码_带标题的焦点图代码jquery图片轮播插件带小
  • Enum 枚举 120153216 enum枚举
    原文地址：http://www.cnblogs.com/Kavlez/p/4268601.html Enumeration 于Java 1.5增加的enum type...enum type是由一组固定的常量组成的类型，比如四个季节、扑克花色。在出现enum type之前，通常用一组int常量表示枚举类型。比如这样： public static final int APPLE_FUJI = 0
  • Java8简明教程 bijian1013 javajdk1.8
            Java 8已于2014年3月18日正式发布了，新版本带来了诸多改进，包括Lambda表达式、Streams、日期时间API等等。本文就带你领略Java 8的全新特性。  一.允许在接口中有默认方法实现         Java 8 允许我们使用default关键字，为接口声明添
  • Oracle表维护 快速备份删除数据 cuisuqiang oracle索引快速备份删除
    我知道oracle表分区，不过那是数据库设计阶段的事情，目前是远水解不了近渴。 当前的数据库表，要求保留一个月数据，且表存在大量录入更新，不存在程序删除。 为了解决频繁查询和更新的瓶颈，我在oracle内根据需要创建了索引。但是随着数据量的增加，一个半月数据就要超千万，此时就算有索引，对高并发的查询和更新来说，让然有所拖累。 为了解决这个问题，我一般一个月会进行一次数据库维护，主要工作就是备
  • java多态内存分析 麦田的设计者 java内存分析多态原理接口和抽象类
          “  时针如果可以回头，熟悉那张脸，重温嬉戏这乐园，墙壁的松脱涂鸦已经褪色才明白存在的价值归于记忆。街角小店尚存在吗？这大时代会不会牵挂，过去现在花开怎么会等待。       但有种意外不管痛不痛都有伤害，光阴远远离开，那笑声徘徊与脑海。但这一秒可笑不再可爱，当天心
  • Xshell实现Windows上传文件到Linux主机 被触发 windows
    经常有这样的需求，我们在Windows下载的软件包，如何上传到远程Linux主机上？还有如何从Linux主机下载软件包到Windows下；之前我的做法现在看来好笨好繁琐，不过也达到了目的，笨人有本方法嘛； 我是怎么操作的： 1、打开一台本地Linux虚拟机，使用mount 挂载Windows的共享文件夹到Linux上，然后拷贝数据到Linux虚拟机里面；（经常第一步都不顺利，无法挂载Windo
  • 类的加载ClassLoader 肆无忌惮_ ClassLoader
    类加载器ClassLoader是用来将java的类加载到虚拟机中，类加载器负责读取class字节文件到内存中，并将它转为Class的对象（类对象），通过此实例的 newInstance()方法就可以创建出该类的一个对象。   其中重要的方法为findClass(String name)。   如何写一个自己的类加载器呢？ 首先写一个便于测试的类Student
  • html5写的玫瑰花 知了ing html5
    <html> <head> <title>I Love You!</title> <meta charset="utf-8" /> </head> <body> <canvas id="c"></canvas>
  • google的ConcurrentLinkedHashmap源代码解析 矮蛋蛋 LRU
    原文地址： http://janeky.iteye.com/blog/1534352 简述 ConcurrentLinkedHashMap 是google团队提供的一个容器。它有什么用呢？其实它本身是对 ConcurrentHashMap的封装，可以用来实现一个基于LRU策略的缓存。详细介绍可以参见 http://code.google.com/p/concurrentlinke
  • webservice获取访问服务的ip地址 alleni123 webservice
    1. 首先注入javax.xml.ws.WebServiceContext, @Resource private WebServiceContext context; 2. 在方法中获取交换请求的对象。 javax.xml.ws.handler.MessageContext mc=context.getMessageContext(); com.sun.net.http
  • 菜鸟的java基础提升之道——————>是否值得拥有 百合不是茶
    1，c++，java是面向对象编程的语言，将万事万物都看成是对象；java做一件事情关注的是人物，java是c++继承过来的，java没有直接更改地址的权限但是可以通过引用来传值操作地址，java也没有c++中繁琐的操作，java以其优越的可移植型，平台的安全型，高效性赢得了广泛的认同，全世界越来越多的人去学习java，我也是其中的一员      java组成：
  • 通过修改Linux服务自动启动指定应用程序 bijian1013 linux
    Linux中修改系统服务的命令是chkconfig (check config)，命令的详细解释如下: chkconfig 功能说明：检查，设置系统的各种服务。 语　　法：chkconfig [ -- add][ -- del][ -- list][系统服务] 或 chkconfig [ -- level  <</SPAN>
  • spring拦截器的一个简单实例 bijian1013 javaspring拦截器Interceptor
    Purview接口 package aop; public interface Purview { void checkLogin(); } Purview接口的实现类PurviesImpl.java package aop; public class PurviewImpl implements Purview { public void check
  • [Velocity二]自定义Velocity指令 bit1129 velocity
    什么是Velocity指令 在Velocity中，#set,#if, #foreach, #elseif, #parse等，以#开头的称之为指令，Velocity内置的这些指令可以用来做赋值，条件判断，循环控制等脚本语言必备的逻辑控制等语句，Velocity的指令是可扩展的，即用户可以根据实际的需要自定义Velocity指令   自定义指令(Directive)的一般步骤 &nbs
  • 【Hive十】Programming Hive学习笔记 bit1129 programming
    第二章 Getting Started 1.Hive最大的局限性是什么？一是不支持行级别的增删改(insert, delete, update)二是查询性能非常差(基于Hadoop MapReduce）,不适合延迟小的交互式任务三是不支持事务2. Hive MetaStore是干什么的？Hive persists table schemas and other system metadata.
  • nginx有选择性进行限制 ronin47 nginx 动静　限制
    http { limit_conn_zone $binary_remote_addr zone=addr:10m; limit_req_zone $binary_remote_addr zone=one:10m rate=5r/s;... server {... location ~.*\.(gif|png|css|js|icon)$ {
  • java-4.-在二元树中找出和为某一值的所有路径 . bylijinnan java
    /* * 0.use a TwoWayLinkedList to store the path.when the node can't be path,you should/can delete it. * 1.curSum==exceptedSum:if the lastNode is TreeNode,printPath();delete the node otherwise
  • Netty学习笔记 bylijinnan javanetty
    本文是阅读以下两篇文章时： http://seeallhearall.blogspot.com/2012/05/netty-tutorial-part-1-introduction-to.html http://seeallhearall.blogspot.com/2012/06/netty-tutorial-part-15-on-channel.html 我的一些笔记 ===
  • js获取项目路径 cngolon js
    //js获取项目根路径，如： http://localhost:8083/uimcardprj function getRootPath(){     //获取当前网址，如： http://localhost:8083/uimcardprj/share/meun.jsp     var curWwwPath=window.document.locati
  • oracle 的性能优化 cuishikuan oracleSQL Server
       在网上搜索了一些Oracle性能优化的文章，为了更加深层次的巩固[边写边记]，也为了可以随时查看，所以发表这篇文章。     1.ORACLE采用自下而上的顺序解析WHERE子句，根据这个原理，表之间的连接必须写在其他WHERE条件之前，那些可以过滤掉最大数量记录的条件必须写在WHERE子句的末尾。（这点本人曾经做过实例验证过，的确如此哦！
  • Shell变量和数组使用详解 daizj linuxshell变量数组
    Shell 变量 定义变量时，变量名不加美元符号（$，PHP语言中变量需要），如： your_name="w3cschool.cc" 注意，变量名和等号之间不能有空格，这可能和你熟悉的所有编程语言都不一样。同时，变量名的命名须遵循如下规则： 首个字符必须为字母（a-z，A-Z）。 中间不能有空格，可以使用下划线（_）。 不能使用标点符号。 不能使用ba
  • 编程中的一些概念，KISS、DRY、MVC、OOP、REST dcj3sjt126com REST
    KISS、DRY、MVC、OOP、REST （1）KISS是指Keep It Simple,Stupid（摘自wikipedia），指设计时要坚持简约原则，避免不必要的复杂化。 （2）DRY是指Don't Repeat Yourself（摘自wikipedia），特指在程序设计以及计算中避免重复代码，因为这样会降低灵活性、简洁性，并且可能导致代码之间的矛盾。 （3）OOP 即Object-Orie
  • [Android]设置Activity为全屏显示的两种方法 dcj3sjt126com Activity
    1. 方法1：AndroidManifest.xml 里，Activity的 android:theme  指定为" @android:style/Theme.NoTitleBar.Fullscreen" 示例:   <application      
  • solrcloud 部署方式比较 eksliang solrCloud
    solrcloud 的部署其实有两种方式可选，那么我们在实践开发中应该怎样选择呢？ 第一种：当启动solr服务器时，内嵌的启动一个Zookeeper服务器，然后将这些内嵌的Zookeeper服务器组成一个集群。  第二种：将Zookeeper服务器独立的配置一个集群，然后将solr交给Zookeeper进行管理   谈谈第一种：每启动一个solr服务器就内嵌的启动一个Zoo
  • Java synchronized关键字详解 gqdy365 synchronized
    转载自：http://www.cnblogs.com/mengdd/archive/2013/02/16/2913806.html 多线程的同步机制对资源进行加锁，使得在同一个时间，只有一个线程可以进行操作，同步用以解决多个线程同时访问时可能出现的问题。 同步机制可以使用synchronized关键字实现。 当synchronized关键字修饰一个方法的时候，该方法叫做同步方法。 当s
  • js实现登录时记住用户名 hw1287789687 记住我记住密码cookie记住用户名记住账号
    在页面中如何获取cookie值呢? 如果是JSP的话,可以通过servlet的对象request 获取cookie,可以 参考:http://hw1287789687.iteye.com/blog/2050040 如果要求登录页面是html呢?html页面中如何获取cookie呢? 直接上代码了 页面:loginInput.html 代码: <!DOCTYPE html PUB
  • 开发者必备的 Chrome 扩展 justjavac chrome
    Firebug：不用多介绍了吧https://chrome.google.com/webstore/detail/bmagokdooijbeehmkpknfglimnifench ChromeSnifferPlus：Chrome 探测器，可以探测正在使用的开源软件或者 js 类库https://chrome.google.com/webstore/detail/chrome-sniffer-pl
  • 算法机试题 李亚飞 java算法机试题
           在面试机试时，遇到一个算法题，当时没能写出来，最后是同学帮忙解决的。        这道题大致意思是：输入一个数，比如4,。这时会输出：           &n
  • 正确配置Linux系统ulimit值 字符串 ulimit
    在Linux下面部 署应用的时候，有时候会遇上Socket/File: Can’t open so many files的问题；这个值也会影响服务器的最大并发数，其实Linux是有文件句柄限制的，而且Linux默认不是很高，一般都是1024，生产服务器用 其实很容易就达到这个数量。下面说的是，如何通过正解配置来改正这个系统默认值。因为这个问题是我配置Nginx+php5时遇到了，所以我将这篇归纳进
  • hibernate调用返回游标的存储过程 Supanccy2013 javaDAOoracleHibernatejdbc
    注：原创作品，转载请注明出处。     上篇博文介绍的是hibernate调用返回单值的存储过程，本片博文说的是hibernate调用返回游标的存储过程。     此此扁博文的存储过程的功能相当于是jdbc调用select 的作用。 1，创建oracle中的包，并在该包中创建的游标类型。 ---创建oracle的程
  • Spring 4.2新特性-更简单的Application Event wiselyman application
    1.1 Application Event Spring 4.1的写法请参考10点睛Spring4.1-Application Event 请对比10点睛Spring4.1-Application Event 使用一个@EventListener取代了实现ApplicationListener接口,使耦合度降低; 1.2 示例 包依赖 <p
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他