jquery插件：fancybox

Fancybox的特点如下：

  1. 可以支持图片、html文本、flash动画、iframe以及ajax的支持
  2. 可以自定义播放器的CSS样式
  3. 可以以组的形式进行播放
  4. 如果将鼠标滚动插件（mouse wheel plugin）包含进来的话Fancybox还能支持鼠标滚轮滚动来翻阅图片
  5. Fancybox播放器支持投影，更有立体的感觉

使用方法：

1、引入jquery核心库和Fancybox插件库

 

1
2
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript" src="/fancybox/jquery.fancybox-1.3.4.pack.js"></script>

可选 - 如果需要用到fancy transition（一些动画效果）你还需要引入以下脚本

 

 

1
<script type="text/javascript" src="/fancybox/jquery.easing-1.4.pack.js"></script>

可选 - 如果需要支持鼠标滚轮滚动效果你还需要引入以下脚本

1
<script type="text/javascript" src="/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>

 

2、添加样式表文件

 

 

1
<link rel="stylesheet" href="/fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />
 
 
 
以下是一个实现小图缩放效果的例子：
复制代码 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
 <meta http-equiv="imagetoolbar" content="no"/>
 <title>FancyBox 1.3.1 | Demonstration</title>
 <script type="text/javascript" src="js/jquery-1.4.min.js"></script>    <!--调用jquery核心库----->
 <script type="text/javascript" src="js/jquery.mousewheel-3.0.2.pack.js"></script><!--调用可用鼠标控制的库-->
 <script type="text/javascript" src="js/jquery.fancybox-1.3.1.js"></script>
 <script type="text/javascript" src="js/pngobject.js"></script>      <!--correctly handle PNG transparency in Win IE 5.5 & 6.-->
  <link rel="stylesheet" href="style/style.css" type="text/css"/>
 <link rel="stylesheet" href="style/jquery.fancybox-1.3.1.css" type="text/css"/>
复制代码


 

复制代码 
<script type="text/javascript">
  $(document).ready(function() {
  /**
  运行的代码
  */

   $("a[rel=example_group]").fancybox({
    'transitionIn'  : 'fade',  //设置动画效果. 可以设置为 'elastic', 'fade' 或 'none'
    'transitionOut'  : 'fade',  //同上
    'titlePosition'  : 'over',  //设置标题显示的位置.可以设置成 'outside', 'inside' 或 'over'
    'titleFormat'  : function(title, currentArray, currentIndex, currentOpts) { //可以自定义标题的格式
     return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? ' &nbsp; ' + title : '') + '</span>';
    }
   });
   
<!-------------------------------------以下属于测试代码，不在此例子效果实现的代码内------------------------------------>   
    /*
   *   单独设置每个图片或文件的效果
   */

   $("a#example1").fancybox({
    'titleShow'  : true    //是否显示标题
   });

   $("a#example2").fancybox({
    'titleShow'  : true,
    'transitionIn' : 'elastic',
    'transitionOut' : 'elastic'
   });

   $("a#example3").fancybox({
    'titleShow'  : true,
    'transitionIn' : 'none',
    'transitionOut' : 'none'
   });

   $("a#example4").fancybox();

   $("a#example5").fancybox({
    'titlePosition' : 'outside'
   });

   $("a#example6").fancybox({
    'titlePosition' : 'outside'
   });

   /*
   *   设置id号为various效果
   */

   $("#various1").fancybox({
    'titlePosition'  : 'over',//标题显示的位置
    'transitionIn'  : 'none',
    'transitionOut'  : 'none'
   });

   $("#various2").fancybox();

   $("#various3").fancybox({
    'width'    : '75%',
    'height'   : '75%',
    'autoScale'   : false,
    'transitionIn'  : 'fade',
    'transitionOut'  : 'fade',
    'type'    : 'iframe'
    
   });

   $("#various4").fancybox({
    'padding'   : 0,
    'autoScale'   : false,  //如果为true，fancybox可以自适应浏览器窗口大小
    'transitionIn'  : 'none',
    'transitionOut'  : 'none'
   
   });
  });
 </script>
复制代码

 

复制代码 
</head>
<body>
<div id="content">
 <h4>jQuery FancyBox 实现点击小图显示大图</h4>
 <p>
  <a rel="example_group" href="example/4_b.jpg" title="Lorem ipsum dolor sit amet"><img alt="" src="example/4_s.jpg"/></a>

  <a rel="example_group" href="example/5_b.jpg" title=""><img alt="" src="example/5_s.jpg"/></a>

  <a rel="example_group" href="example/6_b.jpg" title=""><img alt="" src="example/6_s.jpg"/></a>
 </p>
 <p>
  <a rel="example_group" href="example/7_b.jpg" title="Lorem ipsum dolor sit amet"><img alt="" src="example/7_s.jpg"/></a>

  <a rel="example_group" href="example/8_b.jpg" title=""><img alt="" src="example/8_s.jpg"/></a>

  <a rel="example_group" href="example/9_b.jpg" title=""><img alt="" src="example/9_s.jpg"/></a>
 </p>
</div>
<div><p>&nbsp;</p></div>
</body>
</html>
复制代码

 


Fancybox的API和配置选项说明

属性名 默认值 简要说明
padding 10 浏览框内边距，和css中的padding一个意思
margin 20 浏览框外边距，和css中的margin一个意思
opacity false 如果为true，则fancybox在动画改变的时候透明度可以跟着改变
modal false 如果为true，则'overlayShow' 会被设成 'true' ， 'hideOnOverlayClick', 'hideOnContentClick', 'enableEscapeButton', 'showCloseButton' 会被设成 'false'
cyclic false 如果为true，相册会循环播放
scrolling 'auto' 设置overflow的值来创建或隐藏滚动条，可以设置成 'auto', 'yes', or 'no'
width 560 设置iframe和swf的宽度，如果 'autoDimensions'为 'false'，这也可以设置普通文本的宽度
height 340 设置iframe和swf的高度，如果 'autoDimensions'为 'false'，这也可以设置普通文本的高度
autoScale true 如果为true，fancybox可以自适应浏览器窗口大小
autoDimensions true 在内联文本和ajax中，设置是否动态调整元素的尺寸，如果为true，请确保你已经为元素设置了尺寸大小
centerOnScroll false 如果为true，当你滚动滚动条时，fancybox将会一直停留在浏览器中心
ajax { } 和jquery的ajax调用选项一样
注意: 'error' and 'success' 这两个回调事件会被fancybox重写
swf {wmode: 'transparent'} swf的设置选项
hideOnOverlayClick true 如果为true则点击遮罩层关闭fancybox
hideOnContentClick false 如果为true则点击播放内容关闭fancybox
overlayShow true 如果为true，则显示遮罩层
overlayOpacity 0.3 遮罩层的透明度（范围0-1）
overlayColor '#666' 遮罩层的背景颜色
titleShow true 如果为true，则显示标题
titlePosition 'outside' 设置标题显示的位置.可以设置成 'outside', 'inside' 或 'over'
titleFormat null 可以自定义标题的格式
transitionIn, transitionOut 'fade' 设置动画效果. 可以设置为 'elastic', 'fade' 或 'none'
speedIn, speedOut 300 fade 和 elastic 动画切换的时间间隔, 以毫秒为单位
changeSpeed 300 切换时fancybox尺寸的变化时间间隔（即变化的速度），以毫秒为单位
changeFade 'fast' 切换时内容淡入淡出的时间间隔（即变化的速度）
easingIn, easingOut 'swing' 为 elastic 动画使用 Easing
showCloseButton true 如果为true，则显示关闭按钮
showNavArrows true 如果为true，则显示上一张下一张导航箭头
enableEscapeButton true 如果为true，则启用ESC来关闭fancybox
onStart null 回调函数，加载内容是触发
onCancel null 回调函数，取消加载内容后触发
onComplete null 回调函数，加载内容完成后触发
onCleanup null 回调函数，关闭fancybox前触发
onClosed null 回调函数，关闭fancybox后触发

 

你可能感兴趣的:(jquery插件)

  • 适用于多种设备的的滑块幻灯片插件--jquery插件Swiper 吴杼恩 常用插件jquery插件Swiper
    今天为大家推荐一款支持多种设备（移动端，平板，pc端）的滑块幻灯片插。我测试的是ie7.下载后解压：在demos文件中有很多种常见的用法，根据自己的项目需要选择其中之一即可。下面是其中效果：使用方法1：引入jq库2：引入Swiper文件：3：引入Swipe基本样式：4：写入html：4.1：比较完整的html：左右箭头轮播图片轮播图片上的内容SlidewithHTMLYoucanputanyHTM
  • js 生成二维码 weixin_30519071 javascriptViewUI
    插件描述：jquery.qrcode.js是一个能够在客户端生成矩阵二维码QRCode的jquery插件，使用它可以很方便的在页面上生成二维条码。如何使用它将jquery.qrcode.min.js和jquery添加到您的网页中然后创建一个DOM元素去包含生成qr码。然后你在此容器中的添加qrcodejQuery('#qrcode').qrcode("http://www.jq22.com");【
  • jquery是干什么的--乐字节前端 dirft_din
    JQuery主要内容imageJquery对象jQuery是一套兼容多浏览器的javascript脚本库.核心理念是写得更少，做得更多，使用jQuery将极大的提高编写javascript代码的效率，帮助开发者节省了大量的工作，让写出来的代码更加优雅，更加健壮，"如虎添翼"。同时网络上丰富的jQuery插件也让我们的工作变成了"有了jQuery，一切soeasy。"--因为我们已经站在巨人的肩膀上
  • 学习之旅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，作为一种轻量级的
  • bootstrap与jQuery的优点与区别 传而习乎
    一、bootstrapBootstrap是基于HTML5和CSS3开发的，它在jQuery的基础上进行了更为个性化的完善，形成一套自己独有的网站风格，并兼容大部分jQuery插件。优点1.简单灵活可用于架构流行的用户界面和交互接口的html、css、javascript工具集。2.bootstrap提供了一套响应式、移动设备优先的流式栅格系统。它可以根据用户屏幕尺寸调整页面，使其在各个尺寸上都表现
  • jquery.lazyload-1.9.3中文文档 -- 延迟加载图片的jQuery插件 Leo_DLi Web前端jquerylazyload
    最近使用jquery.lazyload.js这个jQuery插件的时候,突然发现对这个插件相对全面的介绍不多.特别是对lazyload()方法中的配置选项的介绍少之又少.随即整理一份供大家参阅.说明:我使用的版本是1.9.3废话不多少,直接上代码:一,使用小DemoDemo#container{width:765px;margin:auto;}#containerimg{width:100%;}$
  • Bootstrap学习总结笔记（16）-- 基本插件之模态对话框 kikay Bootstrapbootstrap模态对话框
    Bootstrap自带了很多JQuery插件，给用户做前端开发提供了很大的方便。对于每一个插件，有2种引用方式：一是单独引用，即使用Bootstrap的单独*.js文件，这种方式需要注意的是一些插件和CSS组件可能依赖其他插件，所以单独引用的时候，需要弄清楚这种包含关系一并引用；二是直接引用完整的bootstrap.js或者压缩版的bootstrap.min.js，需要注意的是不能同时引用这2个文
  • 7、jQuery插件之uploadify文件上传(基于flash) sensus森森 jQueryflash上传插件
    Uploadify上传文件body{font:13pxArial,Helvetica,Sans-serif;}UploadifyDemo$(function(){$('#file_upload').uploadify({'formData':{'timestamp':'','token':''},'swf':'uploadify.swf',//该文件必须有的'uploader':'uploadif
  • 前端图表制作——HighCharts图表入门 eck_燃 前端图表数据可视化前端JavaScript
    HighCharts图表入门HighCharts的作用在JavaEE企业级项目开发中，很多项目都会用到数据的统计和图表的展示功能，如：各种股票系统，银行的资金结算，公司的财务报表，等等。如何快速高效的开发这些图表是一件麻烦的事。HighCharts可以非常方便的实现这个功能HighCharts是非常棒的一个jQuery插件，和大多数的浏览器都兼容。支持很多类型的图表。并且是动态的插件，你可以轻松在
  • 分享几个好用的前端网站 qq_48378883 javascript信息可视化开发语言
    1.echart图表demo集https://www.isqqw.com/2.json地图在线预览https://geojson.io/3.全国地图json数据https://www.poi86.com/4.jquery插件库https://www.jq22.com/5.jquery操作手册https://www.bejson.com/apidoc/jquery/index.html6.丰富的表格
  • 每日一题：封装 JavaScript源文件的全部内容到一个函数块有什么意义？ DHLSP15 每日一题javascript开发语言ecmascript
    封装JavaScript源文件的全部内容到一个函数块有什么意义？这是一个越来越普遍的做法，已被许多流行的JavaScript库（jQuery、Node.js等）采用。这种技术创建了一个围绕文件全部内容的闭包。最重要的是，创建了一个私有的命名空间，有助于避免不同JavaScript模块和库之间的命名冲突。这种技术的另一个特点是，允许把一个易于引用的（更短的）别名用于全局变量。例如：jQuery插件中
  • 前端网站推荐 好好哒 前端网站
    一、插件类网站jQuery插件库:http://www.jq22.com/最简单强大的插件框架:http://www.iopenworks.com/jQuery之家:http://www.htmleaf.com/经典模块化前端开发框架:http://www.layui.com/进阶攻略|前端最全的框架总结:http://www.jianshu.com/p/2a8ce7075d79二、图标类网站阿里
  • 07-JQuery插件应用 D丝学编程
    本教程主要以JqueryUI为例，简单介绍Jquery插件的使用。使用JQueryUI提供的基本功能，需要如下文件支持:(1)jquery-ui.css(2)jquery.js(3)jquery-ui.jsjqueryui主题风格:可以通过如下网站地址选择风格或者自定义https://jqueryui.com/themeroller/一、JqueryUI-AutocompleteJqueryUI-
  • jQuery插件elevateZoom简单使用 不知道取个什么昵称不如娶个媳妇
    elevateZoom其实很强大，但是，如果你的网速不给力，就会出现卡顿问题，这一点深有体会。屁话就说这么多。现在开始开车，前排的乘客注意系好安全带，呸。。。传送门网速慢卡就不要打开了，浪费时间elevateZoom是一个jquery插件，所以要依赖jquery才能使用，敲黑板划重点。上代码：$("#img-big").elevateZoom({gallery:'small',//注意相关dom元
  • asp.net+js+ajax实现手机移动端页面预览、剪裁、上传头像图片 公西雒 移动端预览剪裁上传头像
    参考资料：支持移动设备触摸图片裁剪的jQuery插件移动端html测试html-->修改取消确定//document.addEventListener('touchmove',function(e){e.preventDefault();},false);$("#clipArea").photoClip({width:80,height:80,file:"#imgFaceUrl",view:"#v
  • jquery.LoadImage.js 预加载图片 love_燕子 前端技术
    jquery插件预加载图片在线的项目图片比较多，没有办法一次加载完成，所以使用预加载，先加载一个旋转的gif图片然后等图片加载完成后显示引入jquery类库引入jquery.LoadImage.js在head中添加$(function(){$(".mainimg").LoadImage(true,800,600,"images/loading.gif");});注意一定要把该js放到head中，不
  • jquery插件开发 简介 交大小丑
    jQuery插件开发精品教程，让你的jQuery提升一个台阶-刘哇勇-博客园http://www.cnblogs.com/Wayou/p/jquery_plugin_tutorial.html深入理解jQuery插件开发-文章-伯乐在线http://blog.jobbole.com/30550/
  • 自定义浏览器滚动条 xilong
    1、自己手动实现这里有一篇文章写的挺好的https://blog.csdn.net/suwu150/article/details/78923390（suwu150博客）2、jQuery插件如果使用jQuery，则有插件jquery-custom-content-scroller3、vue插件Vuebar官网地址：http://github.serafin.io/vuebar/
  • jQuery实现自定义轮播图插件 觉醒法师 JavaScriptjqueryjavascript前端
    一、通过别名$.fn进行引用，开发jQuery插件/***轮播图*@constructor*/$.fn.Sliders=function(){//dosomething...}二、内部功能实现/***轮播图*@constructor*@paramsoptions参数*/$.fn.Sliders=function(options){var_TYPES_={INNER:"INNER",//替换原内容L
  • 选择年-月-日的JQuery插件，界面简洁优美，接口简单 henry技术探索记录员
    由于工作需要，需要一个选择年-月-日的插件。在网上找了很多插件库，这些日期选择插件，要不就是界面复杂，不好操作；要不就是接口复杂；甚至有bug。于是用半天时间，自己实现了一个基于JQuery的简单的日期选择插件，界面简洁优美，接口简单好用。使用方法非常简单1.在Html中导入接口文件：image2.调出日期选择插件的input控件的用法：image3.外部唯一需要调用的接口：image4.创建日期
  • vue中实现html页面导出word和pdf的办法 阿祥是刺刺
    导出word1.使用预先写好的与html相似的word文档模板，将用户输入的数据与读取出来的模板结合生成指定名称的docx文件vue+elementUI导出数据为word文档2.使用Jquery插件和file-save来生成word文档vue前端导出word、excel、pdf导出pdf1.使用html2canvas和JsPDF来生成pdf文件html2canvas生成截图后，用JsPDF转为pd
  • 使用jsDeliver+github搭建免费的cdn 42c64edf12e9
    前言:国内加载github的资源比较慢，需要使用CDN加速来优化网站打开速度，于是使用jsDeliver+github搭建免费的cdn。jsDelivr是一个免费开源的CDN解决方案，用于帮助开发者和站长。包含JavaScript库、jQuery插件、CSS框架、字体等等Web上常用的静态资源。写给小白的,懂的前面可以略过npmNPM是JavaScript的包管理器，也是世界上最大的软件注册中心。
  • 10个比较有用的jQuery插件 尚硅谷铁粉 前端jqueryjQuery插件
    jQuery是简化了HTML文档遍历、事件处理、动画和Ajax交互最快、最简洁的JavaScript库。随着越来越多的jQuery插件出现，开发者们可以很轻易地将所需要的组件整合进他们的导航菜单、logo、表格化布局、简短的文本，使其拥有指定的大小或是为其创建一系列的滑动效果，以迎合网站的主题。jQuery的出现丰富了网页的应用和开发，促使了多功能、视觉效果绚丽的网站的出现。在本文中，我们将为开发
  • jquery插件 （jquery之家）的使用案列，（瀑布流的使用）非常简单 一只小阿乐 笔记jqueryajax
    在我们使用这个插件的时候，我们只需要打开这个网址，非常优秀的一个jquery插件库jQuery库_jQuery之家-自由分享jQuery、html5、css3的插件库使用这个插件库1.先引入js和css文件2引入HTML结构3继续复制一些js代码，管理这个图片的方式然后使用就完毕了
  • 微信公众账号开发利器 - jQuery WeUI V0.6.0 发布 lihongxun945 jquery微信UIjquery-weuweui
    jQueryWeUI是一个专门为对微信公众账号开发的一套UI库，它包含了WEUI的全部组件，另外还拓展了大量的常用组件，包括下拉刷新、滚动加载、日历、select等。jQueryWeUI所有的组件都是标准的jQuery插件，所以上手没有任何难度，也可以和Angular、React等其他框架结合使用。目前包括按钮、列表、对话框、日历等20+个常用组件。本次改动主要是：增加了Select和Popup两
  • jquery插件页面滚动元素进入视口触发动画jquery-aniview weixin_33724059 javascriptpythonViewUI
    2019独角兽企业重金招聘Python工程师标准>>>animate.css+jquery-aniviewAnimate.cssAnimate.css是一个跨浏览器的css3动画库，兼容性很好。官网：https://daneden.github.io/animate.css/。1首先引入animate.css文件2给元素加上指定给的动画样式名这里包括两个class名，第一个是基本的，必须添加的样式
  • 解决视口动画插件jquery.aniview.js使用animate.css时无效的问题（最新版本网页视口动画插件的使用及没作用、没反应） 暂时先用这个名字 前端javascriptjquerycssaniviewanimate视口动画网站
    当网站页面元素进入视口时自动应用过渡效果。CSS过渡效果可以为网页添加动画效果，并提供了一种平滑的转换方式，使元素的变化更加流畅和生动。而通过jQuery插件来获取页面滚动位置决定合适调用动画效果。一、官网animate.css官网一款强大的预设css3动画库，也是实现视口动画功能的核心，各种动作名称都从此链接内找。以下为部分动画对应的中文。fade:{title:'淡入淡出',fadeIn:'淡
  • Jquery插件导出word之---html-docx.js chibimarukochan web前端html-docx.js
    下载地址：链接：https://pan.baidu.com/s/1e7zh8pXhR5h_obipuaq3zA密码：i4pg使用方法：//.dts文件中：declarenamespacehtmlDocx{exportfunctionasBlob(content:string);}//.ts中引入：/////html页面：letconverted=htmlDocx.asBlob(downConten
  • jquery控制css3动画 列表,10款jQuery/CSS3动画应用 超实用 草头余 jquery控制css3动画列表
    本文作者html5tricks，转载请注明出处这次我们要带来10款最新的jQuery/CSS3动画应用，这里有不少1、jQuery/CSS3书本翻页动画特效多功能选项支持这是一款基于jQuery和CSS3的书本翻页动画特效，该书本翻页插件的外观非常华丽喜庆，非常适合产品活动或者育儿网站使用。我们可以点击左右翻页按钮进行翻页，也可以使用鼠标拖拽页脚来实现翻页动画。这是个jQuery插件，因此兼容性还
  • 微信小程序九宫格抽奖和转盘抽奖的实现 爱唱歌的前端 微信小程序微信小程序九宫格抽奖的实现微信小程序转盘抽奖的实现微信小程序实现九宫格抽奖微信小程序实现转盘抽奖微信小程序常用的抽奖方式
    描述：最近在工作中遇到了小程序抽奖的一些页面制作，以前制作网页抽奖的时候，在jQuery插件库谁便找一个Demo就可以满足我们的需求了，自己动手写的话不仅会拖慢项目进度，而且写出来的也未必有别人的那么流畅自然。而在小程序中我们就没有这么幸福了(ಥ﹏ಥ)，并没有丰富的插件库供给我们使用，所以该写的还得自己动手写。好了，下面是常见的两种抽奖方式：九宫格和转盘，在实际项目中用的还不错，分享给大家。一、九
  • JAVA中的Enum 周凡杨 javaenum枚举
    Enum是计算机编程语言中的一种数据类型---枚举类型。 在实际问题中，有些变量的取值被限定在一个有限的范围内。     例如，一个星期内只有七天 我们通常这样实现上面的定义： public String monday; public String tuesday; public String wensday; public String thursday
  • 赶集网mysql开发36条军规 Bill_chen mysql业务架构设计mysql调优mysql性能优化
    (一)核心军规 (1)不在数据库做运算    cpu计算务必移至业务层； (2)控制单表数据量    int型不超过1000w，含char则不超过500w；    合理分表；    限制单库表数量在300以内； (3)控制列数量    字段少而精，字段数建议在20以内
  • Shell test命令 daizj shell字符串test数字文件比较
    Shell test命令 Shell中的 test 命令用于检查某个条件是否成立，它可以进行数值、字符和文件三个方面的测试。 数值测试 参数 说明 -eq 等于则为真 -ne 不等于则为真 -gt 大于则为真 -ge 大于等于则为真 -lt 小于则为真 -le 小于等于则为真 实例演示： num1=100 num2=100if test $[num1]
  • XFire框架实现WebService(二) 周凡杨 javawebservice
       有了XFire框架实现WebService(一)，就可以继续开发WebService的简单应用。 Webservice的服务端(WEB工程)： 两个java bean类： Course.java    package cn.com.bean; public class Course {     private
  • 重绘之画图板 朱辉辉33 画图板
           上次博客讲的五子棋重绘比较简单，因为只要在重写系统重绘方法paint（）时加入棋盘和棋子的绘制。这次我想说说画图板的重绘。        画图板重绘难在需要重绘的类型很多，比如说里面有矩形，园，直线之类的，所以我们要想办法将里面的图形加入一个队列中，这样在重绘时就
  • Java的IO流 西蜀石兰 java
    刚学Java的IO流时，被各种inputStream流弄的很迷糊，看老罗视频时说想象成插在文件上的一根管道，当初听时觉得自己很明白，可到自己用时，有不知道怎么代码了。。。 每当遇到这种问题时，我习惯性的从头开始理逻辑，会问自己一些很简单的问题，把这些简单的问题想明白了，再看代码时才不会迷糊。 IO流作用是什么？ 答：实现对文件的读写，这里的文件是广义的； Java如何实现程序到文件
  • No matching PlatformTransactionManager bean found for qualifier 'add' - neither 林鹤霄
    java.lang.IllegalStateException: No matching PlatformTransactionManager bean found for qualifier 'add' - neither qualifier match nor bean name match!   网上找了好多的资料没能解决，后来发现：项目中使用的是xml配置的方式配置事务，但是
  • Row size too large (> 8126). Changing some columns to TEXT or BLOB aigo column
    原文：http://stackoverflow.com/questions/15585602/change-limit-for-mysql-row-size-too-large   异常信息： Row size too large (> 8126). Changing some columns to TEXT or BLOB or using ROW_FORMAT=DYNAM
  • JS 格式化时间 alxw4616 JavaScript
    /** * 格式化时间 2013/6/13 by 半仙 [email protected] * 需要 pad 函数 * 接收可用的时间值. * 返回替换时间占位符后的字符串 * * 时间占位符:年 Y 月 M 日 D 小时 h 分 m 秒 s 重复次数表示占位数 * 如 YYYY 4占4位 YY 占2位<p></p> * MM DD hh mm
  • 队列中数据的移除问题 百合不是茶 队列移除
         队列的移除一般都是使用的remov();都可以移除的,但是在昨天做线程移除的时候出现了点问题,没有将遍历出来的全部移除,  代码如下;      // package com.Thread0715.com; import java.util.ArrayList; public class Threa
  • Runnable接口使用实例 bijian1013 javathreadRunnablejava多线程
    Runnable接口 a.       该接口只有一个方法：public void run(); b.       实现该接口的类必须覆盖该run方法 c.       实现了Runnable接口的类并不具有任何天
  • oracle里的extend详解 bijian1013 oracle数据库extend
    扩展已知的数组空间，例： DECLARE TYPE CourseList IS TABLE OF VARCHAR2(10); courses CourseList; BEGIN -- 初始化数组元素，大小为3 courses := CourseList('Biol 4412 ', 'Psyc 3112 ', 'Anth 3001 '); --
  • 【httpclient】httpclient发送表单POST请求 bit1129 httpclient
    浏览器Form Post请求 浏览器可以通过提交表单的方式向服务器发起POST请求，这种形式的POST请求不同于一般的POST请求 1. 一般的POST请求，将请求数据放置于请求体中，服务器端以二进制流的方式读取数据，HttpServletRequest.getInputStream()。这种方式的请求可以处理任意数据形式的POST请求，比如请求数据是字符串或者是二进制数据 2. Form
  • 【Hive十三】Hive读写Avro格式的数据 bit1129 hive
     1. 原始数据 hive> select * from word; OK 1 MSN 10 QQ 100 Gtalk 1000 Skype      2. 创建avro格式的数据表   hive> CREATE TABLE avro_table(age INT, name STRING)STORE
  • nginx+lua+redis自动识别封解禁频繁访问IP ronin47
    在站点遇到攻击且无明显攻击特征，造成站点访问慢，nginx不断返回502等错误时，可利用nginx+lua+redis实现在指定的时间段 内，若单IP的请求量达到指定的数量后对该IP进行封禁，nginx返回403禁止访问。利用redis的expire命令设置封禁IP的过期时间达到在 指定的封禁时间后实行自动解封的目的。 一、安装环境： CentOS x64 release 6.4(Fin
  • java-二叉树的遍历-先序、中序、后序（递归和非递归）、层次遍历 bylijinnan java
    import java.util.LinkedList; import java.util.List; import java.util.Stack; public class BinTreeTraverse { //private int[] array={ 1, 2, 3, 4, 5, 6, 7, 8, 9 }; private int[] array={ 10,6,
  • Spring源码学习-XML 配置方式的IoC容器启动过程分析 bylijinnan javaspringIOC
    以FileSystemXmlApplicationContext为例，把Spring IoC容器的初始化流程走一遍： ApplicationContext context = new FileSystemXmlApplicationContext ("C:/Users/ZARA/workspace/HelloSpring/src/Beans.xml&q
  • [科研与项目]民营企业请慎重参与军事科技工程 comsci 企业
         军事科研工程和项目 并非要用最先进，最时髦的技术，而是要做到“万无一失”    而民营科技企业在搞科技创新工程的时候，往往考虑的是技术的先进性，而对先进技术带来的风险考虑得不够，在今天提倡军民融合发展的大环境下，这种“万无一失”和“时髦性”的矛盾会日益凸显。。。。。。所以请大家在参与任何重大的军事和政府项目之前，对
  • spring 定时器-两种方式 cuityang springquartz定时器
    方式一： 间隔一定时间 运行 <bean id="updateSessionIdTask" class="com.yang.iprms.common.UpdateSessionTask" autowire="byName" /> <bean id="updateSessionIdSchedule
  • 简述一下关于BroadView站点的相关设计 damoqiongqiu view
    终于弄上线了，累趴，戳这里http://www.broadview.com.cn   简述一下相关的技术点   前端：jQuery+BootStrap3.2+HandleBars，全站Ajax（貌似对SEO的影响很大啊！怎么破？），用Grunt对全部JS做了压缩处理，对部分JS和CSS做了合并（模块间存在很多依赖，全部合并比较繁琐，待完善）。   后端：U
  • 运维 PHP问题汇总 dcj3sjt126com windows2003
    1、Dede(织梦)发表文章时,内容自动添加关键字显示空白页 解决方法： 后台>系统>系统基本参数>核心设置>关键字替换（是/否），这里选择“是”。 后台>系统>系统基本参数>其他选项>自动提取关键字，这里选择“是”。   2、解决PHP168超级管理员上传图片提示你的空间不足 网站是用PHP168做的，反映使用管理员在后台无法
  • mac 下 安装php扩展 - mcrypt dcj3sjt126com PHP
    MCrypt是一个功能强大的加密算法扩展库，它包括有22种算法，phpMyAdmin依赖这个PHP扩展，具体如下： 下载并解压libmcrypt-2.5.8.tar.gz。 在终端执行如下命令： tar zxvf libmcrypt-2.5.8.tar.gz cd libmcrypt-2.5.8/ ./configure --disable-posix-threads --
  • MongoDB更新文档 [四] eksliang mongodbMongodb更新文档
    MongoDB更新文档 转载请出自出处：http://eksliang.iteye.com/blog/2174104 MongoDB对文档的CURD，前面的博客简单介绍了，但是对文档更新篇幅比较大，所以这里单独拿出来。 语法结构如下： db.collection.update( criteria, objNew, upsert, multi) 参数含义 参数   
  • Linux下的解压，移除，复制，查看tomcat命令 y806839048 tomcat
    重复myeclipse生成webservice有问题删除以前的，干净 1、先切换到：cd usr/local/tomcat5/logs 2、tail -f catalina.out 3、这样运行时就可以实时查看运行日志了 Ctrl+c 是退出tail命令。 有问题不明的先注掉   cp /opt/tomcat-6.0.44/webapps/g
  • Spring之使用事务缘由(3-XML实现) ihuning spring
      用事务通知声明式地管理事务   事务管理是一种横切关注点。为了在 Spring 2.x 中启用声明式事务管理，可以通过 tx Schema 中定义的 <tx:advice> 元素声明事务通知，为此必须事先将这个 Schema 定义添加到 <beans> 根元素中去。声明了事务通知后，就需要将它与切入点关联起来。由于事务通知是在 <aop:
  • GCD使用经验与技巧浅谈 啸笑天 GC
    前言 GCD(Grand Central Dispatch)可以说是Mac、iOS开发中的一大“利器”，本文就总结一些有关使用GCD的经验与技巧。 dispatch_once_t必须是全局或static变量 这一条算是“老生常谈”了，但我认为还是有必要强调一次，毕竟非全局或非static的dispatch_once_t变量在使用时会导致非常不好排查的bug，正确的如下： 1
  • linux（Ubuntu）下常用命令备忘录1 macroli linux工作ubuntu
    在使用下面的命令是可以通过--help来获取更多的信息1,查询当前目录文件列表：ls ls命令默认状态下将按首字母升序列出你当前文件夹下面的所有内容，但这样直接运行所得到的信息也是比较少的，通常它可以结合以下这些参数运行以查询更多的信息：  ls / 显示/.下的所有文件和目录  ls -l 给出文件或者文件夹的详细信息 ls -a 显示所有文件，包括隐藏文
  • nodejs同步操作mysql qiaolevip 学习永无止境每天进步一点点mysqlnodejs
    // db-util.js var mysql = require('mysql'); var pool = mysql.createPool({ connectionLimit : 10, host: 'localhost', user: 'root', password: '', database: 'test', port: 3306 });
  • 一起学Hive系列文章 superlxw1234 hiveHive入门
      [一起学Hive]系列文章 目录贴，入门Hive，持续更新中。   [一起学Hive]之一—Hive概述，Hive是什么 [一起学Hive]之二—Hive函数大全-完整版 [一起学Hive]之三—Hive中的数据库(Database)和表(Table) [一起学Hive]之四-Hive的安装配置 [一起学Hive]之五-Hive的视图和分区 [一起学Hive
  • Spring开发利器：Spring Tool Suite 3.7.0 发布 wiselyman spring
    Spring Tool Suite(简称STS)是基于Eclipse，专门针对Spring开发者提供大量的便捷功能的优秀开发工具。   在3.7.0版本主要做了如下的更新：   将eclipse版本更新至Eclipse Mars 4.5 GA Spring Boot(JavaEE开发的颠覆者集大成者，推荐大家学习)的配置语言YAML编辑器的支持(包含自动提示，
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他