<?xml version="1.0" encoding="UTF-8"?>
  <feed xmlns="http://www.w3.org/2005/Atom">
  <title type="html"><![CDATA[小兔子乖乖]]></title>
  <subtitle type="html"><![CDATA[我不是你的天使~~]]></subtitle>
  <id>http://blog.campuszp.com/</id>
  <link rel="alternate" type="text/html" href="http://blog.campuszp.com/" /> 
  <link rel="self" type="application/atom+xml" href="http://blog.campuszp.com/atom.asp" /> 
  <generator uri="http://www.pjhome.net/" version="2.8">PJBlog3</generator> 
  <updated>2012-05-18T10:03:13+08:00</updated>

  <entry>
	  <title type="html"><![CDATA[jquery jqPlot API 中文使用教程]]></title>
	  <author>
		 <name>admin</name>
		 <uri>http://blog.campuszp.com/</uri>
		 <email>Rabbit_xxy@163.com</email>
	  </author>
	  <category term="" scheme="http://blog.campuszp.com/default.asp?cateID=10" label=".NET学习" /> 
	  <updated>2012-05-18T10:03:13+08:00</updated>
	  <published>2012-05-18T10:03:13+08:00</published>
		  <summary type="html"><![CDATA[jqPlot整的来说有三个地方需要配置。格式如：<br/>&nbsp;&nbsp;&nbsp;&nbsp;$.jqplot(‘target’, data, options);target：要显示的位置。data：显示的数据。options：其它配置<br/><br/>seriesColors: [ &#34;#4bb2c5&#34;, &#34;#c5b47f&#34;, &#34;#EAA228&#34;, &#34;#579575&#34;, &#34;#839557&#34;, &#34;#958c12&#34;,<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&#34;#953579&#34;, &#34;#4b5de4&#34;, &#34;#d8b83f&#34;, &#34;#ff5800&#34;, &#34;#0085cc&#34;], // 默认显示的分类颜色，如果分类的数量超过这里的颜色数量，则从该队列中第一个位置开始重新取值赋给相应的分类&nbsp;&nbsp;<br/>stackSeries: false, // 如果置为true并且有多个分类（如果是折线图，就必须多于一条折线）， 那么每个分类（折线）在纵轴上的值为其前所有分类纵轴值总和与其纵，轴值相加值（eg,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 当前分类纵轴值为Y3<br/>&nbsp;&nbsp;title: &#39;&#39;,&nbsp;&nbsp;&nbsp;&nbsp; //设置当前图的标题<br/><br/>&nbsp;&nbsp;&nbsp;&nbsp;title: {<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;text: &#39;&#39;,&nbsp;&nbsp;//设置当前图的标题<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;show: true,//设置当前图的标题是否显示<br/>&nbsp;&nbsp;&nbsp;&nbsp;},<br/><br/>&nbsp;&nbsp;&nbsp;&nbsp;axesDefaults: {<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;show: false,&nbsp;&nbsp;&nbsp;&nbsp;是否自动显示坐标轴。<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;min: null,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;横(纵)轴最小刻度值<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;max: null,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 横(纵)轴最大刻度值<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;pad: 1.2,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 横(纵)轴度值增涨因子<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;ticks: [],&nbsp;&nbsp;&nbsp;&nbsp; //设置横（纵）坐标的刻度上的值，可为该ticks数组中的值<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;numberTicks: undefined,//一个相除因子，用于设置横（纵）坐标刻度间隔，横（纵）坐标刻度间隔值=横（纵）坐标区间长度/(numberTicks-1)<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;renderer: $.jqplot.LinearAxisRenderer,&nbsp;&nbsp;// 设置横（纵）轴上数据加载的渲染器<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;rendererOptions: {},&nbsp;&nbsp; // 设置renderer的Option配置对象，线状图不需要设置<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;tickOptions: {<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;mark: &#39;outside&#39;,&nbsp;&nbsp;&nbsp;&nbsp;// 设置刻度在坐标轴上的显示方式：分为:坐标轴外显示，内显示，和穿过显示;其值分别为 &#39;outside&#39;, &#39;inside&#39; o&#114; &#39;cross&#39;。<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;showMark: true,&nbsp;&nbsp;&nbsp;&nbsp; //设置是否显示刻度<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;showGridline: true, // 是否在图表区域显示刻度值方向的网格<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;markSize: 4,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;// 每个刻度线顶点距刻度线在坐标轴上点距离（像素为单位)如果mark值为 &#39;cross&#39;, 那么每个刻度线都有上顶点和下顶点，刻度线与坐标轴<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 在刻度线中间交叉，那么这时这个距离×2<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;show: true,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //是否显示刻度线，与刻度线同方向的网格线，以及坐标轴上的刻度值<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;showLabel: true,&nbsp;&nbsp;&nbsp;&nbsp;//是否显示刻度线以及坐标轴上的刻度值<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;formatString: &#39;&#39;,&nbsp;&nbsp; //设置坐标轴上刻度值显示格式，eg:&#39;%b %#d, %Y&#39;表示格式&#34;月 日，年&#34;，&#34;AUG 30,2008&#34;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; fontSize:&#39;10px&#39;,&nbsp;&nbsp;&nbsp;&nbsp;//刻度值的字体大小&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;fontFamily:&#39;Tahoma&#39;, //刻度值上字体&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;angle:40,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //刻度值与坐标轴夹角，角度为坐标轴正向顺时针方向&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;fontWeight:&#39;normal&#39;, //字体的粗细&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;fontStretch:1//刻度值在所在方向（坐标轴外）上的伸展(拉伸)度<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;showTicks: true,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//是否显示刻度线以及坐标轴上的刻度值,<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;showTickMarks: true,&nbsp;&nbsp;&nbsp;&nbsp;// 设置是否显示刻度<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;useSeriesColor: true&nbsp;&nbsp; //如果有多个纵（横）坐标轴，通过该属性设置这些坐标轴是否以不同颜色显示<br/>&nbsp;&nbsp;&nbsp;&nbsp;},<br/><br/>&nbsp;&nbsp;&nbsp;&nbsp;axes: {<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;xaxis: {<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;// same options as axesDefaults<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;yaxis: {<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;// same options as axesDefaults<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;x2axis: {<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;// same options as axesDefaults<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;y2axis: {<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;// same options as axesDefaults<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br/>&nbsp;&nbsp;&nbsp;&nbsp;},<br/><br/>&nbsp;&nbsp;&nbsp;&nbsp;seriesDefaults: {//如果有多个分类，这可通过该配置属性设置各个分类的共性属性<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;show: true,&nbsp;&nbsp;&nbsp;&nbsp; //设置是否渲染整个图表区域（即显示图表中内容）.<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;xaxis: &#39;xaxis&#39;, // either &#39;xaxis&#39; o&#114; &#39;x2axis&#39;.<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;yaxis: &#39;yaxis&#39;, // either &#39;yaxis&#39; o&#114; &#39;y2axis&#39;.<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;label: &#39;&#39;,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;// 用于显示在分类名称框中的分类名称.<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;color: &#39;&#39;,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;// 分类在图标中表示（折现，柱状图等）的颜色.<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;lineWidth: 2.5, // 分类图（特别是折线图）哪宽度.<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;shadow: true,&nbsp;&nbsp; // 各图在图表中是否显示阴影区域.<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;shadowAngle: 45,&nbsp;&nbsp;&nbsp;&nbsp;//参考grid中相同参数.<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;shadowOffset: 1.25, //参考grid中相同参数.<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;shadowDepth: 3,&nbsp;&nbsp;&nbsp;&nbsp; //参考grid中相同参数.<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;shadowAlpha: 0.1,&nbsp;&nbsp; // Opacity of the shadow.<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;showLine: true,&nbsp;&nbsp;&nbsp;&nbsp; //是否显示图表中的折线（折线图中的折线）&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;showMarker: true,&nbsp;&nbsp; // 是否强调显示图中的数据节点&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;fill: false,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;// 是否填充图表中折线下面的区域（填充颜色同折线颜色）以及legend&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//设置的分类名称框中分类的颜色，此处注意的是如果fill为true，&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //那么showLine必须为true，否则不会显示效果&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;fillAndStroke: false,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //在fill为true的状态下，在填充区域最上面显示一条线（如果是折线图则显示该折线）&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;fillColor: undefined,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // 设置填充区域的颜色&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;fillAlpha: undefined,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // 梃置填充区域的透明度&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;renderer: $.jqplot.PieRenderer, // 利用渲染器（这里是利用饼图PieRenderer）渲染现有图表&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //，从而转换成所需图表&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;rendererOptions: {}, // 传给上个属性所设置渲染器的option对象，线状图的渲染器没有option对象，&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //不同图表的Option配置对象请参见下面《jqPlot各个不同插件的Option对象设置》&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //中各个图表的配置Option对象&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;markerRenderer: $.jqplot.MarkerRenderer,&nbsp;&nbsp;&nbsp;&nbsp;// renderer to use to draw the data&nbsp;&nbsp;&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;// point markers.&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;markerOptions: {&nbsp;&nbsp;&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;show: true,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // 是否在图中显示数据点&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;style: &#39;filledCircle&#39;, // 各个数据点在图中显示的方式，默认是&#34;filledCircle&#34;(实心圆点),&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//其他几种方式circle，diamond, square, filledCircle，&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;// filledDiamond o&#114; filledSquare.&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;lineWidth: 2,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // 数据点各个的边的宽度（如果设置过大，各个边会重复，会显示的类似于实心点）&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;size: 9,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;// 数据点的大小&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;color: &#39;#666666&#39;&nbsp;&nbsp;&nbsp;&nbsp;// 数据点的颜色&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;shadow: true,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // 是否为数据点显示阴影区（增加立体效果）&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;shadowAngle: 45,&nbsp;&nbsp;&nbsp;&nbsp;// 阴影区角度，x轴顺时针方向&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;shadowOffset: 1,&nbsp;&nbsp;&nbsp;&nbsp;// 参考grid中相同参数&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;shadowDepth: 3,&nbsp;&nbsp;&nbsp;&nbsp; //参考grid中相同参数&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;shadowAlpha: 0.07&nbsp;&nbsp; // 参考grid中相同参数&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;isDragable: true,//是否允许拖动（如果dragable包已引入）,默认可拖动<br/>&nbsp;&nbsp;&nbsp;&nbsp;},<br/><br/>&nbsp;&nbsp;&nbsp;&nbsp;series:[<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //如果有多个分类需要显示，这在此处设置各个分类的相关配置属性&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //eg.设置各个分类在分类名称框中的分类名称<br/>//[label: &#39;Traps Division&#39;},{label: &#39;Decoy Division&#39;},{label: &#39;Harmony Division&#39;}]//配置参数设置同seriesDefaults<br/>],<br/>&nbsp;&nbsp;legend: {&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;show: false,//设置是否出现分类名称框（即所有分类的名称出现在图的某个位置）&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;location: &#39;ne&#39;,&nbsp;&nbsp;&nbsp;&nbsp; // 分类名称框出现位置, nw, n, ne, e, se, s, sw, w.&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;xoffset: 12,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;// 分类名称框距图表区域上边框的距离（单位px）&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;yoffset: 12,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;// 分类名称框距图表区域左边框的距离(单位px)&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;background:&#39;&#39;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//分类名称框距图表区域背景色&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;textColor:&#39;&#39;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//分类名称框距图表区域内字体颜色&nbsp;&nbsp;&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;},&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;grid: {&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;drawGridLines: true,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;// wether to draw lines across the grid o&#114; not.&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;gridLineColor: &#39;#cccccc&#39;&nbsp;&nbsp;&nbsp;&nbsp;// 设置整个图标区域网格背景线的颜色&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;background: &#39;#fffdf6&#39;,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;// 设置整个图表区域的背景色&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;borderColor: &#39;#999999&#39;,&nbsp;&nbsp;&nbsp;&nbsp; // 设置图表的(最外侧)边框的颜色&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;borderWidth: 2.0,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //设置图表的（最外侧）边框宽度&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;shadow: true,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // 为整个图标（最外侧）边框设置阴影，以突出其立体效果&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;shadowAngle: 45,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;// 设置阴影区域的角度，从x轴顺时针方向旋转&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;shadowOffset: 1.5,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;// 设置阴影区域偏移出图片边框的距离&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;shadowWidth: 3,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // 设置阴影区域的宽度&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;shadowDepth: 3,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // 设置影音区域重叠阴影的数量&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;shadowAlpha: 0.07&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // 设置阴影区域的透明度&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;renderer: $.jqplot.CanvasGridRenderer, // renderer to use to draw the grid.&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;rendererOptions: {}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // options to pass to the renderer. Note, the default&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;// CanvasGridRenderer takes no additional options.&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;},&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;//jqPlot各个不同插件的Option对象设置<br/>&nbsp;&nbsp;&nbsp;&nbsp;// BarRenderer（设置柱状图的Option对象）&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;//该Option对象适用与柱状图的series和seriesDefault属性的相关配置对象设置&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;seriesDefaults: {&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;rendererOptions: {&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;barPadding: 8,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//设置同一分类两个柱状条之间的距离（px）&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;barMargin: 10,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//设置不同分类的两个柱状条之间的距离（px）（同一个横坐标表点上）&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;barDirection: &#39;vertical&#39;, //设置柱状图显示的方向：垂直显示和水平显示&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //，默认垂直显示 vertical o&#114; horizontal.&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;barWidth: null,&nbsp;&nbsp;&nbsp;&nbsp; // 设置柱状图中每个柱状条的宽度&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;shadowOffset: 2,&nbsp;&nbsp;&nbsp;&nbsp;// 同grid相同属性设置&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;shadowDepth: 5,&nbsp;&nbsp;&nbsp;&nbsp; // 同grid相同属性设置&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;shadowAlpha: 0.8,&nbsp;&nbsp; // 同grid相同属性设置&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;},&nbsp;&nbsp;&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;// Cursor(光标)&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;// 鼠标移动到图中时，鼠标在图中显示形式，常与和高亮功能同时使用&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;//此外，通过设置该属性的zoom相关属性来对图中某个区域钻取（就选定区域放大）&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;//该配置对象直接在option下配置&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;cursor: {&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;style: &#39;crosshair&#39;,&nbsp;&nbsp;&nbsp;&nbsp; //当鼠标移动到图片上时，鼠标的显示样式，该属性值为css类&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;show: true,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//是否显示光标&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;showTooltip: true,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;// 是否显示提示信息栏&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;followMouse: false,&nbsp;&nbsp;&nbsp;&nbsp; //光标的提示信息栏是否随光标（鼠标）一起移动&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;tooltipLocation: &#39;se&#39;, // 光标提示信息栏的位置设置。如果followMouse=true,那么该位置为&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//提示信息栏相对于光标的位置。否则，为光标提示信息栏在图标中的位置&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;// 该属性可选值： n, ne, e, se, etc.&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;tooltipOffset: 6,&nbsp;&nbsp;&nbsp;&nbsp; //提示信息栏距鼠标(followMouse=true)或坐标轴（followMouse=false）的位置&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;showTooltipGridPosition: false,//是否在信息提示栏中显示光标位置（取其据图标左和上边缘线像素距离）&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;showTooltipUnitPosition: true,// 是否显示提示光标所在位置（取其在横纵轴上数据值）的信息栏&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//注：注意此处与showTooltipGridPosition值区别，前者显示坐标值，该处显示的是数据值&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;tooltipFormatString: &#39;%.4P&#39;,&nbsp;&nbsp;&nbsp;&nbsp;// 同Highlighter的tooltipFormatString&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;useAxesFormatters: true,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;// 同Highlighter的tooltipFormatString&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;tooltipAxesGroups: [], // show only specified axes groups in tooltip. Would specify like:&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;// [[&#39;xaxis&#39;, &#39;yaxis&#39;], [&#39;xaxis&#39;, &#39;y2axis&#39;]]. By default, all axes&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;// combinations with for the series in the plot are shown.&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;},&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;// Dragable（拖动）&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;//该配置对象通过seriesDefaults和series配置对象进行配置&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;seriesDefaults: {&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp; dragable: {&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; color: undefined,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // 当拖动数据点是，拖动线与拖动数据点颜色&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; constrainTo: &#39;none&#39;,&nbsp;&nbsp;&nbsp;&nbsp;//设置拖动的的范围: &#39;x&#39;（只能在横向上拖动）,&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // &#39;y&#39;（只能在纵向上拖动）, o&#114; &#39;none&#39;（无限制）.&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp; },&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;},&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;// Highlighter（高亮）&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;//设置高亮动作option属性对象&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp; //鼠标移动到某个数据点上时，该数据点增大并显示提示信息框&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;//该配置对象直接在option下配置&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;highlighter: {&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;lineWidthAdjust: 2.5,&nbsp;&nbsp; //当鼠标移动到放大的数据点上时，设置增大的数据点的宽度&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;// 目前仅适用于非实心数据点&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;sizeAdjust: 5,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;// 当鼠标移动到数据点上时，数据点扩大的增量增量&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;showTooltip: true,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;// 是否显示提示信息栏&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;tooltipLocation: &#39;nw&#39;, // 提示信息显示位置（英文方向的首写字母）: n, ne, e, se, s, sw, w, nw.&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;fadeTooltip: true,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;// 设置提示信息栏出现和消失的方式（是否淡入淡出）&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;tooltipFadeSpeed: &#34;fast&#34;//设置提示信息栏淡入淡出的速度： slow, def, fast, 或者是一个毫秒数的值.&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;tooltipOffset: 2,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // 提示信息栏据被高亮显示的数据点的偏移位置，以像素计。&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;tooltipAxes: &#39;both&#39;,&nbsp;&nbsp;&nbsp;&nbsp;// 提示信息框显示数据点那个坐标轴上的值，目前有横/纵/横纵三种方式。&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//值分别为 x, y o&#114; xy.&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;tooltipSeparator: &#39;, &#39; // 提示信息栏不同值之间的间隔符号&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;useAxesFormatters: true // 提示信息框中数据显示的格式是否和该数据在坐标轴上显示格式一致&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;tooltipFormatString: &#39;%.5P&#39; // 用于设置提示信息框中数据显示的格式，前提条件是useAxesFormatters&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;// 为false. 此时信息提示框中数据格式不再与坐标轴一致，而是以此为准&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//同时，该属性还支持html格式字符串&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//eg:&#39;&lt;b&gt;&lt;i&gt;&lt;span style=&#34;color:red;&#34; mce_style=&#34;color:red;&#34;&gt;hello&lt;/span&gt;&lt;/i&gt;&lt;/b&gt; %.2f&#39;&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;},&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;// LogAxisRenderer(指数渲染器)&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;// 该渲染器只有两个属性， 指数渲染器通过axesDefaults和axes配置对象进行配置<br/>&nbsp;&nbsp;&nbsp;&nbsp;axesDefaults: {&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;base: 10,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // 指数的底数&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;tickDistribution: &#39;even&#39;,&nbsp;&nbsp; // 坐标轴显示方式：&#39;even&#39; o&#114; &#39;power&#39;. &#39;even&#39; 产生的是均匀分布于坐标&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//轴上的坐标刻度值 。而&#39;power&#39; 则是根据不断增大的增数来确定坐标轴上的刻度&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;},&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;// PieRenderer(设置饼状图的OPtion对象)&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;// 饼状图通过seriesDefaults和series配置对象进行配置&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;seriesDefaults: {&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;rendererOptions: {&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; diameter: undefined, // 设置饼的直径&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;padding: 20,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;// 饼距离其分类名称框或者图表边框的距离，变相该表饼的直径&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;sliceMargin: 20,&nbsp;&nbsp;&nbsp;&nbsp; // 饼的每个部分之间的距离&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;fill:true,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // 设置饼的每部分被填充的状态&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;shadow:true,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //为饼的每个部分的边框设置阴影，以突出其立体效果&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;shadowOffset: 2,&nbsp;&nbsp;&nbsp;&nbsp;//设置阴影区域偏移出饼的每部分边框的距离&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;shadowDepth: 5,&nbsp;&nbsp;&nbsp;&nbsp; // 设置阴影区域的深度&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;shadowAlpha: 0.07&nbsp;&nbsp; // 设置阴影区域的透明度&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;},&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;//pointLabels(数据点标签)&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;//用于在数据点所在位置显示相关信息（非提示框性质）&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;seriesDefaults: {&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;pointLabels: {&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;location:&#39;s&#39;,//数据标签显示在数据点附近的方位&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;ypadding:2&nbsp;&nbsp; //数据标签距数据点在纵轴方向上的距离&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;// Trendline（趋势线）&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;// 饼状图通过seriesDefaults和series配置对象进行配置&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;seriesDefaults: {&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;trendline: {&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;show: true,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // 是否显示趋势线&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;color: &#39;#666666&#39;,&nbsp;&nbsp; // 趋势线颜色&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;label: &#39;&#39;,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;// 趋势线名称&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type: &#39;linear&#39;,&nbsp;&nbsp;&nbsp;&nbsp; //趋势线类型&#39;linear&#39;（直线）, &#39;exponential&#39;（幂值数线） o&#114; &#39;exp&#39;&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;shadow: true,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // 同grid相同属性设置&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;lineWidth: 1.5,&nbsp;&nbsp;&nbsp;&nbsp; // 趋势线宽度&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;shadowAngle: 45,&nbsp;&nbsp;&nbsp;&nbsp;// 同grid相同属性设置&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;shadowOffset: 1.5, // 同grid相同属性设置&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;shadowDepth: 3,&nbsp;&nbsp;&nbsp;&nbsp; // 同grid相同属性设置&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;shadowAlpha: 0.07&nbsp;&nbsp; // 同grid相同属性设置&nbsp;&nbsp;&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;<br/>}]]></summary>
	  <link rel="alternate" type="text/html" href="http://blog.campuszp.com/article/1215.htm" /> 
	  <id>http://blog.campuszp.com/default.asp?id=1215</id>
  </entry>	
		
  <entry>
	  <title type="html"><![CDATA[Cannot modify header information - headers already]]></title>
	  <author>
		 <name>admin</name>
		 <uri>http://blog.campuszp.com/</uri>
		 <email>Rabbit_xxy@163.com</email>
	  </author>
	  <category term="" scheme="http://blog.campuszp.com/default.asp?cateID=10" label=".NET学习" /> 
	  <updated>2012-05-11T17:14:52+08:00</updated>
	  <published>2012-05-11T17:14:52+08:00</published>
		  <summary type="html"><![CDATA[<p>Cannot modify header information - headers already sent by (output started at</p>
<p>今天在<a href="http://www.wordpress.org.cn/forums/index.php">WordPress中文论坛</a>逛了一圈。坛子里人气不高，不过还是有很多高手的。会编写插件和模版的高手和连编辑文件都不会的初学者混在一起，论坛就是这样，哈哈。</p>
<p>看到好几个帖子里提到同一个错误，比如<a href="http://wordpress.org.cn/forums/viewthread.php?tid=227#lastpost">这个帖子</a>里 提到的:&quot;Warning: Cannot modify header information - headers already sent by (output started at c:\program files\easyphp1-8\www\wp-config.php:1) in c:\program files\easyphp1-8\www\wp-login.php on line 9&quot;</p>
<p>这是一个很典型的问题。WordPress的程序执行时会首先调用wp-config.php一类的配置文件，也会调用wp-db.php建立数据库连接以备后用。这些文件只是做一些设置，并不输出html代码。设置完了后，程序本身开始执行了，有些程序会使用<a href="http://cn.php.net/manual/zh/function.header.php">header命令</a>设置一个HTTP头。由于HTTP头必须在html代码输出之前设置好，否则html代码已经开始往客户端发送了，HTTP也就已经发送过了，没法追回来重新设置了。WordPress CodeX里对这个问题作出了说明：<a href="http://codex.wordpress.org/FAQ_Troubleshooting#How_do_I_solve_the_Headers_already_sent_warning_problem.3F">《How do I solve the <em>Headers already sent</em> warning problem?》</a>。文章指出：要确保各个文件&mdash;&mdash;尤其是经常被编辑的wp-config.php文件&mdash;&mdash;以<code>&lt;?php</code>开头，以<code>?&gt;</code>结尾，前后不能有其他字符。具体到上面的例子，很明显，提示信息说wp-config.php的第一行就开始了html输出，这有可能是第一行的<code>&lt;?php</code>部分前面被加上的其他字符，比如空格一类的。再联想到以前提到的<a href="http://yskin.net/2006/07/wordpress-utf-8-bom.html">BOM的问题</a>，那么非常有可能是因为这位朋友使用了Windows的记事本编辑了wp-config.php文件并保存成了UTF-8编码的文档，从而因为BOM的三个字符的输出造成了header命令执行出错。</p>
<p>WordPress中文论坛没有提供全文搜索的功能，只能搜索标题，所以我用Google搜索了一下<a href="http://www.google.com/search?q=Cannot+modify+header+information+site:wordpress.org.cn&amp;hl=zh-CN&amp;lr=&amp;newwindow=1&amp;start=10&amp;sa=N">Cannot modify header information site:wordpress.org.cn</a>， 好像碰到这个问题的人还真不少。目前大家用的WordPress主要是WordPress英文原版和几个WordPress中文版。我的中文包又不包含 wp-config-sample.php文件，自然不关我的事；WordPress原版用的ASCII码，自然不包含BOM，也不会出这样的错误；<a href="http://blog.xigang.org/">xigang</a>制 作的WordPress中文版在WordPress中文论坛有下，我去下载了WordPress 2.0.4和2.0.3这两个，检查了一下，没有问题；点点游的WordPress 2.0.4中文版里，wp-config-sample.php文件用的是GB2312编码和DOS行尾符，GOD!不过这样也好，如果有人用记事本修改 了这个文件，DOS行尾符不会造成编辑问题，GB2312编码不会造成BOM的问题，呼。</p>
<div><img src="http://hiphotos.baidu.com/chinas/pic/item/4c34f0d3e9fa52c9a8ec9abe.jpg" small="0" alt="" /><br />
<br />
<div>
<p style="background-color: #00ff00">&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>根据Bo-Blog的wiki的说明：Editplus需要先另存为gb，再另存为UTF-8。不过这样做要小心，所有GBK编码中不包含的字符就 会都丢了。如果有一些非中文的字符在文件里的话还是不要用这种办法了。(从这一个小方面来看，UE&mdash;&mdash;UltraEdite-32确实比Editplus 好很多，Editplus太轻量级了)</p>
</div>
</div>
<p>唉，如果你要用WordPress架Blog，还是扔掉记事本，装个UltraEdit或者EditPlus吧！</p>
<p><strong title="2006-9-14 15:32">Update：</strong>那些提示(output started at \wp-includes\wp-db.php:104)的，我打开wp-db.php文件看了一下，104行好像是输出数据库错误的呀。还是检查一下你的数据库连接，还有是不是IIS上才会有这个问题呀？</p>]]></summary>
	  <link rel="alternate" type="text/html" href="http://blog.campuszp.com/article/1214.htm" /> 
	  <id>http://blog.campuszp.com/default.asp?id=1214</id>
  </entry>	
		
  <entry>
	  <title type="html"><![CDATA[sql2005 xp_cmdshell 开启关闭方法]]></title>
	  <author>
		 <name>admin</name>
		 <uri>http://blog.campuszp.com/</uri>
		 <email>Rabbit_xxy@163.com</email>
	  </author>
	  <category term="" scheme="http://blog.campuszp.com/default.asp?cateID=5" label="杂七杂八" /> 
	  <updated>2012-05-07T16:03:31+08:00</updated>
	  <published>2012-05-07T16:03:31+08:00</published>
		  <summary type="html"><![CDATA[　SQL2005 在默认的设置中是删除了 XP_CMDSHELL的，因此也在注射过程中产生了点困难。后来经过查看MSSQL2005的手册才知道情况原来如此：<br/>　　用下面一句话就可以了解决了。<br/>　　EXEC sp_configure &#39;show advanced options&#39;, 1;RECONFIGURE;EXEC sp_configure &#39;xp_cmdshell&#39;, 1;RECONFIGURE;<br/>　　关闭一样.只是将上面的后面的那个&#34;1&#34;改成&#34;0&#34;就可以了.<br/>　　EXEC sp_configure &#39;show advanced options&#39;, 1;RECONFIGURE;EXEC sp_configure &#39;xp_cmdshell&#39;, 0;RECONFIGURE;<br/>]]></summary>
	  <link rel="alternate" type="text/html" href="http://blog.campuszp.com/article/1213.htm" /> 
	  <id>http://blog.campuszp.com/default.asp?id=1213</id>
  </entry>	
		
  <entry>
	  <title type="html"><![CDATA[让挑战变得简单的最好办法就是让自己变更强。]]></title>
	  <author>
		 <name>admin</name>
		 <uri>http://blog.campuszp.com/</uri>
		 <email>Rabbit_xxy@163.com</email>
	  </author>
	  <category term="" scheme="http://blog.campuszp.com/default.asp?cateID=5" label="杂七杂八" /> 
	  <updated>2012-05-03T22:42:31+08:00</updated>
	  <published>2012-05-03T22:42:31+08:00</published>
		  <summary type="html"><![CDATA[马晓旭 <br/><br/>我是马晓旭，这是我的故事。刚开始踢球的时候，觉得根本就没什么困难。第一次进国家队还不到16岁。练了一短时间，他们就让我回来了。那是很难的一道坎，但还是没有难住我。要让再大的挑战也变得简单，最好的办法就是把自己变得更强。 <br/><br/><br/>阿里纳斯 <br/><br/>我是吉尔伯特.阿里纳斯,这是我的故事。职业生涯的前40场比赛，我是在板凳上度过的。他们觉得我就是个0，一无是处。我没有怨天尤人，而是不停地训练、训练。这已经不是我能否打好篮球的问题了，我要证明他们是错的。为什么我的球衣是0号？因为我要提醒自己，每天我都要全力奋战。 <br/><br/><br/>贝克汉姆 <br/><br/>我叫大卫贝克汉姆，下面是我的故事 <br/>我仍然不时地想起98年 <br/>当然我很希望那从来不曾发生过 <br/>我那时候表现的多像个不成熟的男孩子啊 <br/>我想那时我哭了有5到10分钟了 <br/>我现在仍感到不安 <br/>那时我受到了死亡的威胁 <br/>3年半的时间里我从未有安全感 <br/>在这些事情发生的时候它甚至可以把一个人彻底打倒 <br/>在我们对阵希腊我进球之后 <br/>所有的体育记者，他们站起来为我鼓掌 <br/>在经历过最严厉的批评后 <br/>这是一次大的转折 <br/>你这一生中会经历挫折 <br/>但重要的是坚强的度过它 ]]></summary>
	  <link rel="alternate" type="text/html" href="http://blog.campuszp.com/article/1212.htm" /> 
	  <id>http://blog.campuszp.com/default.asp?id=1212</id>
  </entry>	
		
  <entry>
	  <title type="html"><![CDATA[短时间内提高申论成绩]]></title>
	  <author>
		 <name>admin</name>
		 <uri>http://blog.campuszp.com/</uri>
		 <email>Rabbit_xxy@163.com</email>
	  </author>
	  <category term="" scheme="http://blog.campuszp.com/default.asp?cateID=19" label="每天进步" /> 
	  <updated>2012-05-01T16:32:58+08:00</updated>
	  <published>2012-05-01T16:32:58+08:00</published>
		  <summary type="html"><![CDATA[　　《申论》之“道”指的就是申论考试的本质理念、思维方向和写作规律。所谓掌握申论之“道”，指的是要对《申论》的考试目的、思维方式、写作规律、评卷标准有一个准确而深刻的认知。可以说，准确把握申论之“道”，是取得公务员考试成功的关键性前提。“道可道，非常道。名可名，非常名”，尽管大“道”往往在形而上的层面上存在着。然而，这并不意味着我们无法参破，事实证明我们完全可以通过在公务员申论考试研究和教学的过程中对申论之“道”加以归纳和总结。<br/><br/>　　由于僵化的思维定势通常是影响人们作出正确判断的主要原因，因此，我们对申论之“道”的探索首先从实现思维方式的转变和建构新的思维框架开始，从突破申论考试的误区开始。<br/><br/><br/>　　误区一：申论成绩不会在短时间内有很大提高<br/><br/><br/>　　日本人藤田在《犹太人生意经》的开篇就说道：犹太生意经里面，存在着一条法则，犹太人正是因遵循了这条法则，所以做起生意来，得心应手，常胜不败。这条法则就是“78∶22效应”，它构成了犹太生意经的根本。研究表明，这条法则不仅在商业领域产生神奇的效应，而且存在于不为人们意志所转移的总的宇宙法则之中。众所周知，空气中的气体比例为，氮气占78％，而氧气等其他气体占22％；人体是由78％的水和22％的其他物质构成的。美国人理查德？考茨把这一法则概括为“80/20效应”，并称之为改变命运的黄金法则。他举例说明，世界上大约80％的资源，是由世界上20％左右的人口所耗尽的；世界大约80％的财富为世界上20％左右的人口所拥有；在一个国家的医疗体系中，20％的人口与20％的疾病，会耗尽80％的医疗资源；一本书80％的价值存在于20％的页码中；人类社会生活中80％的乐趣来自20％的休闲活动等等。<br/><br/><br/>　　同样的道理还有，企业80％的利润来自于20％的技术与产品投入，也就是说80％的财富来自于20％的投资，因此选择准这20％的投资领域就变的及其重要。中国的海信集团在2000年推出“8∶2”发展战略，其主要内容是，在3年内按照8∶2的结构比例对海信电视从技术、产品、经营三个方面进行战略调整。在技术上投入新产品研发资金10亿元，其中8亿元投资于胶片信息彩电，2亿元投资于数字化彩电升级换代产品；在产品结构上，胶片信息彩电与数字化彩电升级换代产品的比例调整为8∶2.海信的这一战略调整实际上是对“80/20”决策法则的成功运用。<br/><br/>　　因此，一个成功企业的经营决策的成功之处就在于它能从企业发展的过程中找到达到80％利益的那20％的关键所在。万事皆同此理。<br/><br/>　　我们当然不是在谈论经商之道，而是希望借助于“80/20”原则传达这样一个信念：申论成绩完全可以在付出20％努力的情况下，获得80％的收益。换句话说，申论成绩能否在短时间内获得显著提高，取决于考生能否掌握申论之“道”和“术”，能否掌握属于申论的那“20％”。<br/><br/>　　参加过公务员考试的人或多或少都有这样的遗憾：申论考试竟然有章可循！不管申论是什么，不管你是爱它还是恨它，为了达到我们的目标，我们必须面对它，吃透它！在你看本书后面章（回）节前，我先告诉你：只要你把握了规律，掌握了技巧，申论成绩是可以大幅度提高的！<br/><br/>　　对付申论考试，考生无需搞题海战术，这与行政职业能力测验不一样。行政职业能力测验需要通过大量习题练习来熟悉题型，提高解题速度。但对付申论，一方面要靠平时知识的积累、写作能力的锻炼以及逻辑思维能力的培养，另一方面则是对规律的揣摩和技巧的把握，在某种程度上说，后者的重要性要大于前者。只要能够把握申论测试的目的、性质和行文规律，辅之以一定的解题技巧，针对自己的薄弱环节加强练习，就可以在短时间内迅速提高申论成绩。<br/><br/><br/>　　误区二：申论考试就是写作考试<br/><br/><br/>　　人们通常情况下会把申论考试理解为对人们写作能力的考查，认为申论考试就是纯粹的写作考试。然而，这却是关于申论考试最大的误区。<br/><br/>　　众所周知，写作能力是一种需要长期积累才能获得的能力，它无法靠简单的突击训练就能够获得迅速提高。在这样的认知逻辑下，人们便认为申论考试的准备与否无关紧要。对于写作能力和表达能力较差的人来说，准备也是白准备；对于写作和表达能力都较强的人来说，则无需进行刻意的准备。实际上，这正是误解申论考试的两个极端。<br/><br/>　　按照这种逻辑，很多人轻视申论考试的准备，只注重行政职业能力测试的复习，热衷于报名参加行政职业能力测试的辅导班，并把大量的时间用于练习“行测”的试题。实践证明，这种关于“申论就是纯粹写作考试”的认知致使人们偏离了正确的申论备考方向，从而距离公务员的梦想越来越远。<br/><br/>　　其实，2000年以后的国家公务员申论考试早已经不再是单纯的写作考试了，而是一种材料阅读与分析基础上的集概括材料主要内容、分析问题成因、提出问题解决方案或对策于一体的案例分析题。申论考试诞生于上个世纪90年代初，当时考试的内容就是命题作文，也就是单纯的写作考试。<br/><br/>　　然而，随着公务员考试制度的日趋完善和公务员考试竞争的日趋激烈，我们在公务员申论考试中逐渐引入了西方发达国家文官制度中的案例分析的相关内容，使申论考试由开放式向封闭式转变，由自由写作向定向分析转变，考试的针对性逐渐加强，试题的指向性更加鲜明，审题难度降低，答题要求更严。<br/><br/>　　现在的申论考试是从多个角度、多个层次来考查考生的能力。考查的绝对不是单纯的写作能力，而是包括概括能力、分析能力、表达能力在内的综合能力；考查的也绝对不是单纯中文写作方面的积累，而是包括中文写作、管理学、政治学、经济学、哲学等方面综合知识的积累。具体说，现代申论考试的题目主要可以分为三类。一是概括主要问题，二是提出解决问题的主要对策，三是论证对策的有效性。这三部分考查的能力和知识储备各有不同。<br/><br/><br/>　　题型主要测查能力内在各部分表达方式要求概括材料<br/><br/><br/>　　（写作知识）归纳思维能力总括句概述宏观、全面分述句说明中观、简要提出对策<br/><br/>　　（管理学知识）发散思维能力职能部门说明明确、具体措施手段说明明确、具体定性定量说明明确、具体分析问题<br/><br/>　　（哲学知识）辩证思维能力分析原因概述、议论全面、条理判断对策议论客观、明确点评现象议论全面、深刻综合论证<br/><br/>　　（哲学、政治学知识）综合思维能力提出问题概述典型、精要分析问题说明简明、全面解决问题议论清晰、严密<br/><br/>　　从这个角度上来说，申论考试取得成功的前提首先不是依靠写作表达能力，而是依靠对材料的阅读概括和分析能力。简单来说，申论考试取得成功的关键就是“用材料说话”。根据阅卷的经验来看，如果没有把三成熟的材料通过消化加热到八成熟或九成熟，那么即使你具有作家的书面表达能力，也不可能取得一个理想的成绩。这是因为申论考题的答案往往都来自对材料的概括和分析，而不是完全脱离材料的自由发挥。<br/><br/>　　尽管，当前有很多申论文章的题目在设计时，往往给人以高考作文的错觉，但实际上，请大家注意，申论考查的决不是简单的写作。例如，2007年国家公务员申论考试最后一题是以“命脉”为题写一篇文章，2008年国家公务员申论考试要求以“从‘怒江水电开发’说开去”或“人与自然”为题写一篇文章，2008年浙江省公务员申论考试要求以“蓝图”为题写一篇文章，这些题目看起来很容易误以为是写一篇普通议论文，但是只要认真察看题目的要求，就能发现这些题目都要求提出问题，解决问题，考查的是思维的综合性和思想的深刻性，而不是简单的议论文写作。<br/><br/>　　正是因为申论考试不是单纯的写作考试，而是基于材料分析的案例分析，所以准备申论考试也就不是无章可循的，它有很多简单技巧和万能模式可供参考和使用。在本书后面的部分，我们会为你提供大量的“申论公式”。因此，我们复习备考时，必须使用“申论公式”，用解“行测题”或者“数学题”的眼光来看待申论考试，而不是从单纯写作的角度忽视甚至是否定申论成绩提高的空间与可能。<br/><br/><br/>　　误区三：申论考试是个性化考试<br/><br/><br/>　　有些人认为公务员考试是选拔个性化人才的考试，需要在申论考试过程中通过独到的观点、华丽的辞藻和旁征博引来展现个性，吸引阅卷老师的注意。其实，这种理解也是对公务员考试的一种极大的误解。不可否认，公务员考试是选拔性考试，但绝对不是个性化考试。<br/><br/>　　首先，从申论考试本身的性质来看，申论考试是标准化和程序化的考试，绝不是求新求特的个性化考试。为什么说申论考试是标准化和程序化的考试呢？首先，申论文章本身就是四平八稳的现代八股，具有平和、中庸、凝重、沉稳的风格，绝不需要凸现个性；其次，申论试题中的概括主要内容和提出方案对策部分通常都是根据阅卷老师商讨的标准答案进行评阅，具有统一的标准。论证部分的内容也是根据参考答案进行评阅，也有相对统一的标准。根据阅卷经验，从阅卷的过程来说，每个阅卷老师每天阅卷无数，每天的工作量大概是800～2000份试卷。试想，这么大的工作量，不遵循一定的标准和程序是万万做不到的。<br/><br/>　　第二，从选拔人才的角度来说，公务员考试不同于选拔副处级、副厅级领导干部的考试，它选拔的是主任科员以下的普通公务人员，可以说是一种选拔“庸才”的考试。请注意，这里的“庸”丝毫不带有任何贬义的色彩，这个“庸”字是平和中庸的意思，“庸”不代表不优秀。实际上，在我的印象里，中庸反倒是一个带有明显褒义的词汇。中庸之道是儒家思想的核心，平和中庸也符合中国人的文化品格。亚里士多德在其伦理学著作《尼各马可伦理学》中阐述了一个重要的概念“mean”，翻译成中文就是“中庸”的意思，代表一种很大的美德。有个做公务员的朋友曾经调侃说：“在公务员的队伍里做事，讲的就是中庸之道。你是不能有自由个性的，要老实做人，低调做事。如果你圆融练达，谦恭谨慎，为人平和就很容易讨到多数领导的欢心。相反，如果你锋芒毕露、爱出风头，那么‘木秀于林风必摧之’，‘枪打出头鸟’的劫数也就是你的命运。现在社会上流传‘20条潜规则’，例如‘领导的意见不能提’、‘个人风头出不得’、‘领导的看法是最大的看法’等等，所以说，个性只能属于你的领导或上级。”尽管，这个朋友的话有些偏激，但是也不能说没有几分道理。毕竟，层级分明是中国社会的一个重要特征。<br/><br/>　　最后，从个性化的影响来看，个性化的答卷容易出现过激的言辞和观点，使答卷偏离主题。或是思想偏激，或是立场错位，使答卷有发泄情绪、抵触社会之嫌疑。一旦出现这样的试卷，分数毫无疑问就会特别低。国家不会也不可能让一个对社会有抵触情绪的人来管理政府事务，这样对党、对人民都是非常不负责任的。<br/><br/><br/>　　误区四：申论是杂文评论<br/><br/><br/>　　有人认为，申论就是语言犀利、引经据典、旁征博引的杂文性议论文。实际上，对申论的这种理解是非常错误的，有很大的危害。<br/><br/>　　申论的本意就是“申而论之”。“申”可以理解成申述、申辩、申明，“论”则是议论、论说、论证。申论有着明显区别于其他诸论的特点。它不是那种凭主观好恶选材、尽情张扬个性的放言宏论，而是要求准确把握住一定的客观事实，作出必要的说明、申述，然后在此基础上发表中肯见解，提出方略，进行论证。它的功能，与社会交际中广泛使用的议论文或杂文完全不同。按照我的理解，作为一种专用于选拔录用国家公务员的应试文体，“申论”适当地借鉴了我国古代科举应试中“策论”的一些经验与做法。策论主要是要求考生论证某项国家政策或对策的可行性与合理性，侧重于考查考生解决问题的能力，申论在这方面与策论是一致的。现代申论“在申不在论”，重点是对案例和材料提出的问题阐述观点、论述理由，合理地推论材料与材料以及观点与材料之间的逻辑关系，把问题阐述清楚，并且提出解决办法。从考试大纲规定及历年实际出题情况来看，申论考试为考生提供了一系列反映特定实际问题的文字材料，要求考生仔细阅读这些材料，概括出它们反映的主要问题，并提出解决此问题的实际方案，最后再对自己的观点进行较详细的阐述和论证。申论的写作，要注意避免杂文性议论文重“议”轻“申”的因素，突出分析问题和解决问题的能力，而不是在答题时写出过激的观点，提出不切实际的举措。<br/><br/>　　另外，词藻华丽、语言犀利、引经据典、旁征博引的杂文性议论文也超出了一般人的能力范围。150分钟的考试时间，用于进行申论写作的时间不会超过40分钟，一般人要想在这么短的时间里写出一篇大气的议论文绝非易事。这可以从文艺学中“两种语言”的理论得到解释。我们通常认为每个人都有两种语言，第一语言是在内心描述直观感受的语言，第二语言是向外表达感受的语言。第一种语言每个人都有，但是第二种语言却和人的天赋有关，是作家和艺术家等人的专利，因此在极短的时间内，要写一篇气势磅礴的议论文对一般人来说是不可能的。另外，杂文性的议论文也很容易写得华而不实、轻薄无物、言辞激烈，有违申论沉稳、厚重的风格。还有，撰写杂文性的议论文不容易控制好议论的限度，容易让人感觉考生是一个思想偏激、满腹牢骚的人，从而影响考试成绩。<br/><br/>　　为了更加感性地认识杂文评论和申论文章的区别，我们不妨对比以下两篇文章：<br/><br/><br/>　　文章一：老虎为什么这样红<br/><br/><br/>　　早有思想大师们担忧人类将进入“虚无时代”，凡事都变得相对起来，真假没有绝对的界限。华南虎的公众对话如此艰难，正是因为平凡人离得太远，无法眼见为实；学者依据太专业，无法被人理解；网络前科累累，无法令人尽信；官方发言，似乎涉及财政利益，民众不敢妄言。其实混战中，只要有一个机构具备一锤定音的威信，事情就不会走到如此田地。<br/><br/>　　……<br/><br/>　　比如网络游戏，让玩家卸下身份，在虚拟世界重新过上另类生活；比如偶像剧，明明是胡编乱造，却让观众为之哭哭笑笑。你能说它们引发的情绪体验就是假的吗？不独华南虎，生活中真假的界限也日趋模糊。小到穿着打扮，大到审美倾向，当代人无不处在人云亦云的消费符号中，已经很难区分哪些是发自内心真正的渴求，哪些又是被广告、舆论和社会无形中加载的。跟随社会潮流，集体无意识下的选择，左右了舆论的判断，真理本身的真假、轻重反而变得面目模糊。再加上社会分工精细，每个人都局限为流水线上一个渺小的零件，实在难以一窥复杂全貌。而当各方权威得出截然相反的结论时，究竟谁才是对的，已然无法判断。所以，早有思想大师们担忧人类将进入“虚无时代”，凡事都变得相对起来，真假没有绝对的界限。华南虎的公众对话如此艰难，正是因为平凡人离得太远，无法眼见为实；学者依据太专业，无法被人理解；网络前科累累，无法令人尽信；官方发言，似乎涉及财政利益，民众不敢妄言。其实混战中，只要有一个机构具备一锤定音的威信，事情就不会走到如此田地。可惜多元的社会，谁也不服谁，谁也不信谁，结果在舆论泡沫中，虚火越烧越旺。<br/><br/>　　退一步讲，公共领域的争论，从来不惧泡沫，不畏谎言，因为大家相信真理越辩越明，此前轰轰烈烈如孙志刚事件，推动了收容遣送条例废止，劳资纠纷促使劳动合同法修改，一些民生热点即使措施尚未到位，也会引发全社会的治理共识。那么华南虎掀起的风暴之大，究竟对社会有何裨益？焦点意义何在？也许，它真的只是当代社会虚无面的一例映照罢了，在于从负面提醒大家：技术更替、媒介发达、信息环绕的当代社会，人们可能反而会被繁复优势蒙住双眼，作茧自缚。当简单的事实都无法还原时，像《黑客帝国》般的荒诞未来，其实离人们并不遥远。<br/><br/><br/>　　文章二：从华南虎照事件看完善我国信息公开制度<br/><br/><br/>　　2008年2月3日，陕西省人民政府针对媒体和公众关注的华南虎照片一事，就省林业厅违反政府新闻发布制度问题发出通报。2月4日，陕西省林业厅诚恳接受省政府的批评，并公开了向社会公众的致歉信。在致歉信中，陕西省林业厅虽然称违反了《陕西省政府信息公开规定》和《陕西省人民政府办公厅关于建立政府新闻发布制度的意见》的有关规定，但有关责任人受到怎样的处罚却只字未提。<br/><br/>　　在笔者看来，公众难以知道有关责任人的处罚情况，一个重要的原因就是在《陕西省政府信息公开规定》和《陕西省人民政府办公厅关于建立政府新闻发布制度的意见》等规定中很难找到相关处罚规定。《陕西省政府信息公开规定》中指出：有下列情形之一的，主管机关应责令其改正；情节严重的，由监察机关或者主管机关对负直接责任的主管人员和其他直接责任人员给予行政处分：不履行主动公开义务或者不及时更新主动公开内容的；不提供或者不及时更新本机关政府信息目录的；对属于公开范围的政府信息，向申请人隐瞒或者以其他理由拒绝提供的；违反规定收费的；其他违反本规定的行为。<br/><br/>　　如果对照这个规定，华南虎事件很难看出违反了五种情形中的哪一种，既不属于不履行主动公开义务，也不属于隐瞒或者以其他理由拒绝提供的，更没有违反规定收费的情形发生。正因为如此，一些相关人员即使在缺乏实体证据的情况下，也能宣布发现了华南虎，即使在许多质疑声中，仍然有一些人肆无忌惮地力挺华南虎是真实存在的。<br/><br/>　　这种状况不能不反映出我国信息公开制度中存在着一些漏洞。翻开我国有关信息公开的制度，我们不难发现，其最大着眼点是放在如何及时公开上，许多规定对不及时公开或隐瞒不公开的责任人都规定了相关处罚，可是对虚假公开却很少规定该如何处罚。<br/><br/>　　信息公开有两个基本要义，一是及时公开，二是公开信息不能虚假。可是在实践中，我们只重视了前者而忽视了后者，正是由于后者没有相关制度来约束，才导致了华南虎事件的发生。其实类似的事情不仅仅只有一个华南虎事件，如有的地方为了骗取更多的资金，任意扩大灾害损失等，华南虎事件给我们敲响了警钟。<br/><br/>　　笔者以为，如果没有相关制度约束，恐怕很难杜绝下一个华南虎事件的发生，因为在虚假、不按程序办事的背后，可能存在着许多经济利益。就华南虎事件而言，如果镇坪县真的存在华南虎，建立自然保护区可能就顺理成章了，得到中央的资金投入，吸引更多的游客自然也就不在话下了。<br/><br/>　　华南虎事件也许是一个偶发事件，但是我们也必须看到，一旦虚假公开信息泛滥，或者信息不按相关程序公开，不仅会影响政府形象，降低政府公信力，还有可能在突发事件中影响政府部门的正确决策，造成不必要的损失。因而，为维护中央大力推行的透明政府建设，必须制止这样发布虚假公开信息的行为，中央和地方各级政府都应在相关规定中加大对这类行为的处罚力度，决不能让任何人有制度空子可钻。两篇文章都是关于华南虎照片事件的评论。很明显，两篇文章在语言、观点和逻辑上都有非常明显的区别。文章一是典型的杂文评论，语言犀利风趣，结构零散，以“虚无”为议论重点。而文章二则是相对规范的申论文章，语言平实稳重，结构严谨，按照提出问题、分析问题和解决问题的逻辑谋篇布局，透过华南虎照片事件反思我国的信息公开制度，颇有深意。<br/><br/><br/>　　误区五：申论是学术论文<br/><br/><br/>　　有人认为申论是使用概念、范畴和严密的逻辑进行观点阐述的学术论文，这也是大错特错的。<br/><br/>　　学术研究和论证是科研人员的本职工作，绝对不属于普通公务员的业务范围。申论考试写成学术论文，或者夹杂有太多的学术语言是非常不讨好的做法。例如，笔者有个朋友，是某著名大学政府政策系专门研究公共政策的博士生，他曾参加2006年中央、国家机关的公务员考试，考完后非常兴奋地对我说：“老钟，我今年一定能考上国家公务员。今年的申论考的是如何应对公共突发事件。我对这个问题很熟悉，前不久刚做了一个关于危机管理方面的课题。我把相关的内容都写进去了。例如，我把突发性公共事件产生的根源分为内生性警源和外生性警源，然后……”。听完他的话，我就知道他的成绩可能好不到哪里去，果不其然，最后他的申论只考了38分。其实这个成绩并不奇怪，根本原因并不在于他关于公共突发事件的专业知识有错误或者还不深刻，恰恰相反，正是因为太专业了，什么“内生性警源、外生性警源”都出来了，有几个人能看懂呢？所以从这个角度来说，申论写作要力避学术化倾向。]]></summary>
	  <link rel="alternate" type="text/html" href="http://blog.campuszp.com/article/1211.htm" /> 
	  <id>http://blog.campuszp.com/default.asp?id=1211</id>
  </entry>	
		
  <entry>
	  <title type="html"><![CDATA[致橡树]]></title>
	  <author>
		 <name>admin</name>
		 <uri>http://blog.campuszp.com/</uri>
		 <email>Rabbit_xxy@163.com</email>
	  </author>
	  <category term="" scheme="http://blog.campuszp.com/default.asp?cateID=15" label="美文赏析" /> 
	  <updated>2012-04-30T10:31:13+08:00</updated>
	  <published>2012-04-30T10:31:13+08:00</published>
		  <summary type="html"><![CDATA[<strong>《致橡树》 <br/><br/>舒婷 <br/><br/>我如果爱你—— <br/>绝不像攀援的凌霄花， <br/>借你的高枝炫耀自己： <br/>我如果爱你—— <br/>绝不学痴情的鸟儿， <br/>为绿荫重复单调的歌曲； <br/>也不止像泉源， <br/>常年送来清凉的慰籍； <br/>也不止像险峰，增加你的高度，衬托你的威仪。 <br/>甚至日光。 <br/>甚至春雨。 <br/>不，这些都还不够！ <br/>我必须是你近旁的一株木棉， <br/>做为树的形象和你站在一起。 <br/>根，紧握在地下， <br/>叶，相触在云里。 <br/>每一阵风过， <br/>我们都互相致意， <br/>但没有人 <br/>听懂我们的言语。 <br/>你有你的铜枝铁干， <br/>像刀，像剑， <br/>也像戟， <br/>我有我的红硕花朵， <br/>像沉重的叹息， <br/>又像英勇的火炬， <br/>我们分担寒潮、风雷、霹雳； <br/>我们共享雾霭、流岚、虹霓， <br/>仿佛永远分离， <br/>却又终身相依， <br/>这才是伟大的爱情， <br/>坚贞就在这里： <br/>不仅爱你伟岸的身躯， <br/>也爱你坚持的位置，脚下的土地。</strong>]]></summary>
	  <link rel="alternate" type="text/html" href="http://blog.campuszp.com/article/1210.htm" /> 
	  <id>http://blog.campuszp.com/default.asp?id=1210</id>
  </entry>	
		
  <entry>
	  <title type="html"><![CDATA[熟读唐诗三百首]]></title>
	  <author>
		 <name>admin</name>
		 <uri>http://blog.campuszp.com/</uri>
		 <email>Rabbit_xxy@163.com</email>
	  </author>
	  <category term="" scheme="http://blog.campuszp.com/default.asp?cateID=15" label="美文赏析" /> 
	  <updated>2012-04-29T14:09:55+08:00</updated>
	  <published>2012-04-29T14:09:55+08:00</published>
		  <summary type="html"><![CDATA[<p><br />
&nbsp;</p>
<p align="center">
<table cellspacing="0" cellpadding="0" width="604" border="0">
    <colgroup><col width="206" /><col width="200" /><col width="198" /></colgroup>
    <tbody>
        <tr height="22">
            <td width="206" height="22">
            <div align="center"><font color="#000000" size="3">李白《独坐敬亭山》</font></div>
            </td>
            <td width="200">
            <div align="center"><font size="3"><font color="#000000">王维 《终南别业》&nbsp;</font></font></div>
            </td>
            <td width="198">
            <div align="center"><font size="3"><font color="#000000">柳宗元 《江雪》&nbsp;</font></font></div>
            </td>
        </tr>
        <tr height="44">
            <td width="206" height="44">
            <div align="center"><font color="#000000" size="3">众鸟高飞尽，孤云独去闲。<br />
            相看两不厌，只有敬亭山。</font></div>
            </td>
            <td width="200">
            <div align="center"><font size="3"><font color="#000000">兴来每独往，胜事空自知。<br />
            行到水穷处，坐看云起时。&nbsp;</font></font></div>
            </td>
            <td width="198">
            <div align="center"><font size="3"><font color="#000000">千山鸟飞绝，万径人踪灭。</font></font></div>
            <div align="center"><font size="3"><font color="#000000">孤舟蓑笠翁，独钓寒山雪。</font></font></div>
            </td>
        </tr>
        <tr height="22">
            <td height="22">
            <div align="center">&nbsp;</div>
            </td>
            <td>
            <div align="center">&nbsp;</div>
            </td>
            <td>
            <div align="center">&nbsp;</div>
            </td>
        </tr>
        <tr height="22">
            <td width="206" height="22">
            <div align="center"><font size="3"><font color="#000000">李白 《静夜思》&nbsp;</font></font></div>
            </td>
            <td width="200">
            <div align="center"><font size="3"><font color="#000000">王维 《红豆》&nbsp;</font></font></div>
            </td>
            <td width="198">
            <div align="center"><font size="3"><font color="#000000">宋之问 《渡汉江》&nbsp;</font></font></div>
            </td>
        </tr>
        <tr height="44">
            <td width="206" height="44">
            <div align="center"><font size="3"><font color="#000000">床前明月光，疑是地上霜。<br />
            举头望明月，低头思故乡。&nbsp;</font></font></div>
            </td>
            <td width="200">
            <div align="center"><font color="#000000" size="3">红豆生南国，春来发几枝。<br />
            愿君多采撷，此物最相思。</font></div>
            </td>
            <td width="198">
            <div align="center"><font color="#000000" size="3">岭外音书断，经冬复历春。<br />
            近乡情更怯，不敢问来人。</font></div>
            </td>
        </tr>
        <tr height="22">
            <td height="22">
            <div align="center">&nbsp;</div>
            </td>
            <td>
            <div align="center">&nbsp;</div>
            </td>
            <td>
            <div align="center">&nbsp;</div>
            </td>
        </tr>
        <tr height="22">
            <td width="206" height="22">
            <div align="center"><font size="3"><font color="#000000">李白 《秋浦歌十七首》&nbsp;</font></font></div>
            </td>
            <td width="200">
            <div align="center"><font size="3"><font color="#000000">王维 《鹿柴》&nbsp;</font></font></div>
            </td>
            <td width="198">
            <div align="center"><font size="3"><font color="#000000">孟郊 《游子吟》&nbsp;</font></font></div>
            </td>
        </tr>
        <tr height="44">
            <td width="206" height="44">
            <div align="center"><font color="#000000" size="3">白发三千丈，缘愁似个长。<br />
            不知明镜里。何处得秋霜。</font></div>
            </td>
            <td width="200">
            <div align="center"><font size="3"><font color="#000000">空山不见人，但闻人语响。<br />
            返景入深林，复照青苔上。&nbsp;</font></font></div>
            </td>
            <td width="198">
            <div align="center"><font color="#000000" size="3">慈母手中线，游子身上衣。<br />
            临行密密缝，意恐迟迟归。</font></div>
            </td>
        </tr>
        <tr height="22">
            <td height="22">
            <div align="center">&nbsp;</div>
            </td>
            <td>
            <div align="center">&nbsp;</div>
            </td>
            <td>
            <div align="center">&nbsp;</div>
            </td>
        </tr>
        <tr height="22">
            <td width="206" height="22">
            <div align="center"><font size="3"><font color="#000000">李白 《夜宿山寺》&nbsp;</font></font></div>
            </td>
            <td>
            <div align="center"><font color="#000000" size="3">王维 《鸟鸣涧》</font></div>
            </td>
            <td width="198">
            <div align="center"><font size="3"><font color="#000000">李绅 《悯农》&nbsp;</font></font></div>
            </td>
        </tr>
        <tr height="44">
            <td width="206" height="44">
            <div align="center"><font size="3"><font color="#000000">危楼高百尺，手可摘星辰。<br />
            不敢高声语，恐惊天上人。&nbsp;</font></font></div>
            </td>
            <td width="200">
            <div align="center"><font color="#000000" size="3">人闲桂花落，夜静春山空。<br />
            月出惊山鸟，时鸣春涧中。</font></div>
            </td>
            <td width="198">
            <div align="center"><font color="#000000" size="3">锄禾日当午，汗滴禾下土。<br />
            谁知盘中餐，粒粒皆辛苦。</font></div>
            </td>
        </tr>
        <tr height="22">
            <td height="22">
            <div align="center">&nbsp;</div>
            </td>
            <td>
            <div align="center">&nbsp;</div>
            </td>
            <td>
            <div align="center">&nbsp;</div>
            </td>
        </tr>
        <tr height="22">
            <td width="206" height="22">
            <div align="center"><font size="3"><font color="#000000">孟浩然 《宿建德江》&nbsp;&nbsp;</font></font></div>
            </td>
            <td>
            <div align="center"><font color="#000000" size="3">孟浩然 《春晓》</font></div>
            </td>
            <td width="198">
            <div align="center"><font size="3"><font color="#000000">王之涣 《登楼》&nbsp;</font></font></div>
            </td>
        </tr>
        <tr height="44">
            <td width="206" height="44">
            <div align="center"><font color="#000000" size="3">移舟泊烟渚，日暮客愁新。<br />
            野旷天低树，江清月近人。</font></div>
            </td>
            <td width="200">
            <div align="center"><font size="3"><font color="#000000">春眠不觉晓，处处闻啼鸟。<br />
            夜来风雨声，花落知多少。&nbsp;</font></font></div>
            </td>
            <td width="198">
            <div align="center"><font color="#000000" size="3">白日依山尽，黄河入海流。<br />
            欲穷千里目，更上一重楼。</font></div>
            </td>
        </tr>
        <tr height="22">
            <td height="22">
            <div align="center">&nbsp;</div>
            </td>
            <td>
            <div align="center">&nbsp;</div>
            </td>
            <td>
            <div align="center">&nbsp;</div>
            </td>
        </tr>
        <tr height="22">
            <td height="22">
            <div align="center"><font size="3"><font color="#000000">骆宾王 《易水送别》&nbsp;</font></font></div>
            </td>
            <td>
            <div align="center"><font size="3"><font color="#000000">骆宾王 《咏鹅》&nbsp;</font></font></div>
            </td>
            <td width="198">
            <div align="center"><font color="#000000" size="3">李贺《马诗》</font></div>
            </td>
        </tr>
        <tr height="44">
            <td width="206" height="44">
            <div align="center"><font size="3"><font color="#000000">此地别燕丹，壮士发冲冠。<br />
            昔时人已没，今日水犹寒。&nbsp;</font></font></div>
            </td>
            <td width="200">
            <div align="center"><font color="#000000" size="3">鹅鹅鹅，曲项向天歌。<br />
            白毛浮绿水，红掌拨清波。</font></div>
            </td>
            <td width="198">
            <div align="center"><font color="#000000" size="3">大漠沙如雪，燕山月似钩。<br />
            何当金络脑，快走踏清秋。</font></div>
            </td>
        </tr>
        <tr height="22">
            <td height="22">
            <div align="center">&nbsp;</div>
            </td>
            <td>
            <div align="center">&nbsp;</div>
            </td>
            <td>
            <div align="center">&nbsp;</div>
            </td>
        </tr>
        <tr height="22">
            <td width="206" height="22">
            <div align="center"><font size="3"><font color="#000000">杜甫 《八阵图》&nbsp;</font></font></div>
            </td>
            <td width="200">
            <div align="center"><font size="3"><font color="#000000">杜甫 《前出塞九首》&nbsp;</font></font></div>
            </td>
            <td width="198">
            <div align="center"><font size="3"><font color="#000000">刘长卿 《逢雪宿芙蓉山》&nbsp;</font></font></div>
            </td>
        </tr>
        <tr height="44">
            <td width="206" height="44">
            <div align="center"><font size="3"><font color="#000000">功盖三分国，名成八阵图。<br />
            江流石不转，遗恨失吞吴。</font></font></div>
            </td>
            <td width="200">
            <div align="center"><font color="#000000" size="3">挽弓当挽强，用箭当用长。<br />
            射人先射马，擒贼先擒王。</font></div>
            </td>
            <td width="198">
            <div align="center"><font color="#000000" size="3">日暮苍山远，天寒白屋贫。<br />
            柴门闻犬吠，风雪夜归人。</font></div>
            </td>
        </tr>
        <tr height="22">
            <td height="22">
            <div align="center">&nbsp;</div>
            </td>
            <td>
            <div align="center">&nbsp;</div>
            </td>
            <td>
            <div align="center">&nbsp;</div>
            </td>
        </tr>
        <tr height="22">
            <td height="22">
            <div align="center"><font size="3"><font color="#000000">贾岛 《剑客》&nbsp;</font></font></div>
            </td>
            <td>
            <div align="center"><font size="3"><font color="#000000">贾岛 《寻隐者不遇》</font></font></div>
            </td>
            <td width="198">
            <div align="center"><font size="3"><font color="#000000">李商隐 《登乐游原》&nbsp;</font></font></div>
            </td>
        </tr>
        <tr height="44">
            <td width="206" height="44">
            <div align="center"><font color="#000000" size="3">十年磨一剑，霜刃未曾试。<br />
            今日把示君，谁有不平事。</font></div>
            </td>
            <td width="200">
            <div align="center"><font color="#000000" size="3">松下问童子，言师采药去。<br />
            只在此山中，云深不知处。</font></div>
            </td>
            <td width="198">
            <div align="center"><font color="#000000" size="3">向晚意不适，驱车登古原。<br />
            夕阳无限好，只是近黄昏。</font></div>
            </td>
        </tr>
        <tr height="22">
            <td height="22">
            <div align="center">&nbsp;</div>
            </td>
            <td>
            <div align="center">&nbsp;</div>
            </td>
            <td>
            <div align="center">&nbsp;</div>
            </td>
        </tr>
        <tr height="22">
            <td width="206" height="22">
            <div align="center"><font color="#000000" size="3">王维《杂诗&middot;君自故乡来》</font></div>
            </td>
            <td>
            <div align="center"><font size="3"><font color="#000000">李白 《子夜四时歌:秋歌》&nbsp;</font></font></div>
            </td>
            <td>
            <div align="center"><font color="#000000" size="3">王勃《送杜少府之任蜀州》</font></div>
            </td>
        </tr>
        <tr height="88">
            <td width="206" height="88">
            <div align="center"><font color="#000000" size="3">君自故乡来，应知故乡事。<br />
            来日倚窗前，寒梅著花未？</font></div>
            </td>
            <td width="200">
            <div align="center"><font color="#000000" size="3">长安一片月，万户捣衣声。<br />
            秋风吹不尽，总是玉关情。<br />
            何日平胡虏，良人罢远征。</font></div>
            </td>
            <td width="198">
            <div align="center"><font color="#000000" size="3">城阙辅三秦，风烟望五津。<br />
            与君离别意，同是宦游人。 <br />
            海内存知己，天涯若比邻。<br />
            无为在歧路，儿女共沾巾。</font></div>
            </td>
        </tr>
        <tr height="22">
            <td height="22">
            <div align="center">&nbsp;</div>
            </td>
            <td>
            <div align="center">&nbsp;</div>
            </td>
            <td>
            <div align="center">&nbsp;</div>
            </td>
        </tr>
        <tr height="22">
            <td height="22">
            <div align="center"><font size="3"><font color="#000000">李商隐 《晚晴》&nbsp;</font></font></div>
            </td>
            <td>
            <div align="center"><font size="3"><font color="#000000">王维 《山居秋螟》&nbsp;</font></font></div>
            </td>
            <td>
            <div align="center"><font size="3"><font color="#000000">常建 《题破山寺后禅院》&nbsp;</font></font></div>
            </td>
        </tr>
        <tr height="88">
            <td width="206" height="88">
            <div align="center"><font color="#000000" size="3">深居府夹城，春去夏犹清。<br />
            天意怜幽草，人间重晚晴。<br />
            并添高阁迥，微注小窗明。<br />
            越鸟巢干後，归飞体更轻。</font></div>
            </td>
            <td width="200">
            <div align="center"><font color="#000000" size="3">空山新雨后，天气晚来秋。<br />
            明月松间照，清泉石上流。<br />
            竹喧归浣女，莲动下渔舟。<br />
            随意春芳歇，王孙自可留。</font></div>
            </td>
            <td width="198">
            <div align="center"><font color="#000000" size="3">清晨入古寺，初日照高林。<br />
            竹径通幽处，禅房花木深。<br />
            山光悦鸟性，潭影空人心。<br />
            万籁此俱寂，但余钟磬声。</font></div>
            </td>
        </tr>
        <tr height="22">
            <td height="22">
            <div align="center">&nbsp;</div>
            </td>
            <td>
            <div align="center">&nbsp;</div>
            </td>
            <td>
            <div align="center">&nbsp;</div>
            </td>
        </tr>
        <tr height="22">
            <td width="206" height="22">
            <div align="center"><font size="3"><font color="#000000">孟浩然 《过故人庄》&nbsp;</font></font></div>
            </td>
            <td width="200">
            <div align="center"><font size="3"><font color="#000000">杜甫 《望岳》&nbsp;</font></font></div>
            </td>
            <td width="198">
            <div align="center"><font size="3"><font color="#000000">白居易《赋得古原草送别》</font></font></div>
            </td>
        </tr>
        <tr height="88">
            <td width="206" height="88">
            <div align="center"><font color="#000000" size="3">故人具鸡黍，邀我至田家。<br />
            绿树村边合，青山郭外斜。<br />
            开筵面场圃，把酒话桑麻。<br />
            待到重阳日，还来就菊花。</font></div>
            </td>
            <td width="200">
            <div align="center"><font color="#000000" size="3">岱宗夫如何，齐鲁青未了。<br />
            造化钟神秀，阴阳割昏晓。<br />
            荡胸生曾云，决眦入归鸟。<br />
            会当凌绝顶，一览众山小。</font></div>
            </td>
            <td width="198">
            <div align="center"><font color="#000000" size="3">离离原上草，一岁一枯荣。<br />
            野火烧不尽，春风吹又生。<br />
            远芳侵古道，晴翠接荒城。<br />
            又送王孙去，萋萋满别情。</font></div>
            </td>
        </tr>
        <tr height="22">
            <td height="22">
            <div align="center">&nbsp;</div>
            </td>
            <td>
            <div align="center">&nbsp;</div>
            </td>
            <td>
            <div align="center">&nbsp;</div>
            </td>
        </tr>
        <tr height="22">
            <td width="206" height="22">
            <div align="center"><font size="3"><font color="#000000">李白 《送友人》&nbsp;</font></font></div>
            </td>
            <td width="200">
            <div align="center"><font size="3"><font color="#000000">杜甫 《登岳阳楼》&nbsp;</font></font></div>
            </td>
            <td>
            <div align="center"><font size="3"><font color="#000000">杜甫 《春夜喜雨》&nbsp;</font></font></div>
            </td>
        </tr>
        <tr height="88">
            <td width="206" height="88">
            <div align="center"><font color="#000000" size="3">青山横北郭，白水绕东城。<br />
            此地一为别，孤蓬万里征。<br />
            浮云游子意，落日故人情。<br />
            挥手自兹去，萧萧班马鸣。</font></div>
            </td>
            <td width="200">
            <div align="center"><font color="#000000" size="3">昔闻洞庭水，今上岳阳楼。<br />
            吴楚东南坼，乾坤日夜浮。<br />
            亲朋无一字，老病有孤舟。<br />
            戎马关山北，凭轩涕泗流。</font></div>
            </td>
            <td width="198">
            <div align="center"><font color="#000000" size="3">好雨知时节，当春乃发生。<br />
            随风潜入夜，润物细无声。<br />
            野径云俱黑，江船火独明。<br />
            晓看红湿处，花重锦官城。</font></div>
            </td>
        </tr>
        <tr height="22">
            <td height="22">
            <div align="center">&nbsp;</div>
            </td>
            <td>
            <div align="center">&nbsp;</div>
            </td>
            <td>
            <div align="center">&nbsp;</div>
            </td>
        </tr>
        <tr height="22">
            <td width="206" height="22">
            <div align="center"><font size="3"><font color="#000000">李白 《渡荆门送别》&nbsp;</font></font></div>
            </td>
            <td>
            <div align="center"><font color="#000000" size="3">杜甫《春望》</font></div>
            </td>
            <td>
            <div align="center"><font color="#000000" size="3">张九龄 《望月怀远》</font></div>
            </td>
        </tr>
        <tr height="88">
            <td width="206" height="88">
            <div align="center"><font color="#000000" size="3">渡远荆门外，来从楚国游。<br />
            山随平野尽，江入大荒流。<br />
            月下飞天境，云生结海楼。<br />
            仍怜故乡水，万里送行舟。</font></div>
            </td>
            <td width="200">
            <div align="center"><font color="#000000" size="3">国破山河在，城春草木深。<br />
            感时花溅泪，恨别鸟惊心。<br />
            烽火连三月，家书抵万金。<br />
            白头搔更短，浑欲不胜簪。</font></div>
            </td>
            <td width="198">
            <div align="center"><font color="#000000" size="3">海上生明月，天涯共此时。<br />
            情人怨遥夜，竟夕起相思。<br />
            灭烛怜光满，披衣觉露滋。<br />
            不堪盈手赠，还寝梦佳期。</font></div>
            </td>
        </tr>
        <tr height="22">
            <td height="22">
            <div align="center">&nbsp;</div>
            </td>
            <td>
            <div align="center">&nbsp;</div>
            </td>
            <td>
            <div align="center">&nbsp;</div>
            </td>
        </tr>
        <tr height="22">
            <td colspan="3" height="22">
            <div align="center"><font size="3"><font color="#000000">李白 《长干行》&nbsp;</font></font></div>
            </td>
        </tr>
        <tr height="204">
            <td width="604" colspan="3" height="204">
            <div align="center"><font color="#000000" size="3">妾发初覆额，折花门前剧。郎骑竹马来，绕床弄青梅。同居长干里，两小无嫌猜。<br />
            十四为君妇，羞颜未尝开。低头向暗壁，千唤不一回。十五始展眉，愿同尘与灰。<br />
            常存抱柱信，岂上望夫台。十六君远行，瞿塘滟滪堆。五月不可触，猿声天上哀。<br />
            门前迟行迹，一一生绿苔。苔深不能扫，落叶秋风早。八月蝴蝶来，双飞西园草。<br />
            感此伤妾心，坐愁红颜老。早晚下三巴，预将书报家。相迎不道远，直至长风沙。<br />
            忆妾深闺里，烟尘不曾识。嫁与长干人，沙头候风色。五月南风兴，思君下巴陵。<br />
            八月西风起，想君发扬子。去来悲如何，见少离别多。湘潭几日到，妾梦越风波。<br />
            昨夜狂风度，吹折江头树。淼淼暗无边，行人在何处。好乘浮云骢，佳期兰渚东。<br />
            鸳鸯绿蒲上，翡翠锦屏中。自怜十五馀，颜色桃花红。那作商人妇，愁水复愁风。</font></div>
            </td>
        </tr>
        <tr height="22">
            <td height="22">
            <div align="center">&nbsp;</div>
            </td>
            <td>
            <div align="center">&nbsp;</div>
            </td>
            <td>
            <div align="center">&nbsp;</div>
            </td>
        </tr>
        <tr height="22">
            <td height="22">
            <div align="center"><font size="3"><font color="#000000">李白 《关山月》&nbsp;</font></font></div>
            </td>
            <td>
            <div align="center"><font size="3"><font color="#000000">李白 《月下独酌其一》&nbsp;</font></font></div>
            </td>
            <td>
            <div align="center">&nbsp;</div>
            </td>
        </tr>
        <tr height="155">
            <td width="206" height="155">
            <div align="center"><font color="#000000" size="3">明月出天山，苍茫云海间。<br />
            长风几万里，吹度玉门关。<br />
            汉下白登道，胡窥青海湾。<br />
            由来征战地，不见有人还。<br />
            戍客望边邑，思归多苦颜。<br />
            高楼当此夜，叹息未应闲。</font></div>
            </td>
            <td width="200">
            <div align="center"><font color="#000000" size="3">花间一壶酒，独酌无相亲。<br />
            举杯邀明月，对影成三人。<br />
            月既不解饮，影徒随我身。<br />
            暂伴月将影，行乐须及春。<br />
            我歌月徘徊，我舞影零乱。<br />
            醒时同交欢，醉后各分散。<br />
            永结无情游，相期邈云汉。</font></div>
            </td>
            <td>
            <div align="center">&nbsp;</div>
            </td>
        </tr>
        <tr height="22">
            <td colspan="3" height="22">
            <div align="center">&nbsp;</div>
            </td>
        </tr>
        <tr height="22">
            <td height="22">
            <div align="center"><font size="3">张说《蜀道后期》</font></div>
            </td>
            <td>
            <div align="center">&nbsp;</div>
            </td>
            <td>
            <div align="center">&nbsp;</div>
            </td>
        </tr>
        <tr height="22">
            <td height="22">
            <div align="center"><font size="3">客心争日月， 来往预期程。</font></div>
            <div align="center"><font size="3">秋风不相待， 先至洛阳城。</font></div>
            </td>
            <td>
            <div align="center">&nbsp;</div>
            </td>
            <td>
            <div align="center">&nbsp;</div>
            </td>
        </tr>
        <tr height="22">
            <td height="22">
            <div align="center">&nbsp;</div>
            </td>
            <td>
            <div align="center">&nbsp;</div>
            </td>
            <td>
            <div align="center">&nbsp;</div>
            </td>
        </tr>
        <tr height="22">
            <td height="22">
            <div align="center">&nbsp;</div>
            </td>
            <td>
            <div align="center">&nbsp;</div>
            </td>
            <td>
            <div align="center">&nbsp;</div>
            </td>
        </tr>
        <tr height="22">
            <td height="22">
            <div align="center">&nbsp;</div>
            </td>
            <td>
            <div align="center">&nbsp;</div>
            </td>
            <td>
            <div align="center">&nbsp;</div>
            </td>
        </tr>
    </tbody>
</table>
</p>]]></summary>
	  <link rel="alternate" type="text/html" href="http://blog.campuszp.com/article/1209.htm" /> 
	  <id>http://blog.campuszp.com/default.asp?id=1209</id>
  </entry>	
		
  <entry>
	  <title type="html"><![CDATA[熟读唐诗三百首]]></title>
	  <author>
		 <name>admin</name>
		 <uri>http://blog.campuszp.com/</uri>
		 <email>Rabbit_xxy@163.com</email>
	  </author>
	  <category term="" scheme="http://blog.campuszp.com/default.asp?cateID=15" label="美文赏析" /> 
	  <updated>2012-04-29T14:08:22+08:00</updated>
	  <published>2012-04-29T14:08:22+08:00</published>
		  <summary type="html"><![CDATA[李白《独坐敬亭山》<br/>众鸟高飞尽，孤云独去闲。<br/>相看两不厌，只有敬亭山。<br/> <br/>李白 《静夜思》 <br/>床前明月光，疑是地上霜。<br/>举头望明月，低头思故乡。 <br/> <br/>李白 《秋浦歌十七首》 <br/>白发三千丈，缘愁似个长。<br/>不知明镜里。何处得秋霜。<br/> <br/>李白 《夜宿山寺》 <br/>危楼高百尺，手可摘星辰。<br/>不敢高声语，恐惊天上人。 <br/> <br/>孟浩然 《宿建德江》&nbsp;&nbsp;<br/>移舟泊烟渚，日暮客愁新。<br/>野旷天低树，江清月近人。<br/> <br/>骆宾王 《易水送别》 <br/>此地别燕丹，壮士发冲冠。<br/>昔时人已没，今日水犹寒。 <br/> <br/>杜甫 《八阵图》 <br/>功盖三分国，名成八阵图。<br/>江流石不转，遗恨失吞吴。<br/> <br/>贾岛 《剑客》 <br/>十年磨一剑，霜刃未曾试。<br/>今日把示君，谁有不平事。<br/> <br/>王维《杂诗•君自故乡来》<br/>君自故乡来，应知故乡事。<br/>来日倚窗前，寒梅著花未？<br/> <br/>李商隐 《晚晴》 <br/>深居府夹城，春去夏犹清。<br/>天意怜幽草，人间重晚晴。<br/>并添高阁迥，微注小窗明。<br/>越鸟巢干後，归飞体更轻。<br/> <br/>孟浩然 《过故人庄》 <br/>故人具鸡黍，邀我至田家。<br/>绿树村边合，青山郭外斜。<br/>开筵面场圃，把酒话桑麻。<br/>待到重阳日，还来就菊花。<br/> <br/>李白 《送友人》 <br/>青山横北郭，白水绕东城。<br/>此地一为别，孤蓬万里征。<br/>浮云游子意，落日故人情。<br/>挥手自兹去，萧萧班马鸣。<br/> <br/>李白 《渡荆门送别》 <br/>渡远荆门外，来从楚国游。<br/>山随平野尽，江入大荒流。<br/>月下飞天境，云生结海楼。<br/>仍怜故乡水，万里送行舟。<br/><br/><br/>王维 《终南别业》 <br/>兴来每独往，胜事空自知。<br/>行到水穷处，坐看云起时。 <br/> <br/>王维 《红豆》 <br/>红豆生南国，春来发几枝。<br/>愿君多采撷，此物最相思。<br/> <br/>王维 《鹿柴》 <br/>空山不见人，但闻人语响。<br/>返景入深林，复照青苔上。 <br/> <br/>王维 《鸟鸣涧》<br/>人闲桂花落，夜静春山空。<br/>月出惊山鸟，时鸣春涧中。<br/> <br/>孟浩然 《春晓》<br/>春眠不觉晓，处处闻啼鸟。<br/>夜来风雨声，花落知多少。 <br/> <br/>骆宾王 《咏鹅》 <br/>鹅鹅鹅，曲项向天歌。<br/>白毛浮绿水，红掌拨清波。<br/> <br/>杜甫 《前出塞九首》 <br/>挽弓当挽强，用箭当用长。<br/>射人先射马，擒贼先擒王。<br/> <br/>贾岛 《寻隐者不遇》<br/>松下问童子，言师采药去。<br/>只在此山中，云深不知处。<br/> <br/>李白 《子夜四时歌:秋歌》 <br/>长安一片月，万户捣衣声。<br/>秋风吹不尽，总是玉关情。<br/>何日平胡虏，良人罢远征。<br/><br/><br/>王维 《山居秋螟》 <br/>空山新雨后，天气晚来秋。<br/>明月松间照，清泉石上流。<br/>竹喧归浣女，莲动下渔舟。<br/>随意春芳歇，王孙自可留。<br/> <br/>杜甫 《望岳》 <br/>岱宗夫如何，齐鲁青未了。<br/>造化钟神秀，阴阳割昏晓。<br/>荡胸生曾云，决眦入归鸟。<br/>会当凌绝顶，一览众山小。<br/> <br/>杜甫 《登岳阳楼》 <br/>昔闻洞庭水，今上岳阳楼。<br/>吴楚东南坼，乾坤日夜浮。<br/>亲朋无一字，老病有孤舟。<br/>戎马关山北，凭轩涕泗流。<br/> <br/>杜甫《春望》<br/>国破山河在，城春草木深。<br/>感时花溅泪，恨别鸟惊心。<br/>烽火连三月，家书抵万金。<br/>白头搔更短，浑欲不胜簪。<br/><br/><br/>柳宗元 《江雪》 <br/>千山鸟飞绝，万径人踪灭。<br/>孤舟蓑笠翁，独钓寒山雪。<br/> <br/>宋之问 《渡汉江》 <br/>岭外音书断，经冬复历春。<br/>近乡情更怯，不敢问来人。<br/> <br/>孟郊 《游子吟》 <br/>慈母手中线，游子身上衣。<br/>临行密密缝，意恐迟迟归。<br/> <br/>李绅 《悯农》 <br/>锄禾日当午，汗滴禾下土。<br/>谁知盘中餐，粒粒皆辛苦。<br/> <br/>王之涣 《登楼》 <br/>白日依山尽，黄河入海流。<br/>欲穷千里目，更上一重楼。<br/> <br/>李贺《马诗》<br/>大漠沙如雪，燕山月似钩。<br/>何当金络脑，快走踏清秋。<br/> <br/>刘长卿 《逢雪宿芙蓉山》 <br/>日暮苍山远，天寒白屋贫。<br/>柴门闻犬吠，风雪夜归人。<br/> <br/>李商隐 《登乐游原》 <br/>向晚意不适，驱车登古原。<br/>夕阳无限好，只是近黄昏。<br/> <br/>王勃《送杜少府之任蜀州》<br/>城阙辅三秦，风烟望五津。<br/>与君离别意，同是宦游人。 <br/>海内存知己，天涯若比邻。<br/>无为在歧路，儿女共沾巾。<br/> <br/>常建 《题破山寺后禅院》 <br/>清晨入古寺，初日照高林。<br/>竹径通幽处，禅房花木深。<br/>山光悦鸟性，潭影空人心。<br/>万籁此俱寂，但余钟磬声。<br/> <br/>白居易《赋得古原草送别》<br/>离离原上草，一岁一枯荣。<br/>野火烧不尽，春风吹又生。<br/>远芳侵古道，晴翠接荒城。<br/>又送王孙去，萋萋满别情。<br/> <br/>杜甫 《春夜喜雨》 <br/>好雨知时节，当春乃发生。<br/>随风潜入夜，润物细无声。<br/>野径云俱黑，江船火独明。<br/>晓看红湿处，花重锦官城。<br/> <br/>张九龄 《望月怀远》<br/>海上生明月，天涯共此时。<br/>情人怨遥夜，竟夕起相思。<br/>灭烛怜光满，披衣觉露滋。<br/>不堪盈手赠，还寝梦佳期。<br/><br/>李白 《关山月》 <br/>明月出天山，苍茫云海间。<br/>长风几万里，吹度玉门关。<br/>汉下白登道，胡窥青海湾。<br/>由来征战地，不见有人还。<br/>戍客望边邑，思归多苦颜。<br/>高楼当此夜，叹息未应闲。<br/> <br/>张说《蜀道后期》<br/>客心争日月， 来往预期程。<br/>秋风不相待， 先至洛阳城。<br/><br/>李白 《月下独酌其一》 <br/>花间一壶酒，独酌无相亲。<br/>举杯邀明月，对影成三人。<br/>月既不解饮，影徒随我身。<br/>暂伴月将影，行乐须及春。<br/>我歌月徘徊，我舞影零乱。<br/>醒时同交欢，醉后各分散。<br/>永结无情游，相期邈云汉。<br/><br/>李白 《长干行》 <br/>妾发初覆额，折花门前剧。郎骑竹马来，绕床弄青梅。同居长干里，两小无嫌猜。<br/>十四为君妇，羞颜未尝开。低头向暗壁，千唤不一回。十五始展眉，愿同尘与灰。<br/>常存抱柱信，岂上望夫台。十六君远行，瞿塘滟滪堆。五月不可触，猿声天上哀。<br/>门前迟行迹，一一生绿苔。苔深不能扫，落叶秋风早。八月蝴蝶来，双飞西园草。<br/>感此伤妾心，坐愁红颜老。早晚下三巴，预将书报家。相迎不道远，直至长风沙。<br/>忆妾深闺里，烟尘不曾识。嫁与长干人，沙头候风色。五月南风兴，思君下巴陵。<br/>八月西风起，想君发扬子。去来悲如何，见少离别多。湘潭几日到，妾梦越风波。<br/>昨夜狂风度，吹折江头树。淼淼暗无边，行人在何处。好乘浮云骢，佳期兰渚东。<br/>鸳鸯绿蒲上，翡翠锦屏中。自怜十五馀，颜色桃花红。那作商人妇，愁水复愁风。]]></summary>
	  <link rel="alternate" type="text/html" href="http://blog.campuszp.com/article/1208.htm" /> 
	  <id>http://blog.campuszp.com/default.asp?id=1208</id>
  </entry>	
		
  <entry>
	  <title type="html"><![CDATA[htc简介]]></title>
	  <author>
		 <name>admin</name>
		 <uri>http://blog.campuszp.com/</uri>
		 <email>Rabbit_xxy@163.com</email>
	  </author>
	  <category term="" scheme="http://blog.campuszp.com/default.asp?cateID=10" label=".NET学习" /> 
	  <updated>2012-04-24T17:43:23+08:00</updated>
	  <published>2012-04-24T17:43:23+08:00</published>
		  <summary type="html"><![CDATA[在微软IE 5.0版本的浏览器发布以前，网页编程中面对的最大挑战就是不能轻易地创建组件，以达到代码重用和多页面共享的目的。这个问题一直困扰着DHTML（动态 HEML）的网页编程者。他们只能不断地重复书写HTML、CSS和javascript的代码，以满足多个页面上的重复或相似的功能。自IE 5.0浏览器发布后，这种情况得到了改善，它带给我们一个新的指令组合方法，可把实现特定功能的代码封装在一个组件内，从而实现多页面的代码重用，使网页编程进入一个全新的天地。这个新的技术就是我们要谈到的DHTML中的“行为”（Behaviors）。<br/><br/>&nbsp;&nbsp;&nbsp;&nbsp; “行为”作为一个简单易用的组件，它封装了页面上特定的功能或动作。当把一个“行为”附到WEB页面中的一个元件上时，这个元件的原有行为就会有所改变。因此，网页编程者可以开发通用的DHTML指令，并改变原有对象的一些属性，用“行为”来增强一个对象的功能，同时也简化了页面的HTML代码。而且“行为”的创建和使用也非常简单方便，所需的知识也只是原来已经习惯使用的CSS样式表、HTML指令和javascript脚本语言。只要你对此有所了解，有过实际编程的经历，学习并掌握“行为”的使用完全没有问题。我们将以一个改变字体效果的“行为”组件为例来说明如何编写和使用一个“行为”，并体验“行为”给页面编辑带来的优点和方便之处。<br/><br/>　　首先新建一个名为font_efftce.htc的文本文件，组成“行为”组件的文件都是以.htc为扩展名，这个文件中的内容就是我们对这个“行为”的描述。它的创建和使用步骤如下：<br/>(1)首先给这个“行为”增加几个事件响应，语句书写格式如下：<br/>&lt;PUBLIC:ATTACH EVENT=&#34;onmouseover&#34; ONEVENT=&#34;glowit()&#34;/&gt;<br/>&lt;PUBLIC:ATTACH EVENT=&#34;onmouseout&#34; ONEVENT=&#34;noglow()&#34;/&gt;<br/>&lt;PUBLIC:ATTACH EVENT=&#34;onmousedown&#34; ONEVENT=&#34;font2yellow()&#34;/&gt;<br/>&lt;PUBLIC:ATTACH EVENT=&#34;onmouseup&#34; ONEVENT=&#34;font2blue()&#34;/&gt;<br/>“EVENT”对应所需事件名,在这里分别为nmouseover,onmouseout,onmousedown,onmouseup四个事件名，你当然可以再增加其它的事件名来满足你的特定需求。“ONEVENT”对应着个自的事件句柄，即事件触发时所调用的函数名称。glowit()函数使字体周围产生一个红色的辉光。noglow()函数是消除字体的辉光效果。Font2yellow()函数是把字体颜色改为黄色。Font2blue()函数是把字体颜色改为蓝色。四个事件的定义都是相似的。<br/>(2)接下来，再给这个“行为”增加二个“方法”定义，内容如下。<br/>&lt;PUBLIC:METHOD NAME=&#34;move_down&#34;/&gt;<br/>&lt;PUBLIC:METHOD NAME=&#34;move_right&#34;/&gt;<br/>“NAME”参数对应的是给定的“方法”名称。move_down和move_right分别是向下和向右移动的“方法”对应的函数名称。注意，在方法名的后面不要带“( )”括号，即不要写成“move_down()”这个样子，这在“方法”定义的语法上是不允许的。<br/>(3）接下来的工作就是在我们熟悉的DHTML环境下，用javascript脚本语句编写“事件句柄”和“方法”所对应的函数内容，实现预期的效果。具体内容参考下面的源程序。其中的“element”参数指的是这个“行为”所附着的对象，因为“行为”总是被附着到页面的元件上面，并通过这个元件发挥作用。其它语句都是DHTML的编程内容，就不再多说了。如有不明之处，可参考微软的MSDN开发文档中有关IE浏览器的内容，上面有详细的DHTML编程参考内容、属性和方法使用说明等，并包含了大量的文章和举例程序。经常访问微软的MSDN文档，尤其对于初学者来说是一个良好的学习习惯，你几乎可以得到任何你想找的答案，它的网址为：<a href="http://msdn.microsoft.com/ie/" target="_blank" rel="external">http://msdn.microsoft.com/ie/</a>。<br/>　　完整的“行为”文档“font_effect.htc”的内容如下：<br/>////////////////////////“行为”文档开始////////////////////////////<br/>//给“行为”增加四个鼠标事件<br/>&lt;PUBLIC:ATTACH EVENT=&#34;onmouseover&#34; ONEVENT=&#34;glowit()&#34;/&gt;<br/>&lt;PUBLIC:ATTACH EVENT=&#34;onmouseout&#34; ONEVENT=&#34;noglow()&#34;/&gt;<br/>&lt;PUBLIC:ATTACH EVENT=&#34;onmousedown&#34; ONEVENT=&#34;font2yellow()&#34;/&gt;<br/>&lt;PUBLIC:ATTACH EVENT=&#34;onmouseup&#34; ONEVENT=&#34;font2blue()&#34;/&gt;<br/>//给“行为”定义二个方法<br/>&lt;PUBLIC:METHOD NAME=&#34;move_down&#34;/&gt;<br/>&lt;PUBLIC:METHOD NAME=&#34;move_right&#34;/&gt;<br/>&lt;SCRIPT LANGUAGE=&#34;JScript&#34;&gt;<br/>//定义一个保存字体颜色的变量<br/>var font_color;<br/>//定义向下移动文字的方法<br/>function move_down()<br/>{<br/>element.style.posTop+=2;<br/>}<br/>//定义向右移动文字的方法<br/>function move_right()<br/>{<br/>element.style.posLeft +=6;<br/>}<br/>//定义鼠标onmouseup事件的调用函数<br/>function font2blue(){<br/>if (event.srcElement == element)<br/>{<br/>element.style.color=&#39;blue&#39;;<br/>}<br/>}<br/>//定义鼠标onmousedown事件的调用函数<br/>function font2yellow(){<br/>if (event.srcElement == element)<br/>{<br/>element.style.color=&#39;yellow&#39;;<br/>}<br/>}<br/><br/>//定义鼠标onmouseover事件的调用函数<br/>function glowit()<br/>{<br/>if (event.srcElement == element)<br/>{<br/>font_color=style.color;<br/>element.style.color=&#39;white&#39;;<br/>element.style.filter=&#34;glow(color=red,strength=2)&#34;;<br/>}<br/>}<br/><br/>//定义鼠标onmouseout事件的调用函数<br/>function noglow()<br/>{<br/>if (event.srcElement == element)<br/>{<br/>element.style.filter=&#34;&#34;;<br/>element.style.color=font_color;<br/>}<br/>}<br/>&lt;/SCRIPT&gt;<br/>//////////////////“行为”文档结束///////////////////////////////<br/>(4)如何在一个页面上使用“行为”<br/>　　在页面上使用“行为”组件，并不需要学习新的知识。所需的知识的也不过是CSS样式表和HTML的设置而已，请看下面的语句。<br/>&lt;STYLE&gt;<br/>.myfilter{behavior:url(font_effect.htc);position:relative;font-weight:bold;width=180;left:0;}<br/>&lt;/STYLE&gt;<br/>　　可以看出，这和以前我们已经熟知的样式表设置完全相同。上面的语句定义了一个样式名：“myfilter”，其中对我们来说比较新的内容是：“behavior:url(font_effect.htc);”，“behavior”是新增的“行为”属性名，这就是“行为”在样式表中的设置方式。括号中的内容是“行为”文档的文件名，本例中表明“行为”文档在与页面文件在同一个目录下，如果“行为”文档安置在其它目录下，在此参数的前面要加上相应的路径名，以保证可以正确地定位“行为”文档的位置。此“样式”中的其它内容就是普通的样式属性设置，可根据你的需要增减，但在此例中，由于使用了“glow”滤镜效果，至少要设置一个宽度（width）属性。通过以上的样式指定，我们就有了一个名为：“myfilter”的样式，它附带一个有字体变化效果的“行为”。如果你想要在一个页面元件上使用这个附带“行为”的样式，同样也很简单，只要把这个“样式名”安置在元件的属性设置区域即可，见下面的语句。<br/>&lt;span id=&#34;myspan&#34; class=&#39;myfilter&#39;&gt;行为产生的文字效果&lt;/span&gt;&lt;br&gt;<br/>&lt;span class=&#39;myfilter&#39;&gt;鼠标指向后产生辉光&lt;/span&gt;<br/>　　以上语句里面没有什么新的内容，class=&#39;myfilter&#39;就是我们所熟悉的样式设置。在第一个“span”标记的属性中还定义了一个“id”标记，稍后就会看到，这是用来演示调用“行为”内的“方法”而设置的。这样设置后，“span”元件中的内容就可以显示出“行为”组件内的预定效果：<br/>1．鼠标指针移动到文字内容上时，在文字周围产生红色的辉光效果，同时文字变成白色。<br/>2． 当鼠标按钮按下时，文字颜色改变为黄色。<br/>3． 鼠标按钮抬起后，文字颜色又改变为蓝色。<br/>4．当鼠标指针移动到文字区域以外时，去掉了红色辉光效果，文字恢复原样。<br/>　　另外，我们在定义“行为”时设置了二个“方法”，“move_down”和“move_right”。为调用这二个“方法”，定义了二个按钮：<br/>&lt;button onclick=&#34;myspan.move_right();&#34;&gt;向右移动第一行文字&lt;/button&gt;<br/>&lt;br&gt;<br/>&lt;button onclick=&#34;myspan.move_down();&#34;&gt;向下移动第一行文字&lt;/button&gt;<br/>　　用按钮的onclick事件去调用这二个“方法”，先前定义的“id”标记就作为元件的对象名称，用“myspan.move_down”来调用“方法”，操纵这个对象。可以看到，在按下相应的按钮后，会使第一行的文字产生向下或向右的移动。虽然只是用第一行文字做了示范，实际上，只要做相应的设置，你也可以移动其它对象。页面源文档的完整内内容如下：<br/>&lt;html &gt;<br/>&lt;HEAD &gt;<br/>&lt;TITLE &gt;行为效果演示&lt; /TITLE &gt;<br/>&lt;STYLE &gt;<br/>.myfilter{behavior:url(font_effect.htc);position:relative;font-weight:bold;width=180;left:0;}<br/>&lt;/STYLE&gt;<br/>&lt;/HEAD&gt;<br/>&lt;BODY&gt;<br/>&lt;span id=&#34;myspan&#34; class=&#39;myfilter&#39;&gt;行为产生的文字效果&lt;/span&gt;&lt;br&gt;<br/>&lt;span class=&#39;myfilter&#39;&gt;鼠标指向后产生辉光&lt;/span&gt;&lt;br&gt;<br/>&lt;span class=&#39;myfilter&#39;&gt;同时文字变白&lt;/span&gt;&lt;br&gt;<br/>&lt;span class=&#39;myfilter&#39;&gt;按下鼠标后文字变黄&lt;/span&gt;&lt;br&gt;<br/>&lt;span class=&#39;myfilter&#39;&gt;抬起鼠标后文字变蓝&lt;/span&gt;&lt;br&gt;<br/>&lt;span class=&#39;myfilter&#39;&gt;鼠标离开后文字恢复原状&lt;/span&gt;&lt;br&gt;<br/>&lt;button onclick=&#34;myspan.move_right();&#34;&gt;向右移动第一行文字&lt;/button&gt;&lt;br&gt;<br/>&lt;button onclick=&#34;myspan.move_down();&#34;&gt;向下移动第一行文字&lt;/button&gt;<br/>&lt;/BODY&gt;<br/>&lt;/html&gt;<br/>　　通过以上的简单介绍，可以看出，我们很容易地在一个“行为”中同时组合了多种文字变化效果，通过简单的“样式”设置，任意地将它与页面元件相关连，体现了“行为”组件的优点和强大功能。一个“行为”组件，不仅能在一个页面内重复使用，也可供同一站点上的所有页面使用。试想一下，如果不使用“行为”来完成上述的效果，虽然可以在页面内调用一组预定的函数来完成同样的功能，但页面内每一个使用文字效果的元件都要附加四个鼠标事件，如果在多个页面内使用相同的效果，被调用的函数也需要在每一个页面内重复设置。相比之下，孰优孰劣是很明显的。所以，使用“行为”组件，可以制作出简洁、高效、通用和便于维护的页面。本文的举例只是为了说明“行为”组件的编写和使用过程，使读者对“行为”编程有一个概括的了解，并以此基础制作出自己所需要的“行为”组件，或直接引用满足个人需要的现成“行为”组件，因为“组件共享”的概念也是“行为”开发者的初衷。最后，愿本文能起到“抛砖引玉”的目的，使读者步入精彩的DHTML网页编程天地。<br/><br/>说明:<br/>HTC是HTML component的缩写,<br/>是IE5.0的主要扩展之一,<br/>除了具备一般组件的可重用优点之外,<br/>还具有易于开发使用等优点,<br/>因为需要引入外部文件,这里就不举例了,宝库里有例子.<br/><br/>控件和组件<br/>HTC提供了一个简单机制以在脚本中实现DHTML行为。一个HTC文件和HTML文件没有任何差别，并且以“.htc”为后缀，<br/><br/>可以使用HTC实现以下行为：<br/>设定属性和方法。通过“PROPERTY”和“METHOD”元素定义<br/>设置自定义事件。通过“EVENT”元素实现，用该元素的“fire()”方法释放事件，<br/>通过“cr&#101;ateEventObject()”方法设置事件环境。<br/>访问所包含该HTC的的HTML页的DHTML对象模型，使用HTC的“element&#34;对象，返回<br/>一个附加行为的元素，使用该对象，HTC可以访问包含文挡及它的对象模型（属性、方法、事件）。<br/>收取通知，使用”ATTACH“元素实现，浏览器不但通知HTC标准的DHTML事件，而且通知HTC两种特殊事件：oncontentready事件和ondocumentready事件。<br/><br/>定义标记和命名空间<br/>HTC的基础是自定义标记<br/>要为页面定义自定义标记，必须为该标记提供命名空间<br/>要使用该标记必须在该标记前加上正确的XML命名空间前缀<br/>例如:<br/>定义一个新标记RIGHT的例子<br/>代码片断如下：<br/>&lt;HTML XMLNS:DOCJS&gt;<br/>&lt;HEAD&gt;<br/>&lt;STYLE&gt;<br/>@media all {<br/>DOCJS/:RIGHT {text-align:right; width:100}<br/>}<br/>&lt;/STYLE&gt;<br/>&lt;/HEAD&gt;<br/>&lt;BODY&gt;<br/>&lt;DOCjs:RIGHT&gt;<br/>Read Doc javascript&#39;s columns, tips, tools, and tutorials<br/>&lt;/DOCjs:RIGHT&gt;<br/>&lt;/BODY&gt;<br/>&lt;/HTML&gt;<br/>可以在单个HTML标记中定义多个命名空间：<br/>&lt;HTML XMLNS:DOCJS XMLNS:DOCjavascript&gt;<br/>组件定义<br/>组件的名字是由HTC文档里定义在第一行的XML命名空间决定的<br/>该页不用调用其他的HTC话,就只有一个命名空间定义<br/>实际上，HTML组件的定义就是自定义标签行为的定义<br/>该行为包括一个属性和一个事件：<br/>&lt;HTML xmlns:MyTag&gt;<br/>&lt;HEAD&gt;<br/>&lt;PUBLIC:COMPONENT tagName=&#34;MyTag&#34;&gt;<br/>&lt;PROPERTY NAME=&#34;value&#34;&gt;&lt;/PROPERTY&gt;<br/>&lt;ATTACH EVENT=&#34;oncontentready&#34; ONEVENT=&#34;fnInit()&#34;&lt;&gt;/ATTACH&gt;<br/>&lt;/PUBLIC:COMPONENT&gt;<br/>&lt;STYLE&gt;//为组件定义样式表<br/>.cssMyTag{<br/>}<br/>&lt;/STYLE&gt;<br/>&lt;SCRIPT language=javascript&gt;<br/>function MyTagBehavior1(){} //为组件定义方法<br/>&lt;/SCRIPT&gt;<br/>&lt;/HEAD&gt;<br/>&lt;BODY onclick=MyTagBehavior1&gt; //为组件定义响应事件<br/>&lt;/BODY&gt;<br/>&lt;/HTML&gt;<br/>其中的oncontentready是在组件被调用者完全导入时触发<br/>再看看fnInit()<br/>function fnInit() {<br/>document.body.innerHTML = element.value;//设定组件显示内容<br/>document.body.className = &#34;clsMyTag&#34;; //设定显示样式表,<br/>defaults.viewLink = document; //使本组件对其他文档可见<br/>element.aProperty = element.value; //设置组件的属性值<br/>}<br/>组件的调用<br/>&lt;HTML xmlns:MyCom&gt;<br/>&lt;HEAD&gt;<br/>&lt;?IMPORT NAMESPACE=&#34;MyCom&#34; IMPLEMENTATION=&#34;MyTag.htc&#34;/&gt;<br/>&lt;/HEAD&gt;<br/>&lt;BODY&gt;<br/>&lt;MyCom:MyTag&gt;&lt;/MyCom:MyTag&gt;<br/>&lt;/BODY&gt;<br/>&lt;/HTML&gt;<br/><img src="http://blog.campuszp.com/attachments/month_1204/82012424174312.jpg" border="0" alt=""/><br/>]]></summary>
	  <link rel="alternate" type="text/html" href="http://blog.campuszp.com/article/1207.htm" /> 
	  <id>http://blog.campuszp.com/default.asp?id=1207</id>
  </entry>	
		
  <entry>
	  <title type="html"><![CDATA[使用HTC调用jQuery datequicker ]]></title>
	  <author>
		 <name>admin</name>
		 <uri>http://blog.campuszp.com/</uri>
		 <email>Rabbit_xxy@163.com</email>
	  </author>
	  <category term="" scheme="http://blog.campuszp.com/default.asp?cateID=10" label=".NET学习" /> 
	  <updated>2012-04-24T17:30:11+08:00</updated>
	  <published>2012-04-24T17:30:11+08:00</published>
		  <summary type="html"><![CDATA[<p>&nbsp;</p>
<div class="codeText">
<div class="codeHead">XML/HTML代码</div>
<ol class="dp-xml">
    <li class="alt"><span><span>公司的ERP是06年左右开发的，当时主流的浏览器是IE5,IE6,所以ERP页面开发中用到了当时比较时髦的技术HTC，关于HTC，你可以参考：http://www.blueidea.com/tech/web/2003/1227.asp。&nbsp; &nbsp;&nbsp;</span></span></li>
    <li><span>&nbsp;&nbsp;</span></li>
    <li class="alt"><span>web浏览器技术时至今日已经百花齐放，有IE8,IE9,firefox,Chrome等。&nbsp; &nbsp;&nbsp;</span></li>
    <li><span>&nbsp;&nbsp;</span></li>
    <li class="alt"><span>需求：&nbsp; &nbsp;&nbsp;</span></li>
    <li><span>&nbsp;&nbsp;</span></li>
    <li class="alt"><span>很长一段时间，公司的日期popup组件需要在IE7以上的浏览器上设置对URL安全访问允许，才能正常显示，原因是这个日期popup的实现使用了</span><span class="tag">&lt;</span><span class="tag-name">object</span><span class="tag">&gt;</span><span>这个html标签，为了解决这个问题，我在上篇日志已经给出了解决方案。但是上面的方案造成整个ERP的所有用到日期组件的地方都要进行代码修改，因此，开发人员希望针原有实现进行替换，而不影响日期组件的引用，即不替换日期组件而不修改ERP程序。&nbsp; &nbsp;&nbsp;</span></li>
    <li><span>&nbsp;&nbsp;</span></li>
    <li class="alt"><span>分析和解决方案：&nbsp; &nbsp;&nbsp;</span></li>
    <li><span>&nbsp;&nbsp;</span></li>
    <li class="alt"><span>通过查看原有日期组件的引用方式是采用HTC技术，这是一种IE上专有的技术，我们通过下面的方式可以将jquery&nbsp;datequicker封装成一个HTC:&nbsp; &nbsp;&nbsp;</span></li>
    <li><span>&nbsp;&nbsp;</span></li>
    <li class="alt"><span>1、在html标记中加入命名空间：&nbsp; &nbsp;&nbsp;</span></li>
    <li><span>&nbsp;&nbsp;</span></li>
    <li class="alt"><span>Java代码&nbsp;&nbsp; &nbsp;&nbsp;</span></li>
    <li><span class="tag">&lt;</span><span class="tag-name">html</span><span>&nbsp;xmlns:astutemedia</span><span class="tag">&gt;</span><span>&nbsp;&nbsp; &nbsp;&nbsp;</span></li>
    <li class="alt"><span>&nbsp;&nbsp;</span></li>
    <li><span class="tag">&lt;</span><span class="tag-name">html</span><span>&nbsp;xmlns:astutemedia</span><span class="tag">&gt;</span><span>&nbsp;&nbsp;</span></li>
    <li class="alt"><span>&nbsp;&nbsp;</span></li>
    <li><span>2、在页面中引入标签实现文件：&nbsp; &nbsp;&nbsp;</span></li>
    <li class="alt"><span>&nbsp;&nbsp;</span></li>
    <li><span>Java代码&nbsp;&nbsp; &nbsp;&nbsp;</span></li>
    <li class="alt"><span class="tag">&lt;?</span><span class="tag-name">import</span><span>&nbsp;</span><span class="attribute">namespace</span><span>=</span><span class="attribute-value">&quot;astutemedia&quot;</span><span>&nbsp;</span><span class="attribute">implementation</span><span>=</span><span class="attribute-value">&quot;CalendarPopup.htc&quot;</span><span class="tag">&gt;</span><span>&nbsp;&nbsp; &nbsp;&nbsp;</span></li>
    <li><span>&nbsp;&nbsp;</span></li>
    <li class="alt"><span class="tag">&lt;?</span><span class="tag-name">import</span><span>&nbsp;</span><span class="attribute">namespace</span><span>=</span><span class="attribute-value">&quot;astutemedia&quot;</span><span>&nbsp;</span><span class="attribute">implementation</span><span>=</span><span class="attribute-value">&quot;CalendarPopup.htc&quot;</span><span class="tag">&gt;</span><span>&nbsp;&nbsp;</span></li>
    <li><span>&nbsp;&nbsp;</span></li>
    <li class="alt"><span>3、在日期标签</span><span class="tag">&lt;</span><span class="tag-name">input</span><span class="tag">&gt;</span><span>后面加入自定义标记calendar，如下所示：&nbsp; &nbsp;&nbsp;</span></li>
    <li><span>&nbsp;&nbsp;</span></li>
    <li class="alt"><span>Java代码&nbsp;&nbsp; &nbsp;&nbsp;</span></li>
    <li><span>start&nbsp;Date:&nbsp;</span><span class="tag">&lt;</span><span class="tag-name">input</span><span>&nbsp;</span><span class="attribute">type</span><span>=</span><span class="attribute-value">&quot;text&quot;</span><span>&nbsp;</span><span class="attribute">id</span><span>=</span><span class="attribute-value">&quot;startDate&quot;</span><span>&nbsp;</span><span class="tag">/&gt;</span><span>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;</span></li>
    <li class="alt"><span class="tag">&lt;</span><span class="tag-name">astutemedia:calendar</span><span>&nbsp;</span><span class="attribute">id</span><span>=</span><span class="attribute-value">&quot;Calendar1&quot;</span><span>&nbsp;</span><span class="attribute">target</span><span>=</span><span class="attribute-value">&quot;startDate&quot;</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag-name">astutemedia:calendar</span><span class="tag">&gt;</span><span>&nbsp;&nbsp; &nbsp;&nbsp;</span></li>
    <li><span>&nbsp;&nbsp;</span></li>
    <li class="alt"><span>start&nbsp;Date:&nbsp;</span><span class="tag">&lt;</span><span class="tag-name">input</span><span>&nbsp;</span><span class="attribute">type</span><span>=</span><span class="attribute-value">&quot;text&quot;</span><span>&nbsp;</span><span class="attribute">id</span><span>=</span><span class="attribute-value">&quot;startDate&quot;</span><span>&nbsp;</span><span class="tag">/&gt;</span><span>&nbsp;&nbsp;</span></li>
    <li><span class="tag">&lt;</span><span class="tag-name">astutemedia:calendar</span><span>&nbsp;</span><span class="attribute">id</span><span>=</span><span class="attribute-value">&quot;Calendar1&quot;</span><span>&nbsp;</span><span class="attribute">target</span><span>=</span><span class="attribute-value">&quot;startDate&quot;</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag-name">astutemedia:calendar</span><span class="tag">&gt;</span><span>&nbsp;&nbsp;</span></li>
    <li class="alt"><span>&nbsp;&nbsp;</span></li>
    <li><span>&nbsp;&nbsp;</span></li>
    <li class="alt"><span>4、在CalendarPopup.htc我们实现calendar这个标签，并对id为&quot;startDate&quot;的这个</span><span class="tag">&lt;</span><span class="tag-name">input</span><span class="tag">&gt;</span><span>对象添加行为。以下是实现代码：&nbsp; &nbsp;&nbsp;</span></li>
    <li><span>&nbsp;&nbsp;</span></li>
    <li class="alt"><span>Java代码&nbsp;&nbsp; &nbsp;&nbsp;</span></li>
    <li><span>&lt;!--&nbsp;---------------------------------------------------------------------&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;</span></li>
    <li class="alt"><span>//&nbsp;&nbsp;Author:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Redhacker&nbsp;(beanor@gmail.com)&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;</span></li>
    <li><span>//&nbsp;&nbsp;Date:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;7/11/2011&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;</span></li>
    <li class="alt"><span>//&nbsp;&nbsp;File:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;CalendarPopup.htc&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;</span></li>
    <li><span>//&nbsp;&nbsp;Description:&nbsp;&nbsp;This&nbsp;element&nbsp;behavior&nbsp;encapulates&nbsp;the&nbsp;calendar.htc&nbsp;and&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;</span></li>
    <li class="alt"><span>//&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;exposes&nbsp;it&nbsp;as&nbsp;a&nbsp;popup.&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;</span></li>
    <li><span>//&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;</span></li>
    <li class="alt"><span>//--------------------------------------------------------------------&nbsp;--</span><span class="tag">&gt;</span><span>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;</span></li>
    <li><span class="tag">&lt;</span><span class="tag-name">public:component</span><span>&nbsp;</span><span class="attribute">tagname</span><span>=</span><span class="attribute-value">&quot;Calendar&quot;</span><span class="tag">&gt;</span><span>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;</span></li>
    <li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="tag">&lt;</span><span class="tag-name">public:defaults</span><span>&nbsp;</span><span class="attribute">viewLinkContent</span><span>=</span><span class="attribute-value">&quot;true&quot;</span><span>&nbsp;</span><span class="tag">/&gt;</span><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;</span></li>
    <li><span>&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="tag">&lt;</span><span class="tag-name">public:property</span><span>&nbsp;</span><span class="attribute">name</span><span>=</span><span class="attribute-value">&quot;Target&quot;</span><span>&nbsp;&nbsp;&nbsp;</span><span class="attribute">value</span><span>=</span><span class="attribute-value">&quot;&quot;</span><span>&nbsp;</span><span class="tag">/&gt;</span><span>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;</span></li>
    <li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="tag">&lt;</span><span class="tag-name">public:property</span><span>&nbsp;</span><span class="attribute">name</span><span>=</span><span class="attribute-value">&quot;Targets&quot;</span><span>&nbsp;</span><span class="attribute">value</span><span>=</span><span class="attribute-value">&quot;&quot;</span><span>&nbsp;</span><span class="tag">/&gt;</span><span>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;</span></li>
    <li><span>&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="tag">&lt;</span><span class="tag-name">public:attach</span><span>&nbsp;&nbsp;&nbsp;</span><span class="attribute">event</span><span>=</span><span class="attribute-value">&quot;oncontentready&quot;</span><span>&nbsp;</span><span class="attribute">onevent</span><span>=</span><span class="attribute-value">&quot;Init()&quot;</span><span>&nbsp;</span><span class="tag">/&gt;</span><span>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;</span></li>
    <li class="alt"><span class="tag">&lt;/</span><span class="tag-name">public:component</span><span class="tag">&gt;</span><span>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;</span></li>
    <li><span>&nbsp;&nbsp; &nbsp;&nbsp;</span></li>
    <li class="alt"><span class="tag">&lt;</span><span class="tag-name">script</span><span class="tag">&gt;</span><span>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;</span></li>
    <li><span>&nbsp;&nbsp; &nbsp;&nbsp;</span></li>
    <li class="alt"><span>function&nbsp;Init()&nbsp;{&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;</span></li>
    <li><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;</span><span class="attribute">targetStr</span><span>&nbsp;=&nbsp;</span><span class="attribute-value">&quot;#&quot;</span><span>&nbsp;+&nbsp;Target;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;</span></li>
    <li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(&nbsp;targetStr&nbsp;).datepicker({&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;</span></li>
    <li><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;showOn:&nbsp;&quot;both&quot;,&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;</span></li>
    <li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttonImage:&nbsp;&quot;images/Calendar.gif&quot;,&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;</span></li>
    <li><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttonImageOnly:&nbsp;true,&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;</span></li>
    <li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;changeMonth:&nbsp;true,&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;</span></li>
    <li><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;changeYear:&nbsp;true&nbsp;&nbsp; &nbsp;&nbsp;</span></li>
    <li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;});&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;</span></li>
    <li><span>}&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;</span></li>
    <li class="alt"><span class="tag">&lt;/</span><span class="tag-name">script</span><span class="tag">&gt;</span><span>&nbsp;&nbsp; &nbsp;&nbsp;</span></li>
    <li><span>&nbsp;&nbsp;</span></li>
    <li class="alt"><span>&lt;!--&nbsp;--------------------------------------------------------------------- &nbsp;&nbsp;</span></li>
    <li><span>//&nbsp;&nbsp;Author:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Redhacker&nbsp;(beanor@gmail.com) &nbsp;&nbsp;</span></li>
    <li class="alt"><span>//&nbsp;&nbsp;Date:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;7/11/2011 &nbsp;&nbsp;</span></li>
    <li><span>//&nbsp;&nbsp;File:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;CalendarPopup.htc &nbsp;&nbsp;</span></li>
    <li class="alt"><span>//&nbsp;&nbsp;Description:&nbsp;&nbsp;This&nbsp;element&nbsp;behavior&nbsp;encapulates&nbsp;the&nbsp;calendar.htc&nbsp;and&nbsp; &nbsp;&nbsp;</span></li>
    <li><span>//&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;exposes&nbsp;it&nbsp;as&nbsp;a&nbsp;popup. &nbsp;&nbsp;</span></li>
    <li class="alt"><span>// &nbsp;&nbsp;</span></li>
    <li><span>//--------------------------------------------------------------------&nbsp;--</span><span class="tag">&gt;</span><span>&nbsp;&nbsp;</span></li>
    <li class="alt"><span class="tag">&lt;</span><span class="tag-name">public:component</span><span>&nbsp;</span><span class="attribute">tagname</span><span>=</span><span class="attribute-value">&quot;Calendar&quot;</span><span class="tag">&gt;</span><span>&nbsp;&nbsp;</span></li>
    <li><span>&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="tag">&lt;</span><span class="tag-name">public:defaults</span><span>&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="attribute">viewLinkContent</span><span>=</span><span class="attribute-value">&quot;true&quot;</span><span>&nbsp;</span><span class="tag">/&gt;</span><span>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;</span></li>
    <li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="tag">&lt;</span><span class="tag-name">public:property</span><span>&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="attribute">name</span><span>=</span><span class="attribute-value">&quot;Target&quot;</span><span>&nbsp;&nbsp;&nbsp;</span><span class="attribute">value</span><span>=</span><span class="attribute-value">&quot;&quot;</span><span>&nbsp;</span><span class="tag">/&gt;</span><span>&nbsp;&nbsp;</span></li>
    <li><span>&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="tag">&lt;</span><span class="tag-name">public:property</span><span>&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="attribute">name</span><span>=</span><span class="attribute-value">&quot;Targets&quot;</span><span>&nbsp;</span><span class="attribute">value</span><span>=</span><span class="attribute-value">&quot;&quot;</span><span>&nbsp;</span><span class="tag">/&gt;</span><span>&nbsp;&nbsp;</span></li>
    <li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="tag">&lt;</span><span class="tag-name">public:attach</span><span>&nbsp;&nbsp;</span><span class="attribute">event</span><span>=</span><span class="attribute-value">&quot;oncontentready&quot;</span><span>&nbsp;</span><span class="attribute">onevent</span><span>=</span><span class="attribute-value">&quot;Init()&quot;</span><span>&nbsp;</span><span class="tag">/&gt;</span><span>&nbsp;&nbsp;</span></li>
    <li><span class="tag">&lt;/</span><span class="tag-name">public:component</span><span class="tag">&gt;</span><span>&nbsp;&nbsp;</span></li>
    <li class="alt"><span>&nbsp;&nbsp;</span></li>
    <li><span class="tag">&lt;</span><span class="tag-name">script</span><span class="tag">&gt;</span><span>&nbsp;&nbsp;</span></li>
    <li class="alt"><span>&nbsp;&nbsp;</span></li>
    <li><span>function&nbsp;Init()&nbsp;{ &nbsp;&nbsp;</span></li>
    <li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;</span><span class="attribute">targetStr</span><span>&nbsp;=&nbsp;</span><span class="attribute-value">&quot;#&quot;</span><span>&nbsp;+&nbsp;Target; &nbsp;&nbsp;</span></li>
    <li><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(&nbsp;targetStr&nbsp;).datepicker({ &nbsp;&nbsp;</span></li>
    <li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;showOn:&nbsp;&quot;both&quot;, &nbsp;&nbsp;</span></li>
    <li><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttonImage:&nbsp;&quot;images/Calendar.gif&quot;, &nbsp;&nbsp;</span></li>
    <li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;buttonImageOnly:&nbsp;true, &nbsp;&nbsp;</span></li>
    <li><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;changeMonth:&nbsp;true, &nbsp;&nbsp;</span></li>
    <li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;changeYear:&nbsp;true &nbsp;&nbsp;</span></li>
    <li><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}); &nbsp;&nbsp;</span></li>
    <li class="alt"><span>} &nbsp;&nbsp;</span></li>
    <li><span class="tag">&lt;/</span><span class="tag-name">script</span><span class="tag">&gt;</span><span>&nbsp;&nbsp;</span></li>
    <li class="alt"><span>&nbsp;&nbsp;</span></li>
    <li><span>&nbsp;&nbsp;</span></li>
    <li class="alt"><span>在上面的代码中声明了一个Calendar标签，这个标签定义了两个属性Target和Targets,对当前标签的oncontentready事件定义了一个Init函数。&nbsp; &nbsp;&nbsp;</span></li>
    <li><span>&nbsp;&nbsp;</span></li>
    <li class="alt"><span>当页面执行到</span><span class="tag">&lt;</span><span class="tag-name">astutemedia:calendar</span><span class="tag">&gt;</span><span>标记时，该函数就会被调用，从而实例化一个datequicker组件。&nbsp; &nbsp;&nbsp;</span></li>
    <li><span>&nbsp;&nbsp;</span></li>
    <li class="alt"><span>实例化的这个datequicker组件的显示监听事件有三个：onfocus,button,both，这里将shownOn指定为both，就是说当id为startDate的input对象得到焦点时，以及点击id为startDate的input对象后面的button时，显示日期组件。&nbsp; &nbsp;&nbsp;</span></li>
    <li><span>&nbsp;&nbsp;</span></li>
    <li class="alt"><span>教训：&nbsp; &nbsp;&nbsp;</span></li>
    <li><span>&nbsp;&nbsp;</span></li>
    <li class="alt"><span>在关于如何让input对象点击或双击显示日期组件的问题上，我鼓捣了好久，后来才发现了showOn就是指定事件监听的地方，并且固定显示日期组件的事件只有这么三种，才想到自己在日期输入框上企图加入事件，再通过事件触发显示日期组件，在思路上就是不对的，因为，设计者已经考虑到了这种情况，只需要进行设置即可。&nbsp; &nbsp;&nbsp;</span></li>
    <li><span>&nbsp;&nbsp;</span></li>
    <li class="alt"><span>后来，通过读datequicker自带的docs才知道了showOn这个配置，问题才豁然开朗。&nbsp; &nbsp;&nbsp;</span></li>
    <li><span>&nbsp;&nbsp;</span></li>
    <li class="alt"><span>得到的教训就是，对于任何技术的研究，虽然搜索引擎是条捷径，但如果首先研究该技术的官方文档，将会省去走许多弯路。&nbsp; &nbsp;&nbsp;</span></li>
</ol>
</div>
<p>&nbsp;</p>]]></summary>
	  <link rel="alternate" type="text/html" href="http://blog.campuszp.com/article/1205.htm" /> 
	  <id>http://blog.campuszp.com/default.asp?id=1205</id>
  </entry>	
		
</feed>

