带有控制按钮的图片滚动

上一次写了一个图片自动滚动功能，没有左右按钮控制的功能。今天花了点时间，写了一个带有左右按钮控制的图片滚动效果。所谓自动滚动，原理就是周期性的执行一个效果。在js中，通常是用setInterval这个函数来执行的，setInterval(func,speed),func表示所要执行的函数，speed表示周期时间，通常用毫秒来表示。

先看一下效果图：

图片滚动

这里一共有5张图片，而现在为什么只显示4张呢？这里用了css的overflow属性控制一下，我们不可能把所有要滚动的图片都显示出来，那样滚动就毫无意义了，用户不要滚动，就可以看到所有的图片了，也影响页面图片的加载时间。所以要把一些图片隐藏起来。

overflow的作用就是子级的宽度超过了父级的宽度，那么子级超过的宽度为隐藏起来，当然内容也会隐藏起来。

.subBox {

    padding: 0;

    margin: 0 10px;

    width: 830px;

    overflow: hidden;

}



.subBox ul {

    width: 100000px;

}

还有一点要做到无间隙的滚动，子级的宽度很宽，可显示区域如果滚动完了，就会出现空白，这里也考虑到了这一点，解决的方式是：向左滚动，就把最后一张图片放到最前面去，向右滚动就把第一张图片放到后面去。

obj.find("li:last").prependTo(obj);//向左滚动

obj.find("li:first").appendTo(obj);//向右滚动

因为是自动滚动的，当用户向鼠标移到图片上时让他停止，这里就用到了clearInterval功能，表示停止周期性滚动

clearInterval(moving);

具体代码如下：

<!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=utf-8" />

<title>带有控制按钮的图片滚动</title>

<script src="jquery-1.7.min.js" type="text/javascript"></script>

<script type="text/javascript">

$(function(){

    var left = $("#left");

    var right = $("#right");

    var obj = $(".subBox ul");

    var w = obj.find("li").innerWidth();

    

    left.click(function(){

        obj.find("li:last").prependTo(obj);

        obj.css("margin-left",-w);

        obj.animate({"margin-left": 0});

    });

    

    right.click(function(){

        obj.animate({"margin-left": -w},function(){

            obj.find("li:first").appendTo(obj);

            obj.css("margin-left","0");

        });

    });

    

    var moving = setInterval(function(){left.click()},2000);

    

    obj.hover(function(){

        clearInterval(moving);

    },function(){

        moving = setInterval(function(){left.click()},2000);

    })

    

});

</script>

<style type="text/css">

* {

    margin: 0;

    padding: 0;

    list-style: none;

}



.box {

    margin: 10px auto;

    width: 880px;

    text-align: left;

}



.floatL {

    padding-top: 45px;

    float: left;

}



.subBox {

    padding: 0;

    margin: 0 10px;

    width: 830px;

    overflow: hidden;

}



.subBox ul {

    width: 100000px;

}



.subBox ul li {

    width: 210px;

    float: left;

}



</style>

</head>

<body>

<div class="box">

    <div class="floatL" id="left"><img src="left.gif" alt="" /></div>

    <div class="subBox floatL">

        <ul>

            <li><img src="0.jpg" alt="" /></li>

            <li><img src="1.jpg" alt="" /></li>

            <li><img src="2.jpg" alt="" /></li>

            <li><img src="3.jpg" alt="" /></li>

            <li><img src="4.jpg" alt="" /></li>

        </ul>

    </div>

    <div class="floatL" id="right"><img src="right.gif" alt="" /></div>

</div>

</body>

</html>

效果下载地址：demo下载

如有不足之处，还请大家提出宝贵意见，谢谢

你可能感兴趣的:(图片滚动)

  • JS特效第128弹：超流畅漂亮的图片3D旋转滚动JS特效代码 马coder html前端
    超流畅漂亮的图片3D旋转滚动JS特效代码，支持360度图片旋转滚动展示，非常适合产品图片滚动切换展示以及各种产品图片的场景应用，可上下图片倒置切换，滚动非常流畅，先来看看效果：一部分关键的代码如下：超流畅漂亮的图片3D旋转滚动JS特效代码-JS代码网*{margin:0;padding:0;list-style:none;}body{background:black;overflow:hidden
  • 分享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图片滚动时钟
  • 鼠标移到到图片，图片向上滑动预览效果 每天都进步一点点 jsJQ
    鼠标移到到图片，图片向上滑动预览效果//图片滚动$(document).ready(function(){functiontemplate($this,img_h,info_h){functionimg1_sin(){$this.find(".img1").find("img").stop(true,true).animate({top:-(img_h-info_h)},(img_h-info_h
  • 大年三十整理的asp.net资料！（不得不收藏） fanhgye JavaScriptASP.Net2.0asp.netsqlserverdatagrid数据库dotnetnukesql
    http://blog.csdn.net/mengyao/archive/2007/02/17/1511356.aspx使用SqlBulkCopy类加载其他源数据到SQL表在数据回发时，维护ASP.NETTree控件的位置vagerent的vs2005网站开发技巧ASP.NET2.0小技巧－－内部控件权限的实现图片滚动代码。css——之三行三列等高布局DatagirdTemplateColumn类
  • 【图片滚动加载】如何解决滚动触发大量事件导致加载性能差 音仔小瓜皮 Web学习笔记JavaScript学习笔记前端
    解决方向：1、节流：特定delay时间内，无法再触发相关功能函数的执行2、防抖：在节流的基础上，避免大量滚动触发事件导致相同的功能函数执行多次，因此设置timeout定时器，在等待执行的定时器有且仅有一个，delay时间后定时器中的内容执行完毕，定时器取消3、两者互相控制：由于有时候网络请求比较快，快于delay时间，那么仅仅使用节流函数，会导致为了满足delay长的等待时间而导致请求挂起；所以，
  • 各种图片滚动/无缝滚动/文字滚动/跑马灯效果/导航/手风琴效果/轮播 季夏梧桐 html前端
    各种图片滚动/无缝滚动/文字滚动/跑马灯效果/导航/手风琴效果各种图片滚动/无缝滚动/文字滚动/跑马灯效果/导航/手风琴效果/轮播-遇见你与你分享
  • 会声会影如何制作图片轮播的视频效果 老衲还俗在即
    当需要进行图片展示时，常常使用图片轮播的形式进行展示，这种效果很常见并且展示效果好，该怎么制作呢？接下来，小编就教大家用视频编辑软件会声会影2020制作图片轮播的视频效果。一、制作单张图片滚动效果图1：视频编辑软件导入素材如图1，首先在视频编辑软件中导入图片素材，将五张猫咪图片添加到覆叠轨1。这里小编选择的是可爱的猫咪图片，大家也可以选择人物的图片作为素材，最后成片效果也很不错。如图2，如果有的图
  • vue-seamless-scroll无缝循环滚动时二轮图片不渲染 可可豆-v vue.jshtml
    关于使用vue-seamless-scroll实现图片无缝循环滚动时出现第二轮图片需要第一轮图片滚动结束后才能渲染出来的问题。1、我遇到的问题很清楚，就是图片应该无缝循环滚动，但是必须得等前一轮图片彻底消失后第二轮图片才会渲染出来，问题就是这样2、看图开始以为时插件的问题，但人家作者都是合适的，所以肯定是自己的问题，经过实验，将elementui框架中对图片的用法改成了img标签，就合适了，写法就
  • html页面双击选中文字,css怎么设置双击不选中文字？ Tengfei Jiang html页面双击选中文字
    在双击左右箭头，快速切换图片滚动时，会经常双击，浏览器就会默认选中你双击的文本，这种感觉有点不太好。该如何取消双击选中文字呢？下面我们来看一下css设置双击不能选中文字的方法。css禁止双击页面选中文本可以使用user-select属性。css代码如下：div{-moz-user-select:none;/*火狐*/-webkit-user-select:none;/*webkit浏览器*/-ms
  • jQuery 实现无限滚动轮播图 纯粹的自己 案例jquery
    1、效果展示 视频演示  2、分析由上面这张图片，开始分析:1、图片怎么滚动？可以使图片滚动容器ul滚动，为其设置margin-left，再加上动画效果2、图片用什么来装呢？可以用li，将其设置为block，进行背景图的设置，并且将其浮动并排。（这里也可以在li中包含img标签）3、外层视觉窗口div用做些什么呢？因为外层视觉窗口是父级，那么为其设置overflow:hidden;这样视觉窗口每次
  • v-html 实现图片滚动懒加载 金州 htmljavascript前端css
    实现一个vue单页面滚动懒加载的插件开发工具用的HBuilderX1.先引入组件不然会报错在标签中加入v-lazy-container="{selector:'img'}"后续修改了一个问题（懒加载失效）加上这段css：没加之前：加了之后实现滚动加载：实现效果图可滚动加载：实现懒加载滚动效果完整代码如下：[v-cloak]{display:none;}img{display:block;/*由于源
  • php实现图片的翻滚,css实现图片滚动 - 我是希希呀的个人空间 - OSCHINA - 中文开源技术交流社区... 冰镐供应商 php实现图片的翻滚
    .box{width:440px;white-space:nowrap;overflow:auto;scroll-snap-type:xmandatory;}.boximg{scroll-snap-align:start;}从以上代码，已经可以：当滑动滚动条时，滑到下一张图片的一丢丢，就会平滑定位到下一张图片了scroll-snap-type作用就是确定是水平滚动定位，还是垂直滚动定位。none默
  • web前端js基础------制作滚动图片 搁浅小泽 前端javascript开发语言
    1，要求通过定时器使其出现滚动的效果可以通过按键控制图片滚动的方向（设置两个按钮绑定点击事件）当鼠标悬停时图片停止，鼠标离开时图片继续向前滚动（可以设置鼠标的悬停和离开事件）参考如下content.onmouseenter=function(){//设置鼠标悬停事件key="stop";}content.onmouseleave=function(){//设置鼠标离开事件key="run";}图片
  • CSS实现横向图片滚动播放 风下森林 前端css
    CSS实现横向图片滚动播放以下示例代码拷走即可放到html中即可查看滚动效果:(仅供学习参考),核心代码查看CSS部分ulli{margin-top:20px;}h4{text-align:left;}hr{width:100%;color:#987cb9;SIZE:1px}header{text-align:center;background-color:#00b4ff;}footer{text
  • vue + swiper 的正确使用姿势（附即插即用css、动态更新数据，使用建议） iamlujingtao #Vuevueswiper
    vue+swiper的正确使用姿势（附即插即用css、动态更新数据，使用建议）一、演示效果二、吐槽三、使用建议四、正式使用1、指定安装swiper3版本2、详细代码（具体请看注释）一、演示效果先看看成果，展示了常用的图片滚动样色，以及动态变更数据后插件响应跟新的效果二、吐槽从来没见过这么难用的插件！在结合vue使用情况下，我就想实现简单的图片滚动+数据变更插件响应更新的效果，然而折腾了一天！三、使
  • 心理测试 登泓听香
    请看图是动的还是静止的请看图线条是直的还是斜的请看有几个人像图请看图第一眼看到的是鸭子还是兔子请看图是静止的还是动态的第一眼看图像是女孩还是一个女巫请看图片里是什么请看图片里的白色点有没有黑色点闪动走迷宫从哪个出口出来看图片滚动的速度快慢
  • uni-app快速入门 Crassus
    常用API注意点如果是字符串的图片路劲使用'/'作为相对路劲image.png组件内部图片使用’@/‘image.png发送图片滚动image.png组件之间的通信父组件传递给子组件uni.on('方法名',()=>{//实现})image.pngVuex状态管理，集中式储存管理应用所有的组件状态，并以相应规则保证规则:State:存储状态数据Getter：从状态数据派生数据，相当于state的计
  • uniapp：文本/图片横向滚动播放（非swiper） Mosowe uniappuniapp文字滚动uniapp插件uniapp图片无缝滚动图片无缝滚动
    插件地址平台支持：APPH5微信小程序支付宝小程序百度小程序字节跳动小程序QQ小程序√√√未测未测未测未测插件功能支持文本/图片横向播放，点击选中，扫码体验注意：css样式需要开发者布局props:名称类型默认值说明版本listArray[]需要滚动的列表1.0.0typeStringtext可选：image，纯图片滚动1.0.0textKeyString文字key值1.0.0imageKeySt
  • uni-app 之 图片匀速滑动轮播，animation动画 jun_tong uni-appuni-apphtml
    uni-app之图片匀速滑动轮播，animation动画加个标题，嘎嘎嘎exportdefault{data(){return{}},}/***图片滚动*/.container{width:100%;height:260px;/*图片高度*/overflow:hidden;}.slider{width:200%;/*图片总宽度的两倍*/height:100%;display:flex;animat
  • PMP 第六章 项目进度管理 Leeson1989
    时间的特征：时间不等人、投入有上限、对谁都公平看板工具WIP（workinprocess）在制品图片看板系统特点：拉动式看板的六大核心实践1，可视化工作流程2，限制在制品（WIP）3，管理和度量流动4，显示化流程规则5，建立反馈环路6，协作式改进图片洋葱圈规划图片时间管理的过程图片具有未完项的迭代进度计划：未完成活动或持续性活动敏捷开发图片滚动式开发图片紧前关系绘图法（PDM）紧前关系绘图法（PD
  • Vue 实现图片监听，鼠标滚轮实现图片缩放功能，可拖拽 Wooofe。 vuevue.jsjavascript前端
    Vue实现图片监听，鼠标滚轮实现图片缩放功能，可拖拽其实想要实现功能很简单，就是在一张图片上监听鼠标滑轮滚动的事件，然后根据上滚还是下滚实现图片的缩放。其实就是这种效果：HTML代码：-->@mousewheel.prevent来监听鼠标滑轮滚动。没了，当鼠标在这个图片滚动滑轮的时候就会被这个时间监听到，然后就可以写自己的逻辑代码了。JS代码：//滚轮滑动gunlun(e){//letdirect
  • 【微信小程序创作之路】- 小程序常用页面样式 java小白冲刺者 前端vue微信小程序notepad++小程序
    【微信小程序创作之路】-小程序常用页面样式第四章微信小程序用页面样式文章目录【微信小程序创作之路】-小程序常用页面样式前言一、总体样式--全局样式and局部样式1.全局样式2.局部样式二、Flex布局rpx单位三、样式导入四、常用按钮样式五、图片插入六、图片轮播七、图片滚动八、条件渲染1.2.总结前言本章节主要讲解，小程序中常用样式，涉及到WXML和WXSS文件。例如：页面布局、整体样式、按钮、图
  • JS效果 - 无缝滚动/滚动加停顿 uiswengineer divtablefunctionscrollhtmlborder
    JS效果-无缝滚动/滚动加停顿js效果中的滚动效果应该也是我们在浏览页面中比较常见的一个效果，其中不乏有文字滚动、图片滚动等。在这里我将以循序渐进的方式向大家讲解其滚动方法和原理。首先请看效果图：‍其实做此效果是不需要添加滚动轴的，但是这样却更方便于我们了解方法原理。在叙述方法之前先介绍下此效果所用的一些属性。1、innerHTML：inner(里面，元素)，innerHTML是用来改变对象DH内
  • Uniapp中实战实现左右点击滚动功能 一淘模板 uni-appjavascript前端
    一淘模板56admin.com这里的uniapp是一款基于Vue.js的跨平台应用框架，可以同时开发iOS、Android、H5、小程序等多个平台的应用程序。其中，滚动操作在Uniapp中是一项很常见的操作，今天我们来讨论在Uniapp中如何实现左右点击滚动。一、背景介绍在Uniapp的实际应用中，我们常常会遇到需要在页面中实现左右滚动操作的需求。例如，移动端的导航菜单或者横向的图片滚动，都需要使
  • 大家都看短视频了，写文字还有意义吗？ 彭小六
    你好啊，我是小六。最近我身边很多自媒体的朋友都搅入了一股短视频的骚动中：◆还没开始的人，在纠结要不要做短视频，怎么做；◆已经在做的人，发现陷入了流量困境，苦苦在支撑。甚至一些从来不露脸的朋友，也以图片滚动+字幕的方式在做短视频。我这种坚持写文字的，也有了一个称号叫：“古典自媒体”。意思是倔强的只会写文字，不怎么拍短视频的自媒体。今天我们就聊聊这个话题：大家都在看短视频了，写文字还有意义吗？1我们一
  • vue项目中实现懒加载的方法 十二的故事
    当我们开始做一个项目时，不乏有些页面图片比较多，为了加速页面的加载速度，减轻浏览器的负担，所有很多时候我们需要将页面内未出现在可视区域内的图片先不加载，等到该图片滚动到可视区域后再去加载。这样子对于页面加载性能会有很大的提升，也提高了用户体验实现方法：使用vue中的vue-lazyload插件步骤：1.安装插件npminstallvue-lazy-load-S2.在项目的入口文件main.js中引
  • CSS3关于背景图片应用的总结 读心读书
    背景的基本属性background-color(背景颜色)background-image(背景图片)background-repeat(背景图片展示的方式)background-attachment(背景图片滚动还是固定)background-position(背景图片定位)简写为：background:background-colorbackground-imagebackground-rep
  • SuperSlide轮播插件滚动高度或宽度不对的问题解决 Deshun
    声明：本文由w3h5原创，转载请注明出处：《SuperSlide轮播插件滚动高度或宽度不对的问题解决》SuperSlide是一款比较实用的轮播插件，网站上常用的“焦点图/幻灯片”“Tab标签切换”“图片滚动”“无缝滚动”等都能实现，兼容包括IE6的绝大部分浏览器。但是作者写的教程复杂难懂，有时需要摸索好久才能实现效果。问题描述：而且会存在一些问题，没有考虑到。今天就遇到一个问题，轮播的滚动距离出现
  • 心理健康测试 登泓听香
    请看图是动的还是静止的请看图线条是直的还是斜的请看有几个人像图请看图第一眼看到的是鸭子还是兔子请看图是静止的还是动态的第一眼看图像是女孩还是一个女巫请看图片里是什么请看图片里的白色点有没有黑色点闪动走迷宫从哪个出口出来看图片滚动的速度快慢
  • web前段跨域nginx代理配置 刘正强 nginxcmsWeb
    nginx代理配置可参考server部分 server {         listen       80;         server_name  localhost;
  • spring学习笔记 caoyong spring
    一、概述     a>、核心技术 : IOC与AOP b>、开发为什么需要面向接口而不是实现     接口降低一个组件与整个系统的藕合程度，当该组件不满足系统需求时，可以很容易的将该组件从系统中替换掉，而不会对整个系统产生大的影响 c>、面向接口编口编程的难点在于如何对接口进行初始化,(使用工厂设计模式)
  • Eclipse打开workspace提示工作空间不可用 0624chenhong eclipse
    做项目的时候，难免会用到整个团队的代码，或者上一任同事创建的workspace， 1.电脑切换账号后，Eclipse打开时，会提示Eclipse对应的目录锁定，无法访问，根据提示，找到对应目录，G:\eclipse\configuration\org.eclipse.osgi\.manager，其中文件.fileTableLock提示被锁定。 解决办法，删掉.fileTableLock文件，重
  • Javascript 面向对面写法的必要性？ 一炮送你回车库 JavaScript
    现在Javascript面向对象的方式来写页面很流行，什么纯javascript的mvc框架都出来了：ember 这是javascript层的mvc框架哦,不是j2ee的mvc框架   我想说的是，javascript本来就不是一门面向对象的语言，用它写出来的面向对象的程序，本身就有些别扭，很多人提到js的面向对象首先提的是：复用性。那么我请问你写的js里有多少是可以复用的，用fu
  • js array对象的迭代方法 换个号韩国红果果 array
    1.forEach 该方法接受一个函数作为参数， 对数组中的每个元素 使用该函数  return 语句失效 function square(num) { print(num, num * num); } var nums = [1,2,3,4,5,6,7,8,9,10]; nums.forEach(square); 2.every 该方法接受一个返回值为布尔类型
  • 对Hibernate缓存机制的理解 归来朝歌 session一级缓存对象持久化
    在hibernate中session一级缓存机制中，有这么一种情况： 问题描述：我需要new一个对象，对它的几个字段赋值，但是有一些属性并没有进行赋值，然后调用 session.save()方法，在提交事务后，会出现这样的情况： 1：在数据库中有默认属性的字段的值为空 2：既然是持久化对象，为什么在最后对象拿不到默认属性的值？ 通过调试后解决方案如下： 对于问题一，如你在数据库里设置了
  • WebService调用错误合集 darkranger webservice
     Java.Lang.NoClassDefFoundError: Org/Apache/Commons/Discovery/Tools/DiscoverSingleton 调用接口出错， 一个简单的WebService import org.apache.axis.client.Call;import org.apache.axis.client.Service; 首先必不可
  • JSP和Servlet的中文乱码处理 aijuans Java Web
    JSP和Servlet的中文乱码处理 前几天学习了JSP和Servlet中有关中文乱码的一些问题，写成了博客，今天进行更新一下。应该是可以解决日常的乱码问题了。现在作以下总结希望对需要的人有所帮助。我也是刚学，所以有不足之处希望谅解。 一、表单提交时出现乱码： 在进行表单提交的时候，经常提交一些中文，自然就避免不了出现中文乱码的情况，对于表单来说有两种提交方式：get和post提交方式。所以
  • 面试经典六问 atongyeye 工作面试
    题记：因为我不善沟通，所以在面试中经常碰壁，看了网上太多面试宝典，基本上不太靠谱。只好自己总结，并试着根据最近工作情况完成个人答案。以备不时之需。 以下是人事了解应聘者情况的最典型的六个问题： 1 简单自我介绍 关于这个问题，主要为了弄清两件事，一是了解应聘者的背景，二是应聘者将这些背景信息组织成合适语言的能力。 我的回答：(针对技术面试回答，如果是人事面试，可以就掌
  • contentResolver.query()参数详解 百合不是茶 androidquery()详解
    收藏csdn的博客,介绍的比较详细,新手值得一看 1.获取联系人姓名 一个简单的例子，这个函数获取设备上所有的联系人ID和联系人NAME。 [java]  view plain copy   public void fetchAllContacts() {      
  • ora-00054:resource busy and acquire with nowait specified解决方法 bijian1013 oracle数据库killnowait
            当某个数据库用户在数据库中插入、更新、删除一个表的数据，或者增加一个表的主键时或者表的索引时，常常会出现ora-00054:resource busy and acquire with nowait specified这样的错误。主要是因为有事务正在执行（或者事务已经被锁），所有导致执行不成功。 1.下面的语句
  • web 开发乱码 征客丶 springWeb
    以下前端都是 utf-8 字符集编码 一、后台接收 1.1、 get 请求乱码 get 请求中，请求参数在请求头中； 乱码解决方法： a、通过在web 服务器中配置编码格式：tomcat 中，在 Connector 中添加URIEncoding="UTF-8"； 1.2、post 请求乱码 post 请求中，请求参数分两部份， 1.2.1、url？参数，
  • 【Spark十六】： Spark SQL第二部分数据源和注册表的几种方式 bit1129 spark
    Spark SQL数据源和表的Schema case class apply schema parquet json JSON数据源 准备源数据 {"name":"Jack", "age": 12, "addr":{"city":"beijing&
  • JVM学习之:调优总结 -Xms -Xmx -Xmn -Xss BlueSkator -Xss-Xmn-Xms-Xmx
      堆大小设置JVM 中最大堆大小有三方面限制：相关操作系统的数据模型（32-bt还是64-bit）限制；系统的可用虚拟内存限制；系统的可用物理内存限制。32位系统下，一般限制在1.5G~2G；64为操作系统对内存无限制。我在Windows Server 2003 系统，3.5G物理内存，JDK5.0下测试，最大可设置为1478m。典型设置： java -Xmx355
  • jqGrid 各种参数 详解(转帖) BreakingBad jqGrid
      jqGrid 各种参数 详解 分类：  源代码分享  个人随笔请勿参考  解决开发问题 2012-05-09 20:29   84282人阅读   评论(22)   收藏   举报 jquery 服务器 parameters function ajax string  
  • 读《研磨设计模式》-代码笔记-代理模式-Proxy bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.lang.reflect.InvocationHandler; import java.lang.reflect.Method; import java.lang.reflect.Proxy; /* * 下面
  • 应用升级iOS8中遇到的一些问题 chenhbc ios8升级iOS8
    1、很奇怪的问题，登录界面，有一个判断，如果不存在某个值，则跳转到设置界面，ios8之前的系统都可以正常跳转，iOS8中代码已经执行到下一个界面了，但界面并没有跳转过去，而且这个值如果设置过的话，也是可以正常跳转过去的，这个问题纠结了两天多，之前的判断我是在 -(void)viewWillAppear:(BOOL)animated  中写的，最终的解决办法是把判断写在 -(void
  • 工作流与自组织的关系？ comsci 设计模式工作
      目前的工作流系统中的节点及其相互之间的连接是事先根据管理的实际需要而绘制好的，这种固定的模式在实际的运用中会受到很多限制，特别是节点之间的依存关系是固定的，节点的处理不考虑到流程整体的运行情况，细节和整体间的关系是脱节的，那么我们提出一个新的观点，一个流程是否可以通过节点的自组织运动来自动生成呢？这种流程有什么实际意义呢？   这里有篇论文，摘要是：“针对网格中的服务
  • Oracle11.2新特性之INSERT提示IGNORE_ROW_ON_DUPKEY_INDEX daizj oracle
    insert提示IGNORE_ROW_ON_DUPKEY_INDEX 转自：http://space.itpub.net/18922393/viewspace-752123 在 insert into tablea ...select * from tableb中，如果存在唯一约束，会导致整个insert操作失败。使用IGNORE_ROW_ON_DUPKEY_INDEX提示，会忽略唯一
  • 二叉树:堆 dieslrae 二叉树
        这里说的堆其实是一个完全二叉树,每个节点都不小于自己的子节点,不要跟jvm的堆搞混了.由于是完全二叉树,可以用数组来构建.用数组构建树的规则很简单:     一个节点的父节点下标为: (当前下标 - 1)/2     一个节点的左节点下标为: 当前下标 * 2 + 1   &
  • C语言学习八结构体 dcj3sjt126com c
    为什么需要结构体，看代码 # include <stdio.h> struct Student //定义一个学生类型，里面有age, score, sex, 然后可以定义这个类型的变量 { int age; float score; char sex; } int main(void) { struct Student st = {80, 66.6,
  • centos安装golang dcj3sjt126com centos
    #在国内镜像下载二进制包 wget -c  http://www.golangtc.com/static/go/go1.4.1.linux-amd64.tar.gz tar -C /usr/local -xzf go1.4.1.linux-amd64.tar.gz   #把golang的bin目录加入全局环境变量 cat >>/etc/profile<
  • 10.性能优化-监控-MySQL慢查询 frank1234 性能优化MySQL慢查询
    1.记录慢查询配置 show variables where variable_name like 'slow%' ; --查看默认日志路径 查询结果：--不用的机器可能不同 slow_query_log_file=/var/lib/mysql/centos-slow.log 修改mysqld配置文件：/usr /my.cnf[一般在/etc/my.cnf，本机在/user/my.cn
  • Java父类取得子类类名 happyqing javathis父类子类类名
      在继承关系中，不管父类还是子类，这些类里面的this都代表了最终new出来的那个类的实例对象，所以在父类中你可以用this获取到子类的信息！   package com.urthinker.module.test; import org.junit.Test; abstract class BaseDao<T> { public void
  • Spring3.2新注解@ControllerAdvice jinnianshilongnian @Controller
    @ControllerAdvice，是spring3.2提供的新注解，从名字上可以看出大体意思是控制器增强。让我们先看看@ControllerAdvice的实现：   @Target(ElementType.TYPE) @Retention(RetentionPolicy.RUNTIME) @Documented @Component public @interface Co
  • Java spring mvc多数据源配置 liuxihope spring
    转自：http://www.itpub.net/thread-1906608-1-1.html 1、首先配置两个数据库 <bean id="dataSourceA" class="org.apache.commons.dbcp.BasicDataSource" destroy-method="close&quo
  • 第12章 Ajax（下） onestopweb Ajax
    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/
  • BW / Universe Mappings blueoxygen BO
      BW Element OLAP Universe Element Cube  Dimension Class Charateristic A class with dimension and detail objects (Detail objects for key and desription) Hi
  • Java开发熟手该当心的11个错误 tomcat_oracle java多线程工作单元测试
    #1、不在属性文件或XML文件中外化配置属性。比如，没有把批处理使用的线程数设置成可在属性文件中配置。你的批处理程序无论在DEV环境中，还是UAT（用户验收 测试）环境中，都可以顺畅无阻地运行，但是一旦部署在PROD 上，把它作为多线程程序处理更大的数据集时，就会抛出IOException，原因可能是JDBC驱动版本不同，也可能是#2中讨论的问题。如果线程数目 可以在属性文件中配置，那么使它成为
  • 推行国产操作系统的优劣 yananay windowslinux国产操作系统
    最近刮起了一股风，就是去“国外货”。从应用程序开始，到基础的系统，数据库，现在已经刮到操作系统了。原因就是“棱镜计划”，使我们终于认识到了国外货的危害，开始重视起了信息安全。操作系统是计算机的灵魂。既然是灵魂，为了信息安全，那我们就自然要使用和推行国货。可是，一味地推行，是否就一定正确呢？ 先说说信息安全。其实从很早以来大家就在讨论信息安全。很多年以前，就据传某世界级的网络设备制造商生产的交
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他