Nan_sun
Nan_sun

简单的轮播图


<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="Generator" content="EditPlus®">
        <meta name="Author" content="">
        <meta name="Keywords" content="">
        <meta name="Description" content="">
        <title>轮播图2title>
        <style>
            *{margin:0px;padding:0px;font-size:12px;color:#666;}
            li{list-style: none;}
            #warp{position:relative;width: 970px;height: 300px;margin:  50px auto;}
            #warp #box{position: relative;width: 970px;height: 270px;overflow: hidden;}

            #warp #box li{position: absolute;width: 0;height: 0;top: 135px;left: 485px;opacity:0;
                filter:alpha(opacity=0);}

            #warp #box li span{background: rgba(0,0,0,.4);filter:alpha(opacity=50);position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: block;}

            #warp #box li img{width: 100%;height: 100%;}

            #warp #box li.img1{width: 640px;height: 270px;left: 165px;top: 0px;z-index: 10;opacity: 1;filter:alpha(opacity=100);}
            #warp #box li.img2{ width:530px; height:220px; left:440px; top:25px; z-index:9;opacity:1;
                filter:alpha(opacity=100);}
            #warp #box li.img0{ width:530px; height:220px; left:0px; top:25px; z-index:9;opacity:1;
                filter:alpha(opacity=100);}

            #warp #box li.img3{ width:300px; height:150px; left:970px; top:60px; z-index:8;}
            #warp #box li.img9{ width:300px; height:150px; left:-300px; top:60px; z-index:8;}

            #warp #w-but .but{position:absolute;width: 45px;height: 45px;top: 50%;margin-top: -22px;z-index: 11;cursor: pointer;}
            #warp #w-but #w-b-left{left:10px;background: url(img/left.png);}
            #warp #w-but #w-b-right{right:10px;background: url(img/right.png);}

            #warp #tab{position: absolute;left: 50%;margin-left: -250px;bottom: 10px;}
            #warp #tab:after{content: '';display: block;clear: both;}
            #warp #tab li{width: 40px;height: 8px;margin: 0px 5px;float: left;background: rgba(0,0,0,.8);border-radius: 1px;cursor: pointer;}
            #warp #tab li.on{background: rgba(0,0,0,.1);}

        style> 
        <script type="text/javascript" src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js">script>
    head>
    <body>
        <div id="warp">
            <div id="box">
                <li class= "img1"><img src="img/1.jpg">li>
                <li class= "img2"><img src="img/2.jpg">li>
                <li class= "img3"><img src="img/3.jpg">li>
                <li class= ""><img src="img/4.jpg">li>
                <li class= ""><img src="img/5.jpg">li>
                <li class= ""><img src="img/6.jpg">li>
                <li class= ""><img src="img/7.jpg">li>
                <li class= "img8"><img src="img/8.jpg">li>
                <li class= "img9"><img src="img/9.jpg">li>
                <li class= "img0"><img src="img/10.jpg">li>
            div>
            <div id="w-but">
                <div id="w-b-left" class="but">div>
                <div id="w-b-right" class="but">div>
            div>
            <ul id="tab">
                <li class="on">li>
                <li>li>
                <li>li>
                <li>li>
                <li>li>
                <li>li>
                <li>li>
                <li>li>
                <li>li>
                <li>li>
            ul>
        div>

        <script>

        (function(){
            var $butLeft = $("#w-b-left");
            var $butRight = $("#w-b-right");

            var $li = $("#box li");
            $li.append("");
            $("#box li span").eq(0).css("display","none");
            //index 是为了 锁定当前的图片我抛锚点的下标。
            var index= 0;
            var $tabLi = $("#tab li");
            var arryW = [];var arryH = [];var arryL = [];var arryT = [];var arryO = [];var arryZ = [];var arryS = [];
            // timenow  和 timers是为了控制点击的时间间隔
            var timenow = 0;
            var timers = 0;
            //定义抛锚点的点击事件。

                $tabLi .on("click" , function(){

                    if (new Date()-timers>1  000) {


                        $(this).addClass('on').siblings().removeClass('on');
                        var nowIndex = $(this).index();
                        var i = nowIndex-index;

                        //如果是两个相邻的话
                        if (i == 1 || i == -($tabLi.length-1)) {
                            fn(true);
                            index = nowIndex;
                        }
                        if (i == -1) {
                            fn(false);
                            index = nowIndex;
                        }
                        //如果两个抛锚点不相邻的话：
                        else if (nowIndex != index) {

                            //将当前的css样式全部都保存下来。
                            $li.each(function(i){
                                arryW[i] = $(this).css("width");
                                arryH[i] = $(this).css("height");
                                arryL[i] = $(this).css("left");
                                arryT[i] = $(this).css("top");
                                arryO[i] = $(this).css("opacity");
                                arryZ[i] = $(this).css("z-index");
                                arryS[i] = $(this).find('span').css('display');
                            });

                            //将所有的元素全都怼回去
                            $li.each(function(){
                                $(this).animate({
                                    width : 0,
                                    left:"485px",
                                    top: "135px",
                                    opacity: 0,
                                    height : 0
                                },300);             
                            });

                            //就nowindex 的图片显示在中间。
                            $li.each(function(i){
                                //得到当前元素要调转之后的下表    但是有可能是负数也有可能是大于总下表的数  需要进行处理。

                                var a = i-(nowIndex-index);
                                if (a<0) {a += $li.length;}
                                if (a>=$li.length) {a -= $li.length;}

                                $(this).find("span").css('display' , arryS[a]);
                                $(this).css("zIndex" , arryZ[a]).animate({
                                    width:arryW[a],
                                    height:arryH[a],
                                    left:arryL[a],
                                    top:arryT[a],
                                    opacity:arryO[a]
                                },500);
                            });
                            index = nowIndex;
                        }   
                        timers = new Date();
                    }

                });


            /*切换图片的功能
                1.对所有的图片的状态进行保存。
                1.对所有的li 的状态经行更换  即是用的是前一个的css

            */
            function fn (x){

                $li.each(function(i){
                    arryW[i] = $(this).css("width");
                    arryH[i] = $(this).css("height");
                    arryL[i] = $(this).css("left");
                    arryT[i] = $(this).css("top");
                    arryO[i] = $(this).css("opacity");
                    arryZ[i] = $(this).css("z-index");
                    arryS[i] = $(this).find('span').css('display');
                });

                $li.each(function(i){
                    //判断点击的是那个按键
                    if (x) {
                        var a= i-1;
                        if (a<0) {a=$li.length-1;}
                    }else{
                        var a = i+1;
                        if (a == $li.length) {a = 0;}
                    }
                    $(this).find('span').css("display" , arryS[a]);
                    $(this).css("zIndex",arryZ[a]).animate({
                        width:arryW[a],
                        height:arryH[a],
                        left:arryL[a],
                        top:arryT[a],
                        opacity:arryO[a]
                    },500);
                });
            }

            //对right按钮添加点击事件
            $butLeft.on("click",function (){
                //这里的index是指在父级元素的的序号。
                if (new Date()-timenow>500) {
                    timenow = new Date();
                    index --;
                    if(index<0)index=$tabLi.length-1;
                    $tabLi.eq(index).addClass('on').siblings().removeClass('on');
                    fn($(this).index());
                }
            });
            //对left按钮添加点击事件
            $butRight.on("click",function (){
                if (new Date()-timenow>500) {
                    timenow = new Date();  
                    index ++;
                    index %= $tabLi.length;
                    $tabLi.eq(index).addClass('on').siblings().removeClass('on');
                    fn($(this).index());
                }           
            });
        })();
        script>
    body>
html>

你可能感兴趣的:(js特效)

  • JS特效第144弹：audio古典的胶片音乐播放器代码 马coder javascript开发语言ecmascript
    原生js基于audio属性制作简单的圆形胶片转动音乐播放器。这是一款古典唯美风格的胶片音乐播放代码，支持暂停，开始播放效果，先来看看效果：一部分关键的代码如下：全部代码：audio古典的胶片音乐播放器代码
  • JS特效第147弹：CSS3鼠标经过图片旋转放大特效 马coder javascriptcss3前端
    CSS3鼠标经过图片旋转放大特效是一款采用CSS3结合图片实现的鼠标悬停到图标上面旋转放大展示效果，先来看看效果：一部分关键的代码如下：CSS3鼠标经过图片旋转放大特效-php中文网*{margin:0px;padding:0px;}body{background:url("images/bodyBg.jpg");}#nav{width:980px;height:350px;margin:100p
  • JS特效第145弹：canvas画布3D的万花筒动画特效 马coder javascript3d开发语言
    html5基于canvas绘制3D酷炫的万花筒无限延伸动画特效，先来看看效果：一部分关键的代码如下：canvas画布3D的万花筒动画特效css-doodle{--color:@p(#51eaea,#fffde1,#ff9d76,#FB3569);--rule:(:doodle{@grid:30x1/18vmin;--deg:@p(-180deg,180deg);}:container{perspe
  • JS特效第141弹：jquery制作非常可爱的火箭筒返回顶部代码 马coder javascript开发语言ecmascript
    jquery星空火箭置顶，网页返回页面顶部，有动画效果，先来看看效果：一部分关键的代码如下：超可爱的星空火箭置顶jquery特效body{background:url(images/blog7year_videobg.png);}/*actGotop*/.actGotop{position:fixed;top:0;margin:480px000;right:50px;width:150px;hei
  • JS特效第139弹：卡片式的登录注册表单ui布局 马coder javascript前端开发语言
    jscss3制作登录/注册框表单动画切换，卡片式的登录和注册表单上下滑动切换布局特效，先来看看效果：一部分关键的代码如下：login/signupformanimation或注册注册或登录登录全部代码：卡片式的登录注册表单ui布局
  • JS特效第133弹：jQuery动态分页数据获取代码 马coder javascript开发语言ecmascript
    jQuery动态分页数据获取代码是一款动态数据获取插件，先来看看效果：一部分关键的代码如下：jQuery动态分页数据获取代码jQuery-PagingAuthor:  EzrealY首页上一页跳转下一页末页适用浏览器：360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.不支持IE8及以下浏览器。来源：PHP中文网全部代码：jQuery动态分页数
  • JS特效第135弹：雪花背景的登录页面 马coder 前端html
    集合了下雪背景、猫头鹰特效、翻转登录、信息提示、验证等功能，先来看看效果：一部分关键的代码如下：登录(function(){//trimpolyfill:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/Trimif(!String.prototype.trim){(fun
  • JS特效第132弹：canvas圆点分散光标跟随动画特效代码 马coder javascript开发语言ecmascript
    基于canvas制作跟随鼠标移动的彩色圆点粒子分散动画特效，先来看看效果：一部分关键的代码如下：*{margin:0;padding:0;}body{overflow:hidden;}canvas{background-color:black;transition:all.2s;}/**@type{HTMLCanvasElement}*///初始化画板constcanvas=document.qu
  • JS特效第127弹：jQuery带有歌曲列表的音乐播放器插件 马coder javascript开发语言ecmascript
    jQuery带有歌曲列表的音乐播放器插件，先来看看效果：一部分关键的代码如下：jQuery带歌曲列表的音乐播放器插件JessicaMillerwww.sucaihuo.com2,501Tweets158Following25,850Followersplaymutemaxvolume   UpdateRequiredToplaythemediayouwillneedt
  • JS特效第142弹：jQuery红色样式分页插件下载 马coder javascript开发语言ecmascript
    jQuery红色样式分页插件下载，红色的分页样式代码，带搜索的分页样式效果，先来看看效果：一部分关键的代码如下：jQuery红色样式分页插件下载$(".zxf_pagediv").createPage({pageNum:20,current:6,backfun:function(e){//console.log(e);//回调}});适用浏览器：IE8、360、FireFox、Chrome、Saf
  • JS特效第131弹：jQuery响应式下拉导航菜单插件megamenu 马coder javascript前端开发语言
    jQuery响应式下拉导航菜单插件megamenu，先来看看效果：一部分关键的代码如下：jQuery响应式下拉导航菜单插件megamenuHomeAboutSchoolLidershipHistoryLocationsCareersStudyUndergraduateMastersInternationalOnlineResearchUndergraduateresearchMastersrese
  • JS特效第137弹：jQuery仿空间留言时间轴特效 马coder javascript开发语言ecmascript
    jQuery仿空间留言时间轴特效，先来看看效果：一部分关键的代码如下：jQuery仿空间留言时间轴特效-php中文网*{margin:0;padding:0}body{font-size:14px;font-family:"微软雅黑";background:url("images/2.jpg")topno-repeat;background-attachment:fixed;z-index:0;b
  • JS特效第138弹：HTML5响应式banner 马coder javascript开发语言ecmascript
    HTML5响应式banner，先来看看效果：一部分关键的代码如下：HTML5响应式banner-php中文网MULTIPURPOSETHEMECRASJUSTOODIO,DAPIBUSACFACILISISREADMORELOREMIPSUMCRASJUSTOODIO,DAPIBUSACFACILISISREADMOREALESMAECENASCRASJUSTOODIO,DAPIBUSACFACI
  • JS特效第140弹：彩色光线跑出来canvas动画 马coder javascript前端开发语言
    基于canvas2D画布绘制彩色的光线条，妖气冲天动画特效，先来看看效果：一部分关键的代码如下：Wiggle全部代码：彩色光线跑出来canvas动画
  • JS特效第129弹：HTML5全屏粒子背景视差特效 马coder javascript开发语言ecmascript
    HTML5全屏粒子背景视差特效是一款基于HTML5Canvas制作的全屏网状粒子跟随鼠标视差背景动画特效，先来看看效果：一部分关键的代码如下：3D背景粒子3D动画背景粒子背景动画全部代码：HTML5全屏粒子背景视差特效
  • JS特效第130弹：jQuery在线答题考试系统代码 马coder javascriptjquery开发语言
    这是一款以答题卡为主，左边是题目，右边是答题卡的jQuery在线答题考试系统代码，先来看看效果：一部分关键的代码如下：jQuery在线答题考试系统下载-站长素材.hasBeenAnswer{background:#5d9cec;color:#fff;}01:40单选题共60题，合计60分1(1分)在生产管理信息系统中，下列操作步骤能正确将工单推进流程的是（）A.在工
  • JS特效第134弹：jQuery响应式全屏背景图片导航菜单特效 马coder javascript开发语言ecmascript
    jQuery响应式全屏背景图片导航菜单特效，先来看看效果：一部分关键的代码如下：jQuery响应式全屏背景图片导航菜单特效主页jQuery从1.4-2.1版本下载适用浏览器：360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.不支持IE8及以下浏览器。内容leanModal.js轻巧的弹出层插件设置wysiwyg微小的Bootstrap富文本编辑器bootstra
  • JS特效第128弹：超流畅漂亮的图片3D旋转滚动JS特效代码 马coder html前端
    超流畅漂亮的图片3D旋转滚动JS特效代码，支持360度图片旋转滚动展示，非常适合产品图片滚动切换展示以及各种产品图片的场景应用，可上下图片倒置切换，滚动非常流畅，先来看看效果：一部分关键的代码如下：超流畅漂亮的图片3D旋转滚动JS特效代码-JS代码网*{margin:0;padding:0;list-style:none;}body{background:black;overflow:hidden
  • JS特效第143弹：黑色胶带mp3音乐播放器特效 马coder javascript开发语言ecmascript
    jQuery和css3制作复古的黑色胶带音乐播放器，点击开始或暂停按钮播放。可修改audio里面的mp3链接地址即可使用，先来看看效果：一部分关键的代码如下：CassettePlayer全部代码：黑色胶带mp3音乐播放器特效
  • JS特效第136弹：响应式网页商品点击添加购物车 马coder javascript开发语言ecmascript
    JQuery+HTML5加入购物车代码，支持累加计价、响应式网页，先来看看效果：一部分关键的代码如下：jQuery漂亮的响应式网页商品点击添加购物车代码购物车BoxofmacaroonsAverydeliciousmacaroons...$19.99CherryStrawsAverydeliciousmacaroons...$34.99CoffeeMacaroonsAverydeliciousma
  • JS特效第146弹：canvas下雨的河道透明背景 马coder javascript开发语言ecmascript
    基于HTML5canvas2D画布绘制河道两边，漂泊大雨，水滴落下动画场景，这是一款透明的网页元素背景特效，先来看看效果：一部分关键的代码如下：河流降雨html,body{width:100%;height:100%;margin:0;padding:0;overflow:hidden;}.container{width:100％;height:100%;margin:0;padding:0;ba
  • 分享86个时间日期JS特效，总有一款适合您 记忆的小河 harmonyos
    分享86个时间日期JS特效，总有一款适合您86个时间日期JS特效下载链接：https://pan.baidu.com/s/1gHc6mzBwgZrZW3ARsRBcYw?pwd=8888提取码：8888Python采集代码下载链接：采集代码.zip-蓝奏云学习知识费力气，收集整理更不易。知识付费甚欢喜，为咱码农谋福利。js时间轴库jquery下拉选择日期效果横向时间轴-TimelineJSjque
  • 分享88个时间日期JS特效，总有一款适合您 记忆的小河 javascript前端
    分享88个时间日期JS特效，总有一款适合您88个时间日期JS特效下载链接：https://pan.baidu.com/s/16UhIi4d42AkUN5uj2oGFFw?pwd=8888提取码：8888Python采集代码下载链接：采集代码.zip-蓝奏云学习知识费力气，收集整理更不易。知识付费甚欢喜，为咱码农谋福利。选择日期的滑动块x效果APP日期选择器插件mobiscrollJavaScrip
  • 分享89个时间日期JS特效，总有一款适合您 记忆的小河 javascript前端
    分享89个时间日期JS特效，总有一款适合您89个时间日期JS特效下载链接：https://pan.baidu.com/s/127_keimOfy_AKrCNT4TQNA?pwd=8888提取码：8888Python采集代码下载链接：采集代码.zip-蓝奏云学习知识费力气，收集整理更不易。知识付费甚欢喜，为咱码农谋福利。精确到秒的时间控件仿美团酒店的日期插件效果easyui制作带农历的日历时间格式转
  • 分享76个时间日期JS特效，总有一款适合您 自动化新人 javascript前端
    分享76个时间日期JS特效，总有一款适合您76个时间日期JS特效下载链接：https://pan.baidu.com/s/1s7tPGT_ItK7dNK5_qbZkug?pwd=8888提取码：8888Python采集代码下载链接：采集代码.zip-蓝奏云学习知识费力气，收集整理更不易。知识付费甚欢喜，为咱码农谋福利。简易的中性时钟特效翻页倒计时ui特效逼真的卡西欧手表图形特效原生js图片滚动时钟
  • 分享76个时间日期JS特效，总有一款适合您 记忆的小河 javascript前端
    分享76个时间日期JS特效，总有一款适合您76个时间日期JS特效下载链接：https://pan.baidu.com/s/1s7tPGT_ItK7dNK5_qbZkug?pwd=8888提取码：8888Python采集代码下载链接：采集代码.zip-蓝奏云学习知识费力气，收集整理更不易。知识付费甚欢喜，为咱码农谋福利。简易的中性时钟特效翻页倒计时ui特效逼真的卡西欧手表图形特效原生js图片滚动时钟
  • 分享66个时间日期JS特效，总有一款适合您 记忆的小河 javascript
    分享66个时间日期JS特效，总有一款适合您66个时间日期JS特效下载链接：https://pan.baidu.com/s/1niQUpDSs10gfGYKYnEgKRg?pwd=8888提取码：8888Python采集代码下载链接：采集代码.zip-蓝奏云学习知识费力气，收集整理更不易。知识付费甚欢喜，为咱码农谋福利。html5带日期和动画场景的天气预报特效24小时在线时钟表盘特效css3罗马数字
  • 分享88个表单按钮JS特效，总有一款适合您 灬沙海灬 javascript
    分享88个表单按钮JS特效，总有一款适合您88个表单按钮JS特效下载链接：https://pan.baidu.com/s/1v-qcl8bv2kxZ8a98Xo9UAg?pwd=8888提取码：8888Python采集代码下载链接：采集代码.zip-蓝奏云学习知识费力气，收集整理更不易。知识付费甚欢喜，为咱码农谋福利。heatmap.js-Web动态热图插件jQuery调整表格宽度大小插件(col
  • 分享88个表单按钮JS特效，总有一款适合您 自动化新人 javascript
    分享88个表单按钮JS特效，总有一款适合您88个表单按钮JS特效下载链接：https://pan.baidu.com/s/1v-qcl8bv2kxZ8a98Xo9UAg?pwd=8888提取码：8888Python采集代码下载链接：采集代码.zip-蓝奏云学习知识费力气，收集整理更不易。知识付费甚欢喜，为咱码农谋福利。heatmap.js-Web动态热图插件jQuery调整表格宽度大小插件(col
  • 分享76个表单按钮JS特效，总有一款适合您 记忆的小河 javascript
    分享76个表单按钮JS特效，总有一款适合您76个表单按钮JS特效下载链接：https://pan.baidu.com/s/1CW9aoh23UIwj9zdJGNVb5w?pwd=8888提取码：8888Python采集代码下载链接：采集代码.zip-蓝奏云学习知识费力气，收集整理更不易。知识付费甚欢喜，为咱码农谋福利。input密码显示隐藏交互特效精美的立体开关按钮ui特效创意的开关按钮切换svg
  • 解线性方程组 qiuwanchi
    package gaodai.matrix; import java.util.ArrayList; import java.util.List; import java.util.Scanner; public class Test { public static void main(String[] args) { Scanner scanner = new Sc
  • 在mysql内部存储代码 annan211 性能mysql存储过程触发器
    在mysql内部存储代码 在mysql内部存储代码，既有优点也有缺点，而且有人倡导有人反对。 先看优点： 1 她在服务器内部执行，离数据最近，另外在服务器上执行还可以节省带宽和网络延迟。 2 这是一种代码重用。可以方便的统一业务规则，保证某些行为的一致性，所以也可以提供一定的安全性。 3 可以简化代码的维护和版本更新。 4 可以帮助提升安全，比如提供更细
  • Android使用Asynchronous Http Client完成登录保存cookie的问题 hotsunshine android
    Asynchronous Http Client是android中非常好的异步请求工具 除了异步之外还有很多封装比如json的处理，cookie的处理 引用 Persistent Cookie Storage with PersistentCookieStore This library also includes a PersistentCookieStore whi
  • java面试题 Array_06 java面试
    java面试题 第一，谈谈final, finally, finalize的区别。 final-修饰符（关键字）如果一个类被声明为final，意味着它不能再派生出新的子类，不能作为父类被继承。因此一个类不能既被声明为 abstract的，又被声明为final的。将变量或方法声明为final，可以保证它们在使用中不被改变。被声明为final的变量必须在声明时给定初值，而在以后的引用中只能
  • 网站加速 oloz 网站加速
    前序:本人菜鸟，此文研究总结来源于互联网上的资料，大牛请勿喷！本人虚心学习，多指教. 1、减小网页体积的大小，尽量采用div+css模式，尽量避免复杂的页面结构，能简约就简约。 2、采用Gzip对网页进行压缩；    GZIP最早由Jean-loup Gailly和Mark Adler创建，用于UNⅨ系统的文件压缩。我们在Linux中经常会用到后缀为.gz
  • 正确书写单例模式 随意而生 java 设计模式 单例
    　　单例模式算是设计模式中最容易理解，也是最容易手写代码的模式了吧。但是其中的坑却不少，所以也常作为面试题来考。本文主要对几种单例写法的整理，并分析其优缺点。很多都是一些老生常谈的问题，但如果你不知道如何创建一个线程安全的单例，不知道什么是双检锁，那这篇文章可能会帮助到你。 　　懒汉式，线程不安全 　　当被问到要实现一个单例模式时，很多人的第一反应是写出如下的代码，包括教科书上也是这样
  • 单例模式 香水浓 java
    懒汉  调用getInstance方法时实例化 public class Singleton { private static Singleton instance; private Singleton() {} public static synchronized Singleton getInstance() { if(null == ins
  • 安装Apache问题：系统找不到指定的文件 No installed service named "Apache2" AdyZhang apachehttp server
    安装Apache问题：系统找不到指定的文件 No installed service named "Apache2" 每次到这一步都很小心防它的端口冲突问题，结果，特意留出来的80端口就是不能用，烦。 解决方法确保几处： 1、停止IIS启动 2、把端口80改成其它 （譬如90，800，，，什么数字都好） 3、防火墙(关掉试试) 在运行处输入 cmd 回车，转到apa
  • 如何在android 文件选择器中选择多个图片或者视频？ aijuans android
    我的android app有这样的需求，在进行照片和视频上传的时候，需要一次性的从照片/视频库选择多条进行上传 但是android原生态的sdk中，只能一个一个的进行选择和上传。 我想知道是否有其他的android上传库可以解决这个问题，提供一个多选的功能，可以使checkbox之类的，一次选择多个 处理方法 官方的图片选择器(但是不支持所有版本的androi，只支持API Level
  • mysql中查询生日提醒的日期相关的sql baalwolf mysql
    SELECT sysid,user_name,birthday,listid,userhead_50,CONCAT(YEAR(CURDATE()),DATE_FORMAT(birthday,'-%m-%d')),CURDATE(),  dayofyear( CONCAT(YEAR(CURDATE()),DATE_FORMAT(birthday,'-%m-%d')))-dayofyear(
  • MongoDB索引文件破坏后导致查询错误的问题 BigBird2012 mongodb
    问题描述： MongoDB在非正常情况下关闭时，可能会导致索引文件破坏，造成数据在更新时没有反映到索引上。 解决方案：   使用脚本，重建MongoDB所有表的索引。 var names = db.getCollectionNames(); for( var i in names ){ var name = names[i]; print(name);
  • Javascript Promise bijian1013 JavaScriptPromise
            Parse JavaScript SDK现在提供了支持大多数异步方法的兼容jquery的Promises模式，那么这意味着什么呢，读完下文你就了解了。 一.认识Promises         “Promises”代表着在javascript程序里下一个伟大的范式，但是理解他们为什么如此伟大不是件简
  • [Zookeeper学习笔记九]Zookeeper源代码分析之Zookeeper构造过程 bit1129 zookeeper
       Zookeeper重载了几个构造函数，其中构造者可以提供参数最多，可定制性最多的构造函数是     public ZooKeeper(String connectString, int sessionTimeout, Watcher watcher, long sessionId, byte[] sessionPasswd, boolea
  • 【Java命令三】jstack bit1129 jstack
    jstack是用于获得当前运行的Java程序所有的线程的运行情况(thread dump），不同于jmap用于获得memory dump   [hadoop@hadoop sbin]$ jstack Usage: jstack [-l] <pid> (to connect to running process) jstack -F
  • jboss 5.1启停脚本　动静分离部署 ronin47
    以前启动jboss，往各种xml配置文件，现只要运行一句脚本即可。start nohup sh /**/run.sh -c servicename  -b ip -g  clustername   -u broatcast jboss.messaging.ServerPeerID=int  -Djboss.service.binding.set=p
  • UI之如何打磨设计能力? brotherlamp UIui教程ui自学ui资料ui视频
      在越来越拥挤的初创企业世界里，视觉设计的重要性往往可以与杀手级用户体验比肩。在许多情况下，尤其对于 Web 初创企业而言，这两者都是不可或缺的。前不久我们在《右脑革命：别学编程了，学艺术吧》中也曾发出过重视设计的呼吁。如何才能提高初创企业的设计能力呢?以下是 9 位创始人的体会。 1.找到自己的方式 如果你是设计师，要想提高技能可以去设计博客和展示好设计的网站如D-lists或
  • 三色旗算法 bylijinnan java算法
    import java.util.Arrays; /** 问题： 假设有一条绳子，上面有红、白、蓝三种颜色的旗子，起初绳子上的旗子颜色并没有顺序， 您希望将之分类，并排列为蓝、白、红的顺序，要如何移动次数才会最少，注意您只能在绳 子上进行这个动作，而且一次只能调换两个旗子。 网上的解法大多类似： 在一条绳子上移动，在程式中也就意味只能使用一个阵列，而不使用其它的阵列来
  • 警告:No configuration found for the specified action: \'s chiangfai configuration
    1.index.jsp页面form标签未指定namespace属性。 <!--index.jsp代码--> <%@taglib prefix="s" uri="/struts-tags"%> ... <s:form action="submit" method="post"&g
  • redis -- hash_max_zipmap_entries设置过大有问题 chenchao051 redishash
    使用redis时为了使用hash追求更高的内存使用率，我们一般都用hash结构，并且有时候会把hash_max_zipmap_entries这个值设置的很大，很多资料也推荐设置到1000，默认设置为了512，但是这里有个坑   #define ZIPMAP_BIGLEN 254 #define ZIPMAP_END 255     /* Return th
  • select into outfile access deny问题 daizj mysqltxt导出数据到文件
    本文转自：http://hatemysql.com/2010/06/29/select-into-outfile-access-deny%E9%97%AE%E9%A2%98/ 为应用建立了rnd的帐号，专门为他们查询线上数据库用的，当然，只有他们上了生产网络以后才能连上数据库，安全方面我们还是很注意的，呵呵。 授权的语句如下： grant select on armory.* to rn
  • phpexcel导出excel表简单入门示例 dcj3sjt126com PHPExcelphpexcel
    <?php error_reporting(E_ALL); ini_set('display_errors', TRUE); ini_set('display_startup_errors', TRUE);   if (PHP_SAPI == 'cli') die('This example should only be run from a Web Brows
  • 美国电影超短200句 dcj3sjt126com 电影
    1. I see． 我明白了。2. I quit! 我不干了!3. Let go! 放手!4. Me too． 我也是。5. My god! 天哪!6. No way! 不行!7. Come on． 来吧(赶快)8. Hold on． 等一等。9. I agree。 我同意。10. Not bad． 还不错。11. Not yet． 还没。12. See you． 再见。13. Shut up!
  • Java访问远程服务 dyy_gusi httpclientwebservicegetpost
        随着webService的崛起，我们开始中会越来越多的使用到访问远程webService服务。当然对于不同的webService框架一般都有自己的client包供使用，但是如果使用webService框架自己的client包，那么必然需要在自己的代码中引入它的包，如果同时调运了多个不同框架的webService，那么就需要同时引入多个不同的clien
  • Maven的settings.xml配置 geeksun settings.xml
    settings.xml是Maven的配置文件，下面解释一下其中的配置含义： settings.xml存在于两个地方： 1.安装的地方：$M2_HOME/conf/settings.xml 2.用户的目录：${user.home}/.m2/settings.xml 前者又被叫做全局配置，后者被称为用户配置。如果两者都存在，它们的内容将被合并，并且用户范围的settings.xml优先。
  • ubuntu的init与系统服务设置 hongtoushizi ubuntu
    转载自：  http://iysm.net/?p=178 init Init是位于/sbin/init的一个程序，它是在linux下，在系统启动过程中，初始化所有的设备驱动程序和数据结构等之后，由内核启动的一个用户级程序，并由此init程序进而完成系统的启动过程。 ubuntu与传统的linux略有不同，使用upstart完成系统的启动，但表面上仍维持init程序的形式。 运行
  • 跟我学Nginx+Lua开发目录贴 jinnianshilongnian nginxlua
    使用Nginx+Lua开发近一年的时间，学习和实践了一些Nginx+Lua开发的架构，为了让更多人使用Nginx+Lua架构开发，利用春节期间总结了一份基本的学习教程，希望对大家有用。也欢迎谈探讨学习一些经验。    目录 第一章 安装Nginx+Lua开发环境 第二章 Nginx+Lua开发入门 第三章 Redis/SSDB+Twemproxy安装与使用 第四章 L
  • php位运算符注意事项 home198979 位运算PHP&
    $a = $b = $c = 0; $a & $b = 1; $b | $c = 1  问a,b,c最终为多少?   当看到这题时，我犯了一个低级错误，误 以为位运算符会改变变量的值。所以得出结果是1 1 0 但是位运算符是不会改变变量的值的，例如： $a=1;$b=2; $a&$b;  这样a,b的值不会有任何改变
  • Linux shell数组建立和使用技巧 pda158 linux
    1.数组定义 　　[chengmo@centos5 ~]$ a=(1 2 3 4 5) 　　[chengmo@centos5 ~]$ echo $a 　　1 　　一对括号表示是数组，数组元素用“空格”符号分割开。 　　 2.数组读取与赋值 　　得到长度： 　　[chengmo@centos5 ~]$ echo ${#a[@]} 　　5 　　用${#数组名[@或
  • hotspot源码(JDK7) ol_beta javaHotSpotjvm
    源码结构图，方便理解：   ├─agent                            Serviceab
  • Oracle基本事务和ForAll执行批量DML练习 vipbooks oraclesql
    基本事务的使用： 从账户一的余额中转100到账户二的余额中去，如果账户二不存在或账户一中的余额不足100则整笔交易回滚 select * from account; -- 创建一张账户表 create table account( -- 账户ID id number(3) not null, -- 账户名称 nam
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他