游海东的技术专栏

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

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

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

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

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

1、HTML颜色代码表                     #000000                         #2F0000                          #600030                      #460046

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

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

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、：定义粗体文本2、：定义斜体文本3、：定义强调文本4、：定义大号字文本5、：定义小号字文本6、：定义粗体文本7、：定义上标文本8、：定义下标文本9、：定义文本显示的方向

1、设计思路（1）第一种是直接在JavaScript中定义（2）第二种是利用函数（3）第三种是利用函数，优化功能，提高可重用性2、源码计算三角形面积 //三角形的宽度 var width = window.prompt("请输入三角形的宽！",""); //三角形的高度 var height = window.prompt("请输入三角形的高！

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

数组与对象 //创建数组 var arr = new Array(); arr[0] = 123; arr[1] = "Hello"; arr[2] = 12.23; arr[3] = true; arr[6] = 45; alert(arr[0]);//输出123 alert(arr.length);//输出4 alert(arr[4]);//输出undefin

1、基本介绍（1）[att*=val]属性选择器 如果元素用att表示的属性的属性值中包含用val指定的字符，则该元素使用这个样式（2）[att^=val]属性选择器 如果元素用att表示的属性的属性值的开头字符为用val指定的字符，则该元素使用这个样式（3）[att$=val]属性选择器 如果元素用att表示的属性的属性值的结尾字符为用val指定的字符，则该元素使用这个样式

1、设计思路（1）利用dojo的DateTextBox设计出四组日期格式以及选择日期类型；（2）控制日期的格式，分别显示年月日、年月和年份三种，另外一种是利用RadioButton选择日期格式2、设计步骤     第一步：设置开始日期和结束日期开始日期： <input id="startDate"

1、在用Dojo写tab页的过程中出现了一些错误dojo源码如下：<%-- Document : grid Created on : 2013-12-15, 18:05:47 Author : YouHaidong--%> dojo实现Tab页

1、设计思路（1）利用TabContainer设计出三个Tab页，分别显示三种水果；（2）根据dijit中的Dialog，设计出三个弹窗出来。2、设计步骤（1）设计总体Tab页框架 （2）设计出弹窗苹果

1、设计思路（1）利用dojo设计三种不同的下拉框，Select、ComboBox和FilteringSelect；（2）再取下拉框中的option中的value和描述。2、设计步骤（1）dijit/form/Select地市： 全部 武汉市 黄石市 十堰市 荆州市 宜昌市 襄阳市

1、设计关键（1）设置Button背景图片（2）设计Button点击事件2、设计步骤（1）设置Button背景图片      A、样式设置 .btnIcon{ width:30px; height:32px; background:url("../images/search.png") cente

报错如下：错误原因：找不到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、border-color（1）border-top-color：边框上部颜色（2）border-bottom-color：边框下部颜色（3）border-left-color：边框左部颜色（4）border-right-color：边框右部颜色2、浏览器兼容性（1）IE6、7、8不兼容（2）火狐2.0不兼容（3）Chrome 1.0和2.0不兼容3、属性举例

1、border-image有关属性（1）border-top-image：（2）border-bottom-image：（3）border-left-image：（4）border-right-image：（5）border-corner-image：（6）border-top-left-image：（7）border-top-right-image：（8）b

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

1、新建web项目，布局结构如下图：FusionChart中的文件结构如下：2、在WebContent下新建column.html;column.html:FusionChart实现可变柱形图 body{ width:100%; height: 100%; font-size:12px; }

1、XML提供数据源Pyramid.xml：<chart manageresize="1" animation="0" decimals="0" caption="一周分布人数" baseFontSize="18" showpercentvalues="1" smartlinecolor="333333" showborder="0" showtooltipshad

1、设计思路（1）首先，了解FusionCharts中折线图的原理，数据源结构；（2）然后，了解FusionCharts中图的共性以及折线图属性的特性；（3）最后，开始设计折线图，JS等等。2、设计步骤（1）这里，我是写的静态页面，利用jQuery设计折线图的图类以及数据源的路径$(function(){ var line2D = new F

1、设计思路（1）根据FusionCharts的API，设计出3D柱状图；（2）3D柱状图的数据源是由XML提供。2、设计步骤（1）新建静态页面，column3D.html<!--To change this license header, choose License Headers in Project Properties.To change this templa

1、页面pie2D.html：<!--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、设计思路（1）利用FusionCharts设计出一个2D柱状图（2）柱状图的数据源是由XML提供，可以在里面设置柱状图的属性2、设计步骤（1）新建一个HTML静态页面，取名column2D.html<!--To change this license header, choose License Headers in Project Properties.To cha

1、3D饼图的页面pie3D.html：<!--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、设计思路（1）了解FusionCharts中面积图所特有的属性以及共性；（2）设计出一个面积图，数据源是由XML提供；（3）在XML中设置面积图的一些属性，美化图形。2、设计步骤（1）设计面积图的数据源area2D.xml：<chart caption='2013年水果年产量' xAxisName='水果名称' yAxisName='水果产量' baseFon

1、设计思路（1）了解条状图的一些特性和共性，掌握其特性；（2）根据FusionCharts设计条理，设置静态页面和数据源；（3）引入条状图，设置其属性。2、设计步骤（1）设计生成条状图的脚本$(function(){ var bar2D = new FusionCharts( "../script/Charts/Bar2D.swf", "m

1、FusionCharts中的2D双柱状图页面doubleColumn2D.html：<!--To change this license header, choose License Headers in Project Properties.To change this template file, choose Tools | Templatesand open the

1、3D双柱状图页面源码如下doubleColumn3D.html：<!--To change this license header, choose License Headers in Project Properties.To change this template file, choose Tools | Templatesand open the template

1、第一种方法     通过JavaScript中的document.getElementById("startDate").value取值 var startDate = document.getElementById("startDate").value; var endDate = document.getElementById("endDate").valu

1、问题描述      在dojo中，日期格式是yyyy-MM-dd，即页面上显示的日期格式；现在，数据库中的日期格式是yyyyMMdd，需要转化一下2、问题思路（1）首先，取DateTextBox中的值；（2）然后，将DateTextBox中显示的值进行截取；（3）最后，进行字符串组合，组合需要的日期格式。3、解决步骤（1）取值var startDateStr =

1、页面doubleArea.htmldoubleArea.html： FusionCharts 2D双面积图 $(function(){ var doubleArea = new FusionCharts( "../scripts/Charts/MSArea.s