| | |
| | | |
| | | $this.addClass('jGraduate_Picker'); |
| | | $this.html('<ul class="jGraduate_tabs">' + |
| | | '<li class="jGraduate_tab_color jGraduate_tab_current" data-type="col">颜色</li>' + |
| | | '<li class="jGraduate_tab_lingrad" data-type="lg">线性渐变</li>' + |
| | | '<li class="jGraduate_tab_radgrad" data-type="rg">径向渐变</li>' + |
| | | '<li class="jGraduate_tab_color jGraduate_tab_current" data-type="col">Solid Color</li>' + |
| | | '<li class="jGraduate_tab_lingrad" data-type="lg">Linear Gradient</li>' + |
| | | '<li class="jGraduate_tab_radgrad" data-type="rg">Radial Gradient</li>' + |
| | | '</ul>' + |
| | | '<div class="jGraduate_colPick"></div>' + |
| | | '<div class="jGraduate_gradPick"></div>' + |
| | |
| | | '</div>' + |
| | | '<div class="jGraduate_Form jGraduate_Points jGraduate_lg_field">' + |
| | | '<div class="jGraduate_StopSection">' + |
| | | '<label class="jGraduate_Form_Heading">起点</label>' + |
| | | '<label class="jGraduate_Form_Heading">Begin Point</label>' + |
| | | '<div class="jGraduate_Form_Section">' + |
| | | '<label>x:</label>' + |
| | | '<input type="text" id="' + id + '_jGraduate_x1" size="3" title="输入介于0.0和1.0之间的起始x值"/>' + |
| | | '<input type="text" id="' + id + '_jGraduate_x1" size="3" title="Enter starting x value between 0.0 and 1.0"/>' + |
| | | '<label> y:</label>' + |
| | | '<input type="text" id="' + id + '_jGraduate_y1" size="3" title="输入介于0.0和1.0之间的起始y值"/>' + |
| | | '<input type="text" id="' + id + '_jGraduate_y1" size="3" title="Enter starting y value between 0.0 and 1.0"/>' + |
| | | '</div>' + |
| | | '</div>' + |
| | | '<div class="jGraduate_StopSection">' + |
| | | '<label class="jGraduate_Form_Heading">终点</label>' + |
| | | '<label class="jGraduate_Form_Heading">End Point</label>' + |
| | | '<div class="jGraduate_Form_Section">' + |
| | | '<label>x:</label>' + |
| | | '<input type="text" id="' + id + '_jGraduate_x2" size="3" title="输入介于0.0和1.0之间的起始x值"/>' + |
| | | '<input type="text" id="' + id + '_jGraduate_x2" size="3" title="Enter ending x value between 0.0 and 1.0"/>' + |
| | | '<label> y:</label>' + |
| | | '<input type="text" id="' + id + '_jGraduate_y2" size="3" title="输入介于0.0和1.0之间的起始y值"/>' + |
| | | '<input type="text" id="' + id + '_jGraduate_y2" size="3" title="Enter ending y value between 0.0 and 1.0"/>' + |
| | | '</div>' + |
| | | '</div>' + |
| | | '</div>' + |
| | | '<div class="jGraduate_Form jGraduate_Points jGraduate_rg_field">' + |
| | | '<div class="jGraduate_StopSection">' + |
| | | '<label class="jGraduate_Form_Heading">中心点</label>' + |
| | | '<label class="jGraduate_Form_Heading">Center Point</label>' + |
| | | '<div class="jGraduate_Form_Section">' + |
| | | '<label>x:</label>' + |
| | | '<input type="text" id="' + id + '_jGraduate_cx" size="3" title="输入介于0.0和1.0之间的起始x值"/>' + |
| | | '<input type="text" id="' + id + '_jGraduate_cx" size="3" title="Enter x value between 0.0 and 1.0"/>' + |
| | | '<label> y:</label>' + |
| | | '<input type="text" id="' + id + '_jGraduate_cy" size="3" title="输入介于0.0和1.0之间的起始y值"/>' + |
| | | '<input type="text" id="' + id + '_jGraduate_cy" size="3" title="Enter y value between 0.0 and 1.0"/>' + |
| | | '</div>' + |
| | | '</div>' + |
| | | '<div class="jGraduate_StopSection">' + |
| | | '<label class="jGraduate_Form_Heading">焦点</label>' + |
| | | '<label class="jGraduate_Form_Heading">Focal Point</label>' + |
| | | '<div class="jGraduate_Form_Section">' + |
| | | '<label>Match center: <input type="checkbox" checked="checked" id="' + id + '_jGraduate_match_ctr"/></label><br/>' + |
| | | '<label>x:</label>' + |
| | | '<input type="text" id="' + id + '_jGraduate_fx" size="3" title="输入介于0.0和1.0之间的起始x值"/>' + |
| | | '<input type="text" id="' + id + '_jGraduate_fx" size="3" title="Enter x value between 0.0 and 1.0"/>' + |
| | | '<label> y:</label>' + |
| | | '<input type="text" id="' + id + '_jGraduate_fy" size="3" title="输入介于0.0和1.0之间的起始y值"/>' + |
| | | '<input type="text" id="' + id + '_jGraduate_fy" size="3" title="Enter y value between 0.0 and 1.0"/>' + |
| | | '</div>' + |
| | | '</div>' + |
| | | '</div>' + |
| | | '<div class="jGraduate_StopSection jGraduate_SpreadMethod">' + |
| | | '<label class="jGraduate_Form_Heading">扩散方式</label>' + |
| | | '<label class="jGraduate_Form_Heading">Spread method</label>' + |
| | | '<div class="jGraduate_Form_Section">' + |
| | | '<select class="jGraduate_spreadMethod">' + |
| | | '<option value=pad selected>延长</option>' + |
| | | '<option value=reflect>映射</option>' + |
| | | '<option value=repeat>重复</option>' + |
| | | '<option value=pad selected>Pad</option>' + |
| | | '<option value=reflect>Reflect</option>' + |
| | | '<option value=repeat>Repeat</option>' + |
| | | '</select>' + |
| | | '</div>' + |
| | | '</div>' + |
| | | '<div class="jGraduate_Form">' + |
| | | '<div class="jGraduate_Slider jGraduate_RadiusField jGraduate_rg_field">' + |
| | | '<label class="prelabel">半径:</label>' + |
| | | '<label class="prelabel">Radius:</label>' + |
| | | '<div id="' + id + '_jGraduate_Radius" class="jGraduate_SliderBar jGraduate_Radius" title="Click to set radius">' + |
| | | '<img id="' + id + '_jGraduate_RadiusArrows" class="jGraduate_RadiusArrows" src="' + $settings.images.clientPath + 'rangearrows2.gif">' + |
| | | '</div>' + |
| | | '<label><input type="text" id="' + id + '_jGraduate_RadiusInput" size="3" value="100"/>%</label>' + |
| | | '</div>' + |
| | | '<div class="jGraduate_Slider jGraduate_EllipField jGraduate_rg_field">' + |
| | | '<label class="prelabel">椭圆:</label>' + |
| | | '<label class="prelabel">Ellip:</label>' + |
| | | '<div id="' + id + '_jGraduate_Ellip" class="jGraduate_SliderBar jGraduate_Ellip" title="Click to set Ellip">' + |
| | | '<img id="' + id + '_jGraduate_EllipArrows" class="jGraduate_EllipArrows" src="' + $settings.images.clientPath + 'rangearrows2.gif">' + |
| | | '</div>' + |
| | | '<label><input type="text" id="' + id + '_jGraduate_EllipInput" size="3" value="0"/>%</label>' + |
| | | '</div>' + |
| | | '<div class="jGraduate_Slider jGraduate_AngleField jGraduate_rg_field">' + |
| | | '<label class="prelabel">角度:</label>' + |
| | | '<label class="prelabel">Angle:</label>' + |
| | | '<div id="' + id + '_jGraduate_Angle" class="jGraduate_SliderBar jGraduate_Angle" title="Click to set Angle">' + |
| | | '<img id="' + id + '_jGraduate_AngleArrows" class="jGraduate_AngleArrows" src="' + $settings.images.clientPath + 'rangearrows2.gif">' + |
| | | '</div>' + |
| | | '<label><input type="text" id="' + id + '_jGraduate_AngleInput" size="3" value="0"/>º </label>' + |
| | | '</div>' + |
| | | '<div class="jGraduate_Slider jGraduate_OpacField">' + |
| | | '<label class="prelabel">透明度:</label>' + |
| | | '<label class="prelabel">Opac:</label>' + |
| | | '<div id="' + id + '_jGraduate_Opac" class="jGraduate_SliderBar jGraduate_Opac" title="Click to set Opac">' + |
| | | '<img id="' + id + '_jGraduate_OpacArrows" class="jGraduate_OpacArrows" src="' + $settings.images.clientPath + 'rangearrows2.gif">' + |
| | | '</div>' + |