游海东的技术专栏

1、在web项目目录下，新建column2D.htmlcolumn2D.html:2D柱形图 body{ width:100%; height:100%; } #column{ background-color: #CCCCCC; } $(function(){ var columnChart =

1、新建一个web项目，jQuery；2、在WebContent目录下新建script文件夹，将jquery-1.10.1.js复制到script中；3、同样，新建TableColor.html；TableColor.html：表格间隔色 body { width:100%; height:100%; fon

1、源码如下，TableCheckBox.htmlTableCheckBox.html：Table中的CheckBox body { width:100%; height:100%; font-size:12px; } table { width:80%; height:100%; }

1、新建一个web项目，在WebContent下新建一个Line.html；Line.html:FusionChart实现可变折线图 body{ width:100%; height: 100%; font-size:12px; } #column{ width:100%; height:

1、element：根据给定的元素名匹配所有的元素2、查找p元素（1）HTML代码：HelloWorld!How are you today?Fine,thanks!（2）jQuery代码：$(function(){ $("p");});（3）结果如下：          [World,How are you today?]3、实例（1）源码

1、#id：根据给定的id匹配一个元素，如果选择器中包含特殊字符，可以用两个斜杠转义2、查找id为“myDiv”的元素，并给这些元素设置css样式（1）id.html:jQuery ID选择器 $(function(){ //设置背景色 $("#myDiv").css("background-color","#FF0000"); //

1、源码如下： 设置表格边框颜色 body{ width: 1250px; height: 550px; font-size: 12px; color: #FF00FF; } .tab{

1、.class:根据给定的类匹配元素2、实例如下class.html：类选择器 .tr_odd{ background:#CCFFFF; } .tr_even{ background:#CCFF00; } $(function(){ //设置表格的背景色 $(".tab").css("b

1、*:匹配所有的元素，用于结合上下文来搜索2、实例all.html:*选择器 .tr_odd{ background:#CCFFFF; } .tr_even{ background:#CCFF00; } $(function(){ //设置表格的背景色 $(".tab").css("ba

1、selector1,selector2,selectorN：将每一个选择器匹配到的元素合并后一起返回。                                                       你可以指定任意多个选择器，并将匹配到的元素合并到一个结果内。2、实例selector.html:selector1,selector2,selectorN选

效果方法效果方法说明.show()显示匹配的元素.hide()隐藏匹配的元素.show(speed,[callback])通过高度、宽度及透明度动画显示匹配的元素.hide(speed,[callback])通过高度、宽度及透明度动画隐藏匹配的元素.toggle([speed],[callbac

1、cellpadding：边距指的是表格的单元格的内容与单元格边界之间空白距离的大小。2、cellspacing：可设置或返回在表格中的单元格之间的空白量（表格中各个单元格之间的距离）（以像素为单位）。3、实例（1）未使用cellpadding与cellspacing祖先后代选择器 body{ width:100%; height:10

1、ancestor descendant：在给定的祖先元素下匹配所有的后代元素2、（1）ancestor ：任何有效选择器      （2）descendant：用以匹配元素的选择器，并且它是第一个选择器的后代元素3、实例ancestor.html:祖先后代选择器 body{ width:100%; height:100%; fo

1、$(document).ready(function(){         //jQuery代码      });2、$(function(){        //jQuery代码     });3、jQuery(document).ready(function(){       //jQuery代码    });4、jQuery(f

1、parent > child：在给定的父元素下匹配所有的子元素2、（1）parent：任何有效选择器      （2）child：用以匹配元素的选择器，并且它是第一个选择器的子元素3、示例（1）源码如下parent.html:parent > child选择器 body{ width:100%; height:100%; fo

1、prev + next：匹配所有紧接在 prev 元素后的 next 元素2、（1）prev：任何有效选择器      （2）next：一个有效选择器并且紧接着第一个选择器3、示例（1）源码如下prev.html:prev + next选择器 body{ width:100%; height:100%; font-size:1

1、prev ~ siblings：匹配 prev 元素之后的所有 siblings 元素2、（1）prev：任何有效选择器      （2）siblings：一个选择器，并且它作为第一个选择器的同辈3、示例（1）源码siblings.htmlprev ~ siblings选择器 body{ width:100%; height

1、:first：获取第一个元素2、示例（1）源码first.html：:first选择器 body{ width:7%; height:100%; font-size:24px; font-weight:bold; background-color:#CCCCFF; text-align:center; }

1、事件简介（1）当DOM载入就绪可以查询及操纵时绑定一个要执行的函数；（2）请确保在 元素的onload事件中没有注册函数，否则不会触发+$(document).ready()事件；（3）可以在同一个页面中无限次地使用$(document).ready()事件；（4）其中注册的函数会按照（代码中的）先后顺序依次执行。2、事件格式    $(document).ready

1、attr(name|properties|key,value|fn)        设置或返回被选元素的属性值2、参数（1）name：String类型，属性名称（2）properties：Map类型，作为属性的“名/值对”对象（3）key,value：String,Object，属性名称，属性值（4）key,function(index, attr)：Strin

1、：last：获取匹配的最后个元素2、示例（1）源码last.html::last选择器 body{ width:200px; height:200px; background-color:#99CCFF; font-size:36px; font-weight:bold; } $(function(){

1、.not(selector)：去除所有与给定选择器匹配的元素2、示例（1）源码   not.html:.not(selector)选择器 body{ width:100%; height:200px; background-color:#99CCFF; font-size:36px; font-weight:bold;

usage: java org.apache.catalina.startup.Catalina [ -config {pathname} ] [ -nonaming ] { -help | start | stop }2013-8-12 23:31:15 org.apache.catalina.core.AprLifecycleListener init信息: Loaded APR bas

1、项目文件结构如下图：2、源码 时间控件演示 body{ width: 80%; font-size: 24px; font-weight: bold; text-align: center; }

1、错误信息网页错误信息用户代理：Mozilla/4.0(compatilble,MSIE 8.0;Windows NT 6.1;Trident/4.0;SLCC2;)时间戳：Sat，24 Aug 2012 01：01：25 UTC消息：‘null’ 为空或不是对象行：1字符：113代码：0URI：http://localhost:8080/

1、源码如下multiplication.html：      乘法表                            .body_class{           width:50%;           height: 60%;           font-size: 16px;           backgroun

jQuery库中获取jQuery对象的方式主要有两种：1、使用$()函数或用jQuery对象提供的、利用父子关系来返回的jQuery对象2、jQuery对象的调用方法改变自身后将再次返回该jQuery对象

为了解决jQuery和其他JavaScript库中$()函数的冲突，需要取消jQuery的$()函数    采用如下的方法     //取消jQuery中的$()函数jQuery.noConflict();

1、利用XML提供数据源column2D.xml： 2、利用随机数提供数据源var strXML = ""; var i; //循环次数 for(i=1;i<=12;i++){ strXML += ""; } strXML = strXML + ""

1、新建web项目，在WebContent目录下新建一个DoubleY.htmlDoubleY.html：双Y轴柱线结合图 body{ width:100%; height:100%; } #mixed{ background-color: #CCCCCC; } $(function(){ var

1、console.log-console.dir2、console.dirxml-console.timeEnd3、console.timeStamp-console.table

报错如下：错误原因：找不到jQuery引入文件，即引入的js文件路径不对

1、通过jQuery取select的值，源码如下：<!--To change this license header, choose License Headers in Project Properties.To change this template file, choose Tools | Templatesand open the template in the editor

1、通过改变指标，改变柱形图显示结果ChangeColumn.html：改变参数的柱形图 .body_table{ width: 100%; height: 100%; font-size: 18px; color: #FF8800; background-color:#CCCCCC;

1、源码BorderContainer.html： BorderContainer <div data-dojo-type="dijit/layout/ContentPane" data-dojo-props='reg

1、图12、图23、所有的js和css都加载成功，但是表格数据就是出不来

（1）由于FusionChart的数据源格式有两种：XML和JSON，设计用两种格式提供数据源（2）两种格式又分为路径格式（XMLUrl和JSONUrl）和字符串格式（XMLData和JSONData）（3）根据上述情况，设计出四种格式，分别为XMLUrl、JSONUrl、XMLData和JSONData（4）获取当前时间和当前秒数（5）利用JQuery定时器原理（6）采用定时器，结合hide()和show()方法，让四个图依次隐藏和显示

1、首先，新建一个web工程，取名3dChart;2、将包含FusionChart的swf文件放在WebContent目录下，给文件夹取名为fusionchart；3、在WebContent目录下，新建一个chart.jsp和Data.xmlchart.jsp源文件如下：<%@ page language="java" contentType="text/html;

1、提供静态数据源XMLFunnel.xml：<chart manageResize="1" caption="2012年月平均统计人数" subcaption="千" decimals="1" baseFontSize="12" useSameSlantAngle="1" isHollow="1" formatNumberScale="1" nu