游海东的技术专栏

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

1、首先，打开MyEclipse开发软件，新建一个Web Project，命名struts2;2、配置Tomcat服务器3、配置server.xmlserver.xml:<!-- Licensed to the Apache Software Foundation (ASF) under one or more contributor lice

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%; }

一、padding1、语法结构（1）padding-left:10px;                            左内边距（2）padding-right:10px;                          右内边距（3）padding-top:10px;                            上内边距（4）padding-bottom:

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

CSS颜色代码大全视图参照表！#FFFFFF#DDDDDD#AAAAAA#888888#666666#444444#000000#FFB7DD#FF88C2#FF44AA#FF0088#C10066#A20055#8

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、设计思路（1）下拉框选择月份，进行查询第几个月的数据；（2）点击“重置”按钮，会将下拉框置空，同时查询全部数据；（3）“日”和“月”交替选择，会将日期选项和月份下拉框进行屏蔽（4）根据查询的数据不同，相应的图表显示的数据也不一致。

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

1、AdvancedDataGrid实现双表头表格（1）源码AdvanceGrid.mxml<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.

1、HDividedBox（1）源码HVD.mxml：<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx"

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

Button { cornerRadius: 8; textIndent: 2; paddingLeft: 20; paddingRight: 20; paddingTop: 20; paddingBottom: 20; letterSpacing: 2; highlightAlphas: 1, 1; fillAlphas: 1, 1, 1,

LinkBar { borderStyle: solid; borderColor: #cc0000; borderThickness: 1; horizontalGap: 20; separatorWidth: 3; letterSpacing: 2; cornerRadius: 8; backgroundColor: #66ccff; se

ApplicationControlBar { borderStyle: solid; borderThickness: 1; borderColor: #ff0000; backgroundColor: #ffff99; backgroundAlpha: 0.45; cornerRadius: 8; dropShadowEnabled: true;

HDividedBox { dividerAffordance: 30; dividerAlpha: 0.77; dividerColor: #ff0000; dividerThickness: 30;}

Panel { borderStyle: solid; borderColor: #ff0000; borderAlpha: 0.5; borderThickness: 2; roundedBottomCorners: true; cornerRadius: 10; headerHeight: 50; backgroundAlpha: 0.5;

VDividedBox { dividerAffordance: 15; dividerAlpha: 0.56; dividerColor: #cc3333; dividerThickness: 11;}

ButtonBar { buttonHeight: 50; buttonWidth: 140; horizontalGap: -1; textIndent: 0; letterSpacing: 0; buttonStyleName: "mybuttonBarButtonStyle"; firstButtonStyleName: "mybuttonBarFi

LinkButton { cornerRadius: 10; paddingLeft: 20; paddingRight: 20; letterSpacing: 0; rollOverColor: #ff0000; selectionColor: #ffff00; color: #000000; textRollOverColor: #660099;

PopUpButton { cornerRadius: 8; arrowButtonWidth: 30; popUpGap: 50; textIndent: 0; letterSpacing: 0; paddingLeft: 20; paddingRight: 20; paddingTop: 20; paddingBottom: 20;

ToggleButtonBar { buttonHeight: 50; buttonWidth: 139; horizontalGap: -1; textIndent: 0; letterSpacing: 0; buttonStyleName: "mytoggleButtonBarButtonStyle"; firstButtonStyleName: "m

CheckBox { textIndent: 0; letterSpacing: 1; highlightAlphas: 0.5, 0.4; fillAlphas: 0.75, 0.4, 0.75, 0.65; fillColors: #cc9900, #cc0000, #99cc66, #ccff99; borderColor: #99ff00; ico

ComboBox { cornerRadius: 10; color: #6600cc; borderColor: #cc0000; iconColor: #9933ff; highlightAlphas: 0.44, 0.2; fillAlphas: 0.69, 0.55, 0.45, 0.68; fillColors: #cc0000, #ffff00

DateChooser { cornerRadius: 8; borderThickness: 0; horizontalGap: 40; verticalGap: 40; headerColors: #00cc33, #ffcc00; highlightAlphas: 0.56, 0.56; fillAlphas: 0.69, 0.64, 0.45, 0

RadioButton { textIndent: 0; letterSpacing: 0; highlightAlphas: 0.46, 0.38; fillAlphas: 0.81, 0.82, 0.75, 0.65; fillColors: #cc0000, #ffff00, #cc9999, #ff3399; borderColor: #0033ff;

NumericStepper { borderStyle: solid; borderColor: #cc0000; borderThickness: 1; backgroundAlpha: 0.6; cornerRadius: 6; textIndent: 5; letterSpacing: 10; highlightAlphas: 0.62, 0

TextArea { fontFamily: Times New Roman; fontSize: 48; color: #6600cc; fontWeight: bold; fontStyle: italic; textDecoration: underline; textAlign: left; paddingLeft: 9; paddin

Tree { backgroundAlpha: 0.9; backgroundColor: #ffcc00; alternatingItemColors: #99ff00, #6600ff; depthColors: #99ff00, #333399, #0099ff, #99cccc; useRollOver: true; rollOverColor: #99

TabNavigator { tabHeight: 31; tabWidth: 96; cornerRadius: 10; horizontalGap: -2; horizontalAlign: left; tabOffset: 2; textIndent: 2; backgroundAlpha: 0.77; backgroundColor:

VRule { strokeColor: #00ffff; shadowColor: #ffff00; strokeWidth: 20;}

TextInput { borderStyle: solid; borderColor: #ff0000; borderThickness: 1; cornerRadius: 8; backgroundColor: #cccc00; color: #6600ff; textAlign: left; letterSpacing: 2; paddi

List { backgroundAlpha: 0.61; backgroundColor: #000000; alternatingItemColors: #cc0000, #ccff00; useRollOver: true; rollOverColor: #ffcc00; textRollOverColor: #ffcc66; borderStyle

Accordion { borderStyle: solid; borderThickness: 1; headerHeight: 29; backgroundAlpha: 0.68; textIndent: 0; openDuration: 481; highlightAlphas: 0.56, 0.58; fillAlphas: 0.81, 0.

HRule { strokeColor: #00ff66; shadowColor: #ff0000; strokeWidth: 20;}

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