jQuery Colorbox插件

一. Colorbox插件介绍

jQuery Colorbox是一款非常好的内容播放插件。它集弹出层、幻灯片播放功能于一身，不仅于此，它还支持其它的内容格式：例如html, flash, iframe等，这些内容的显示方式都是Ajax的。更难能可贵的是，在压缩后它只有10K的大小，使用这款插件不会给你的网页带来过多的负担，而且还能实现很棒的视觉效果，为用户体验增色不少。

本文已经同步至我的个人博客站点：积累吧 | jQuery Colorbox插件

Colorbox项目的主页地址是：http://www.jacklmoore.com/colorbox 
项目主页中提供了5种不同样式的Example：

Example 1：http://www.jacklmoore.com/colorbox/example1/ 
Example 2：http://www.jacklmoore.com/colorbox/example2/ 
Example 3：http://www.jacklmoore.com/colorbox/example3/ 
Example 4：http://www.jacklmoore.com/colorbox/example4/ 
Example 5：http://www.jacklmoore.com/colorbox/example5/

每一个Example中都提供了以下效果：

  • Elastic Transition（弹性动画）
  • Fade Transition（淡入淡出动画）
  • No transition + fixed width and height  75% of screen size (无动画，宽高以屏幕的75%自适应)
  • Slideshow（幻灯片播放）
  • Other Content Types （其它类型：外部html, flash和视频，iframe的flash和视频，iframe的外部html，内部html）

二. Colorbox插件使用

在使用colorbox之前，先看看基本的效果图吧。（本博客已经使用了colorbox插件的最新版本，您也可以直接点击图片看到效果哦。）

易于使用也是Colorbox的众多优点之一，它的代码调用非常之简洁。

1. 引入jquery和colorbox的js文件

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="colorbox/jquery.colorbox.js"></script>

2. 引入colorbox的css文件

<link media="screen" rel="stylesheet" href="colorbox\colorbox.css" />

3. html代码

<body>
        <h1>ColorBox演示</h1>
        
        <h2>弹性效果</h2>
        <p><a class="group1" data-rel='hi' href="../content/ohoopee1.jpg" title="Me and my grandfather on the Ohoopee.">Grouped Photo 1</a></p>
        <p><a class="group1" href="../content/ohoopee2.jpg" title="On the Ohoopee as a child">Grouped Photo 2</a></p>
        <p><a class="group1" href="../content/ohoopee3.jpg" title="On the Ohoopee as an adult">Grouped Photo 3</a></p>
    </body>

4. 调用colorbox的代码

<script>
    $(document).ready(function(){
        //元素调用Colorbox的示例
        $(".group1").colorbox({ rel: 'group1' });
    });
</script>

5. 最简单示例的完整代码

以上是如何使用的每一个步骤，这里是对上面4个步骤的整合后的完整示例。

<!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>ColorBox 示例</title>
        <link rel="stylesheet" href="colorbox/colorbox.css" />
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
        <script src="colorbox/jquery.colorbox.js"></script>
<script>
    $(document).ready(function(){
        //元素调用Colorbox的示例
        $(".group1").colorbox({ rel: 'group1' });
    });
</script>
    </head>
    <body>
        <h1>ColorBox演示</h1>
        
        <h2>弹性效果</h2>
        <p><a class="group1" data-rel='hi' href="../content/ohoopee1.jpg" title="Me and my grandfather on the Ohoopee.">Grouped Photo 1</a></p>
        <p><a class="group1" href="../content/ohoopee2.jpg" title="On the Ohoopee as a child">Grouped Photo 2</a></p>
        <p><a class="group1" href="../content/ohoopee3.jpg" title="On the Ohoopee as an adult">Grouped Photo 3</a></p>
    </body>
</html>



三、将它整合到Wordpress中

众多使用wordpress的朋友可能比较关心如何将colorbox插件整合到wordpress中去，而不需要到wordpress官方网站上搜索这类插件去安装。

1. 目录结构变更 

在colorbox项目主页中下载完插件后，打开它，可以看到它的目录结构如下两幅图

这样的目录结构直接放到wordpress下明显不够合理，在当前目录结构下创建一个文件夹colorbox

然后将images文件夹、colorbox.css、jquery.colorbox.js、jquery.colorbox-min.js文件放到colorbox文件夹中

2. 将colorbox文件夹放到主题文件夹下

3. 修改header.php文件

在<head></head>之间添加下面的代码：

<link rel="stylesheet" href="http://www.jileiba.com/wp-content/themes/h/colorbox/colorbox.css" type="text/css" media="screen" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="<?php bloginfo('stylesheet_directory');?>/colorbox/jquery.colorbox-min.js"></script>
<script type="text/javascript">
    jQuery(function ($) {
        $("a[rel=ignition]").colorbox({ rel: 'ignition' });
    });
</script>

Always keep dream, keep thinking, keep moving, even if the road obstacles , the one more important thing is that always be a pig for you, that's keep fool.

你可能感兴趣的:(colorbox)

  • P9915 「RiOI-03」3-2 Mr.Azz 算法
    Question问题P9915「RiOI-03」3-2难度：提高+/省选\colorbox{#3498db}{\color{White}提高+/省选}提高+/省选给定一个正整数nnn。将[0,2n)[0,2^n)[0,2n)中每个整数的二进制最低nnn位从低到高依次写在一个2n×n2^n\timesn2n×n的矩阵上。矩阵两维的下标都从000开始。如，当n=3n=3n=3时，矩阵是这样的：给定qq
  • CF1270F Awesome Substrings Mr.Azz c语言开发语言
    Question问题CF1270FAwesomeSubstrings基本信息难度：省选/NOI-\colorbox{#9d3dcf}{\color{White}省选/\text{NOI-}}省选/NOI-知识点：根号分块题目大意：给定一个长度为nnn的01串sss。求有多少个区间[l,r][l,r][l,r]满足r−l+1r-l+1r−l+1是sl...rs_{l...r}sl...r中111的个
  • LaTeX中的框以及框中的子图 纳米狮子 LaTex
    目录文章目录目录框（盒子）\fboxframed包framed环境leftbar环境mdframed包fcolorbox命令tcolorbox包adjustbox包调整盒子的宽度和高度旋转盒子框中的子图问题一：框中插入图片问题二：给框中图片加上图名、编号caption包问题三：框中加入含有子图的图subcaption包框（盒子）在LaTeX中，有几个包或命令可以用来生成框。以下是其中一些常用的包和
  • js+css实现颜色选择器 PHP隔壁老王邻居 htmljsjavascriptcss开发语言
    颜色选择器.color-box{width:50px;height:50px;border:1pxsolid#000;cursor:pointer;}提交varcolorBox=document.querySelector('.color-box');varcolorValue=document.querySelector('#color-value');colorBox.addEventList
  • 洛谷 P1903 [国家集训队]数颜色/维护序列（树套树） 天黑之后才拥有光彩 算法数据结构c++
    用的是主席树的思路，不理解此思路的请先食用HH的项链思路树状数组套主席树，即按照树状数组的核心操作在每个点建一颗主席树，在每一个点更新主席树（这里用的是动态开点，当然不用也可以，我看题解有不是动态开点的）。R\colorbox{#F5F5F5}{R}R操作，维护1e61e61e6个setsetset存储每个颜色的位置（每个setsetset都先预处理一个000位置，1≤1\leq1≤颜色的值≤1e
  • P7473 重力球 阿史大杯茶 算法-多源BFSc++
    P7473重力球Solution考虑BruteForce：对于每一次询问，通过BFS处理出最近的交汇点，输出答案。很显然，会TLE\colorbox{navy}{\color{white}{TLE}}TLE。故，考虑优化：观察发现障碍物数量非常少，故设状态(x,y,d)\mathrm{(x,y,d)}(x,y,d)表示第111个小球被第xxx个障碍物卡住，第222个小球被第yyy个小球卡住，在障碍
  • three.js 中shader 的几种呈现方式 DSLMing Threejs-Shaderthree.jsshader
    three.js中shader的几种呈现方式这里以改变box的颜色为例。方式1-使用three.js内置的shader//改变颜色-方式1:通过顶点属性修改,使用three.js自带shaderaddColorBox1(size){vargeometry=newTHREE.BoxBufferGeometry(size,size,size);varmaterial=newTHREE.MeshBasi
  • Qt 窗口界面绘制 我只是一个小菜鸟 VS+QTqt开发语言c++
    //设置窗口无外框无任务栏setWindowFlags(Qt::FramelessWindowHint|Qt::SubWindow);//点击窗口以外关闭串口：判断当前活跃窗口，重写eventboolevent(QEvent*event);boolColorBox::event(QEvent*event){if(event->type()==QEvent::ActivationChange){if
  • jquery+zTree+colorbox 实现弹出框内组织结构树 小菜鸟的博客 jqueryjqueryfunctionclassinputdivbutton
    点击新建按钮弹出两个框，第一个是刷新等待的图片框，第二个是ztree产生的节点树，如图1-1所示：那么第一个刷新等待的图片框和第二个是ztree产生的节点树分别保存在两个隐藏的div层里面，代码如下：其中标签是用来生成组织结构树的，需要制定class属性，这里的class=“tree”是引用ztree自带的css文件中的css样式。varorgZTree;//定义全局ZTree对象，存放整个生成的
  • Latex语法学习10：盒子的使用(fbox, tcolorbox, boitee)，支持设置颜色和换页 运筹码仓 Latex公式的编写学习
    目录1\fbox2彩色的盒子（可换页）3boitee环境1\fbox这段代码主要用到了三个命令：\noindent：表示取消缩进\textwidth：表示设置盒子宽度为页面宽度\noindent\fbox{\parbox{\textwidth}{%子问题2：\\Maximize43.8Y[0,0]+43.8Y[0,1]+10.5Y[1,0]+10.5Y[1,1]+33.9Y[2,0]+33.9Y[
  • 书中的“黄金屋” 人世逍遥客 文案其他
    人的一生会遇到两个人，一个惊艳了时光，一个温柔了岁月——苏剧《经年》\color{red}\colorbox{white}{苏剧《经年》}苏剧《经年》每朵云都下落不明，每盏月亮都不知所综——八月长安《暗恋》\color{red}\colorbox{white}{八月长安《暗恋》}八月长安《暗恋》如果时光可以倒流，我还是会选择认识你，虽然伤痕累累，但是心中的温暖记忆是谁都无法给予的。谢谢你来过我的世
  • Leaflet包：从入门到跑路（二） Giser@lin R语言r语言经验分享学习
    文章目录前言Leaflet包中的颜色Colorbox颜色盒子其他参数的设置应用示例添加图例图例的美化结语前言上一节我们学习了leaflet包是如何添加底图、修改底图、在底图上添加图标、绘制点、添加地图数据，在上一节的结尾，我们小科普了一个名为RColorBrewer包的配色包，说到颜色，令我好奇的是如何在leaflet包里实现从属性到颜色的映射。Leaflet包中的颜色那么接下来就介绍一下leaf
  • 【Matlab算法】进退法迭代求解无约束一维极值问题（附进退法MATLAB代码） Albert_Lsk MATLAB最优化算法matlab算法线性代数
    【Matlab最优化算法】进退法求解无约束一维极值问题往期回顾前言正文一、进退法原理二、代码实现进退法迭代求解总结参考文献往期回顾【MATLAB机器人建模汇总】⧫【Matlab六自由度机器人】系列文章汇总\blacklozenge\fcolorbox{green}{aqua}{【Matlab六自由度机器人】系列文章汇总}⧫【Matlab六自由度机器人】系列文章汇总定义标准型及改进型D-H参数，建立
  • 详解C语言printf()输出格式
    目录C语言printf()输出格式类型长度精度输出最少宽度标志C语言printf()输出格式主要说明格式字符串的基本思想。格式字符串纲要[标志]  [输出最少宽度]  [.精度]  [长度]  类型\fcolorbox{#ffae42}{#2E8B57}{\textcolor{White}{[标志]\;[输出最少宽度]\;[.精度]\;[长度]\;类型}}[标志][输出最少宽度][.精度][长度]
  • SQL 合并分组 Stuff DrS6
    select*fromColorBoxselecta.Code,STUFF((SELECT','+rtrim(Color)FROMColorBoxWHEREa.Code=CodeORDERBYCodeFORXMLPATH('')),1,1,'')asColor,b.ccountasColorCountfromColorBoxainnerjoin(selectCode,count(color)asc
  • Latex 颜色设置... 小沙ms Latex
    Mark：参考：点击打开链接https://www.sharelatex.com/learn/Using_colours_in_LaTeX\usepackage{color}1.给文字加色\textcolor{颜色}{内容}2.加底色标注\colorbox{颜色}{内容}3.画线\noindent{\color{颜色}\rule{\linewidth}{宽度}}4.文本设置底色；\pagecolo
  • LaTeX：公式中元素填背景色/颜色 胜负55开
    在公式环境中，给数组/字母添加颜色/背景色：颜色：{\color{red}{5}}背景色：\colorbox{red}{5}注意：颜色最外层还需一个大括号！而背景色不需要。
  • 超分之BasicVSR++ Ton10 超分计算机视觉人工智能深度学习超分辨率重建神经网络
    这篇文章是BasicVSR的升级版本\colorbox{tomato}{升级版本}升级版本，同一批作者将BasicVSR中的Propagation和Alignment部分进行了增强产生了新一点VSR方法——BasicVSR++。具体而言，Propagation采用了一个Grid-Propagation来重复校正对齐的准确性；更重要的是提出了一个具有二阶马尔可夫性质的跨格点传播机制以及光流引导的可变
  • jquery特效---jquery显示缩略图，点击查看大图，并且大图可自适应原图大小 m0_72429728 javascript
    之前为了实现这样的效果找了很久，大部分都不是自己想要的。实现这样的效果，我用了两个jquery的框架。一个是jquery.nailthumb.1.1.js，另一个是jquery.colorbox-min.js。大概写一下用法：这个地方设置缩略图大小.square-thumb{width:215px;height:240px;float:left;margin-right:10px;margin-b
  • LaTeX之tcolorbox宏包应用示例 繁星间漫步 LaTeX#LaTeX排版其他
    tcolorbox宏包可以为我们提供更好看的文本框，这里列出一些应用例子方便以后查询使用。一、环境操作系统：Ubuntu20.04引擎：XeTeX3.14159265-2.6-0.999991二、完整示例代码不好意思，因为目前CSDN并不支持LaTeX代码的高亮显示，所以下面展示的代码只有一个颜色（难道CSDN相关人员从来不写论文吗？）。%CSDN，繁星间漫步，陆巍的博客\documentclas
  • 【Matlab 六自由度机器人】运动学正解（附MATLAB机器人正解完整代码） Albert_Lsk MATLAB机器人工具箱matlab人工智能运动学矩阵
    【Matlab六自由度机器人】求运动学正解往期回顾前言正文一、运动学正解1.齐次变换矩阵2.总变换二、代码实现1.定义各连杆参数2.齐次变换矩阵及总变换3.代码运行结果总结参考文献往期回顾【汇总】相关资源：【Matlab六自由度机器人】系列文章汇总\fcolorbox{green}{aqua}{【Matlab六自由度机器人】系列文章汇总}【Matlab六自由度机器人】系列文章汇总【主线】定义标准型
  • 【Matlab 六自由度机器人】运动学逆解（附MATLAB机器人逆解代码） Albert_Lsk MATLAB机器人工具箱matlab线性代数矩阵人工智能算法
    【Matlab六自由度机器人】求运动学逆解往期回顾前言正文一、运动学逆解1.Pieper法2.《机器人学》常规求解二、代码实现1.机器人模型的建立2.Pieper法求六自由度机器人逆解3.常规法求六自由度机器人逆解总结参考文献往期回顾【汇总】相关资源：【Matlab六自由度机器人】系列文章汇总\fcolorbox{green}{aqua}{【Matlab六自由度机器人】系列文章汇总}【Matlab
  • 【Matlab 六自由度机器人】运动学逆解（附MATLAB机器人逆解代码） Albert_Lsk MATLAB机器人工具箱matlab线性代数矩阵人工智能算法
    【Matlab六自由度机器人】求运动学逆解往期回顾前言正文一、运动学逆解1.Pieper法2.《机器人学》常规求解二、代码实现1.机器人模型的建立2.Pieper法求六自由度机器人逆解3.常规法求六自由度机器人逆解总结参考文献往期回顾【汇总】相关资源：【Matlab六自由度机器人】系列文章汇总\fcolorbox{green}{aqua}{【Matlab六自由度机器人】系列文章汇总}【Matlab
  • 那些“别人家的孩子”，一直比我们努力 ColorBox国际艺术教育
    第一次见这个18岁的女孩儿是去年的10月份，那时候的成都还略有种乱蓬蓬的燥热。楚寒跟着妈妈来CB聊关于出国留学的困惑。她喜欢插画，想要去全美插画资源最优质的纽约视觉艺术学院（SVA）。从决定来CB，到完成作品集成功申请，她只用了三个月的时间。最关键的是在此之前，楚寒并没有太多的美术基础。在老师的引导下，她的天赋和灵气跃然纸上。楚寒作品：《自画像》系列一图片版权归艺术家与ColorBox所有成功申请
  • 2017 立邦-就匠变新家第六期作品 么么哒嗨
    刘孝天《就匠变新家》设计师筑视界设计公司创始人、设计总监改造前改造后牛玮楠《就匠变新家》设计师HughDutton中国区唯一合作伙伴、SOHO中国设计师佘宛婷《就匠变新家》设计师ColorBox艺术教育顾问，曾就职于Gensler纽约和上海分部带轮子的床移动起来更方便省力，可以随意转换床的朝向。墙面书柜的设计为孩子的成长预留了空间。半人标准球桌，单人练习更安全方便。收起的乒乓球桌可以收纳在墙面上，
  • latex 字体大小_LaTeX专栏001|入门篇谈安装与排版心得 weixin_39565910 latex字体大小LaTeX不显示页码latex图片位置跑到了下一页latex字体大小latex安装sublimelatex
    我的故事17年5月，第一次接触到LaTeX；17年9月，第一次使用该软件，主要是为了数学建模；17年12月，用于排版美赛模拟前的优秀论文，但第一年美赛我还的确是用word提交.18年初，开始系统学习一遍，并接触到tcolorbox漂亮的盒子与beamer学习；18年12月，翻译了一份42页的简短LaTeX数学指南;19年7月，初学TiKZ绘图，功能还是很强大，不过我个人不是很有设计感；19年8月，
  • 在JS文件中对同一个页面是否存在另一个js进行判断 然后丶是你好 JAVAWEB
    js判断js文件有没有引入，一般引入的js文件里面都会有函数和对象是否存在可以通过js的typeof判断1.判断对象if(typeofjQuery.colorbox=='undefined'){document.write("");}2.判断函数if(typeof("function_name")=="function"){alert("Functionexists!");}
  • MVC2的框架下，使用ColorBox弹出的几种用法 CF西西 ajax库
    0.需加载colorbox的库文件与样式一.1.内置对象colorbox弹出（写在同一个页面里面），这是一个预先隐藏的页面，当触发事件后，利用colorbox插件将其嵌套并显示出来。 您的评论：2.通过SCRIPT触发事件，点击页面上的按钮（绑定一个函数，当函数触发时弹出colorbox）。functionjumpComment(){$("#makeComment").colorbox({widt
  • colorbox的常见问题 wxinpeng JS脚本
    发现colorbox官方网站的troubleshoot写的比较好，转载一下。1,flash覆盖colorbox:ThisisnotaColorBoxspecificproblem,bydefaultFlashwilloverlayanyHTMLcontent.Thiscanbepreventedbysettingthe‘wmode’paramandembedattributeto‘transpar
  • ColorBox使用及处理流读取图片问题 javageekcoder js
    jquery.ColorBox确实是一个非常强大的jquery弹出层插件，可以类似于幻灯片效果来展示图片；正常的，我们使用colorBox需要引入jquery类库和colorbox的css文件在页面中使用colorbox代码如下Photo_1Photo_2Photo_3$('a.gallery').colorbox();以上为常规用法我在开发的时候，因为项目需要，对图片的读取采用了流的方式，在图片
  • log4j对象改变日志级别 3213213333332132 javalog4jlevellog4j对象名称日志级别
    log4j对象改变日志级别可批量的改变所有级别，或是根据条件改变日志级别。 log4j配置文件： log4j.rootLogger=ERROR,FILE,CONSOLE,EXECPTION #log4j.appender.FILE=org.apache.log4j.RollingFileAppender log4j.appender.FILE=org.apache.l
  • elk+redis 搭建nginx日志分析平台 ronin47 elasticsearchkibanalogstash
                 elk+redis 搭建nginx日志分析平台 logstash,elasticsearch,kibana 怎么进行nginx的日志分析呢？首先，架构方面，nginx是有日志文件的，它的每个请求的状态等都有日志文件进行记录。其次，需要有个队 列，redis的l
  • Yii2设置时区 dcj3sjt126com PHPtimezoneyii2
    时区这东西，在开发的时候，你说重要吧，也还好，毕竟没它也能正常运行，你说不重要吧，那就纠结了。特别是linux系统，都TMD差上几小时，你能不痛苦吗？win还好一点。有一些常规方法，是大家目前都在采用的1、php.ini中的设置，这个就不谈了，2、程序中公用文件里设置，date_default_timezone_set一下时区3、或者。。。自己写时间处理函数，在遇到时间的时候，用这个函数处理（比较
  • js实现前台动态添加文本框，后台获取文本框内容 171815164 文本框
    <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://w
  • 持续集成工具 g21121 持续集成
            持续集成是什么？我们为什么需要持续集成？持续集成带来的好处是什么？什么样的项目需要持续集成？...        持续集成(Continuous integration ,简称CI)，所谓集成可以理解为将互相依赖的工程或模块合并成一个能单独运行
  • 数据结构哈希表(hash)总结 永夜-极光 数据结构
    1.什么是hash 来源于百度百科: Hash，一般翻译做“散列”，也有直接音译为“哈希”的，就是把任意长度的输入，通过散列算法，变换成固定长度的输出，该输出就是散列值。这种转换是一种压缩映射，也就是，散列值的空间通常远小于输入的空间，不同的输入可能会散列成相同的输出，所以不可能从散列值来唯一的确定输入值。简单的说就是一种将任意长度的消息压缩到某一固定长度的消息摘要的函数。  
  • 乱七八糟 程序员是怎么炼成的
    eclipse中的jvm字节码查看插件地址： http://andrei.gmxhome.de/eclipse/ 安装该地址的outline 插件  后重启，打开window下的view下的bytecode视图 http://andrei.gmxhome.de/eclipse/   jvm博客： http://yunshen0909.iteye.com/blog/2
  • 职场人伤害了“上司” 怎样弥补 aijuans 职场
    由于工作中的失误，或者平时不注意自己的言行“伤害”、“得罪”了自己的上司，怎么办呢？ 　　在职业生涯中这种问题尽量不要发生。下面提供了一些解决问题的建议： 　　一、利用一些轻松的场合表示对他的尊重 　　即使是开明的上司也很注重自己的权威，都希望得到下属的尊重，所以当你与上司冲突后，最好让不愉快成为过去，你不妨在一些轻松的场合，比如会餐、联谊活动等，向上司问个好，敬下酒，表示你对对方的尊重，
  • 深入浅出url编码 antonyup_2006 应用服务器浏览器servletweblogicIE
    出处：http://blog.csdn.net/yzhz  杨争   http://blog.csdn.net/yzhz/archive/2007/07/03/1676796.aspx 一、问题：         编码问题是JAVA初学者在web开发过程中经常会遇到问题，网上也有大量相关的
  • 建表后创建表的约束关系和增加表的字段 百合不是茶 标的约束关系增加表的字段
      下面所有的操作都是在表建立后操作的,主要目的就是熟悉sql的约束,约束语句的万能公式   1,增加字段(student表中增加 姓名字段)   alter table 增加字段的表名 add 增加的字段名 增加字段的数据类型 alter table student add name varchar2(10);   &nb
  • Uploadify 3.2 参数属性、事件、方法函数详解 bijian1013 JavaScriptuploadify
    一.属性 属性名称 默认值 说明 auto true 设置为true当选择文件后就直接上传了，为false需要点击上传按钮才上传。 buttonClass ” 按钮样式 buttonCursor ‘hand’ 鼠标指针悬停在按钮上的样子 buttonImage null 浏览按钮的图片的路
  • 精通Oracle10编程SQL(16)使用LOB对象 bijian1013 oracle数据库plsql
    /* *使用LOB对象 */ --LOB(Large Object)是专门用于处理大对象的一种数据类型，其所存放的数据长度可以达到4G字节 --CLOB/NCLOB用于存储大批量字符数据，BLOB用于存储大批量二进制数据，而BFILE则存储着指向OS文件的指针 /* *综合实例 */ --建立表空间 --#指定区尺寸为128k,如不指定，区尺寸默认为64k CR
  • 【Resin一】Resin服务器部署web应用 bit1129 resin
    工作中，在Resin服务器上部署web应用，通常有如下三种方式：   配置多个web-app 配置多个http id 为每个应用配置一个propeties、xml以及sh脚本文件 配置多个web-app   在resin.xml中,可以为一个host配置多个web-app   <cluster id="app&q
  • red5简介及基础知识 白糖_ 基础
      简介   Red5的主要功能和Macromedia公司的FMS类似，提供基于Flash的流媒体服务的一款基于Java的开源流媒体服务器。它由Java语言编写，使用RTMP作为流媒体传输协议，这与FMS完全兼容。它具有流化FLV、MP3文件，实时录制客户端流为FLV文件，共享对象，实时视频播放、Remoting等功能。用Red5替换FMS后,客户端不用更改可正
  • angular.fromJson boyitech AngularJSAngularJS 官方APIAngularJS API
    angular.fromJson 描述: 把Json字符串转为对象 使用方法: angular.fromJson(json); 参数详解: Param Type Details json string JSON 字符串 返回值: 对象, 数组, 字符串 或者是一个数字 示例: <!DOCTYPE HTML> <h
  • java-颠倒一个句子中的词的顺序。比如： I am a student颠倒后变成：student a am I bylijinnan java
    public class ReverseWords { /** * 题目：颠倒一个句子中的词的顺序。比如： I am a student颠倒后变成：student a am I.词以空格分隔。 * 要求： * 1.实现速度最快,移动最少 * 2.不能使用String的方法如split,indexOf等等。 * 解答：两次翻转。 */ publ
  • web实时通讯 Chen.H Web浏览器socket脚本
    关于web实时通讯，做一些监控软件。 由web服务器组件从消息服务器订阅实时数据，并建立消息服务器到所述web服务器之间的连接，web浏览器利用从所述web服务器下载到web页面的客户端代理与web服务器组件之间的socket连接，建立web浏览器与web服务器之间的持久连接；利用所述客户端代理与web浏览器页面之间的信息交互实现页面本地更新，建立一条从消息服务器到web浏览器页面之间的消息通路
  • [基因与生物]远古生物的基因可以嫁接到现代生物基因组中吗? comsci 生物
          大家仅仅把我说的事情当作一个IT行业的笑话来听吧..没有其它更多的意思     如果我们把大自然看成是一位伟大的程序员,专门为地球上的生态系统编制基因代码,并创造出各种不同的生物来,那么6500万年前的程序员开发的代码,是否兼容现代派的程序员的代码和架构呢?   
  • oracle 外部表 daizj oracle外部表external tables
        oracle外部表是只允许只读访问，不能进行DML操作，不能创建索引，可以对外部表进行的查询，连接，排序，创建视图和创建同义词操作。 you can select, join, or sort external table data. You can also create views and synonyms for external tables. Ho
  • aop相关的概念及配置 daysinsun AOP
    切面(Aspect): 通常在目标方法执行前后需要执行的方法（如事务、日志、权限），这些方法我们封装到一个类里面，这个类就叫切面。 连接点（joinpoint） spring里面的连接点指需要切入的方法，通常这个joinpoint可以作为一个参数传入到切面的方法里面（非常有用的一个东西）。 通知（Advice） 通知就是切面里面方法的具体实现，分为前置、后置、最终、异常环
  • 初一上学期难记忆单词背诵第二课 dcj3sjt126com englishword
    middle 中间的，中级的 well 喔，那么；好吧 phone 电话，电话机 policeman 警察 ask 问 take 拿到；带到 address 地址 glad 高兴的，乐意的 why 为什么  China 中国 family 家庭 grandmother (外)祖母 grandfather (外)祖父 wife 妻子 husband 丈夫 da
  • Linux日志分析常用命令 dcj3sjt126com linuxlog
    1.查看文件内容 cat -n 显示行号 2.分页显示 more Enter 显示下一行 空格 显示下一页 F 显示下一屏 B 显示上一屏 less /get 查询"get"字符串并高亮显示 3.显示文件尾 tail -f 不退出持续显示 -n 显示文件最后n行 4.显示头文件 head -n 显示文件开始n行 5.内容排序 sort -n 按照
  • JSONP 原理分析 fantasy2005 JavaScriptjsonpjsonp 跨域
    转自 http://www.nowamagic.net/librarys/veda/detail/224 JavaScript是一种在Web开发中经常使用的前端动态脚本技术。在JavaScript中，有一个很重要的安全性限制，被称为“Same-Origin Policy”（同源策略）。这一策略对于JavaScript代码能够访问的页面内容做了很重要的限制，即JavaScript只能访问与包含它的
  • 使用connect by进行级联查询 234390216 oracle查询父子Connect by级联
    使用connect by进行级联查询          connect by可以用于级联查询，常用于对具有树状结构的记录查询某一节点的所有子孙节点或所有祖辈节点。          来看一个示例，现假设我们拥有一个菜单表t_menu，其中只有三个字段：
  • 一个不错的能将HTML表格导出为excel,pdf等的jquery插件 jackyrong jquery插件
    发现一个老外写的不错的jquery插件，可以实现将HTML 表格导出为excel,pdf等格式， 地址在： https://github.com/kayalshri/ 下面看个例子，实现导出表格到excel,pdf <html> <head> <title>Export html table to excel an
  • UI设计中我们为什么需要设计动效 lampcy UIUI设计
    关于Unity3D中的Shader的知识 首先先解释下Unity3D的Shader，Unity里面的Shaders是使用一种叫ShaderLab的语言编写的，它同微软的FX文件或者NVIDIA的CgFX有些类似。传统意义上的vertex shader和pixel shader还是使用标准的Cg/HLSL 编程语言编写的。因此Unity文档里面的Shader，都是指用ShaderLab编写的代码，
  • 如何禁止页面缓存 nannan408 htmljspcache
    禁止页面使用缓存~ ------------------------------------------------ jsp:页面no cache： response.setHeader("Pragma","No-cache"); response.setHeader("Cache-Control","no-cach
  • 以代码的方式管理quartz定时任务的暂停、重启、删除、添加等 Everyday都不同 定时任务管理spring-quartz
          【前言】在项目的管理功能中，对定时任务的管理有时会很常见。因为我们不能指望只在配置文件中配置好定时任务就行了，因为如果要控制定时任务的 “暂停” 呢？暂停之后又要在某个时间点 “重启” 该定时任务呢？或者说直接 “删除” 该定时任务呢？要改变某定时任务的触发时间呢？ “添加” 一个定时任务对于系统的使用者而言，是不太现实的，因为一个定时任务的处理逻辑他是不
  • EXT实例 tntxia ext
      （1） 增加一个按钮   JSP:   <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); Stri
  • 数学学习在计算机研究领域的作用和重要性 xjnine Math
    最近一直有师弟师妹和朋友问我数学和研究的关系，研一要去学什么数学课。毕竟在清华，衡量一个研究生最重要的指标之一就是paper,而没有数学，是肯定上不了世界顶级的期刊和会议的，这在计算机学界尤其重要！你会发现，不论哪个领域有价值的东西，都一定离不开数学！在这样一个信息时代，当google已经让世界没有秘密的时候，一种卓越的数学思维，绝对可以成为你的核心竞争力.  无奈本人实在见地
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他