flashvml2_0.htm

=== === === === JavaScript经典源代码收集

<v:line style="position:absolute;z-index:50000;display:none;left:0" id=biaochi2 from="0,0" to="10pt,0" strokecolor="blue" strokeweight="5pt">  <!--起点Y标尺-->
<v:stroke startarrow="none" endarrow="classic"/>
</v:line>
<v:line class=keshi style="display:none" from="0,0" to="0,24.75pt" strokecolor="red" strokeweight="4pt" id='biaoshi'>  <!--红色箭头用于标识目标ID对象-->
<v:Stroke startarrow="none" endarrow="block">
</v:Stroke>
</v:line>
<v:Line class=keshi style="display:none" id='line1' dashstyle='dashdot'>  <!--直线可视化-->
<v:Stroke dashstyle='dashdot'/>
</v:line>
<v:arc startangle='270' endangle='90' class=keshi style='display:none' id='arc1'>  <!--弧型可视化-->
<v:Stroke dashstyle='dashdot'/>
</v:arc>
<v:Oval class=keshi style="display:none" id='oval1'>  <!--圆型可视化-->
<v:Stroke dashstyle='dashdot'/>
</v:oval>
<v:rect class=keshi style="display:none" id='rect1'>  <!--长方型可视化-->
<v:Stroke dashstyle='dashdot'/>
</v:rect>
<v:rect class=keshi style="display:none;cursor:hand" filled="t" fillcolor="yellow" strokecolor="red" strokeweight="1px" id='caijian' onmouseup="if(event.button==1){var skk=prompt('请输入一个步长(默认为25)，然后请使用方向键[上、下、左、右]控制进行裁剪，裁剪完成后，按下[回车键]或[鼠标右键]完成。注意必须输入数字，否则无法裁剪。建议输入范围5-50',caijianbu);if(skk!=''&&skk!=null){caijianbu=parseInt(skk);}}else{caijian.style.display='none';thisobj=null;return false}">  <!--裁剪长方型可视化-->
<v:Stroke dashstyle='dashdot'/>
<v:fill type="frame" opacity="0.1"/>
</v:rect>
<v:roundrect class=keshi style="display:none" id='roundrect1'>  <!--圆锯型可视化-->
<v:Stroke dashstyle='dashdot'/>
</v:roundrect>
<table cellspacing=0 cellpadding=0 width=200% height=200% id=huabutab><tr><td>
<div style='width:100%;height:100%;background-color:eeeeee;color:black;cursor:crosshair;' id=div1></div>
</td></tr></table>
<span class=keshi style="display:none;left:expression(document.body.offsetWidth/2-(this.offsetWidth/2));top:expression(document.body.offsetHeight/2-(this.offsetHeight/2));z-index:40000;display:none;background-color:#FCDCF1" id='huabanshezhi'>   <!--画板设置选项-->
<FIELDSET style="width:250;padding:5;">
<Legend>画板状态设置</legend>
画布大小:<select id=huaban_daxiao1><option>最小<option selected>二倍<option>三倍<option>四倍<option>五倍</select><br>网格像素:<select id=huaban_wangge1><option>25px<option selected>50px<option>75px<option>100px<option>125px<option>150px<option>175px<option>200px</select> 网格颜色:<input type='text' style='border:1 solid black;width:55;height:17;' value='#FFFFFF' onmousedown='rndcolor(this.id)' id='huaban_wanggese1'><br>画布颜色:<input type='text' style='border:1 solid black;width:55;height:17;' value='#EEEEEE' onmousedown='rndcolor(this.id)' id='huaban_yanse1'> 滚动条颜色:<input type='text' style='border:1 solid black;width:55;height:17;' value='purple' onmousedown='rndcolor(this.id)' id='huaban_gundongbase1'><br>图像标题:<input type='text' style='border:1 solid black;width:182;height:17;' value='吾之画' id=huaban_biaoti1>
</FIELDSET><br>
<FIELDSET style="width:250;padding:5">
<Legend>运行状态设置</legend>
自动最大化窗口:<input type=checkbox checked id=huaban_zuidahua1><br>
显示画板类似滚动条:<input type=radio checked name=huaban_gundongtiao1><br>
显示系统默认滚动条:<input type=radio name=huaban_gundongtiao1><br>
不显示任何的滚动条:<input type=radio name=huaban_gundongtiao1>
</FIELDSET><br>
<FIELDSET style="width:250;padding:5">
<Legend>画板下次启动时自动设置(Cookies)</legend>
应用画板的默认设置:<input type=radio name=huaban_cookies1><br>
应用本次对画板设置的改动:<input type=radio checked name=huaban_cookies1><br>
</FIELDSET><br><Center>
<input type='button' value='确定' class="bon3" onclick="huaban_gundongbase=huaban_gundongbase1.value;huaban_yanse=huaban_yanse1.value;huaban_biaoti=huaban_biaoti1.value;huaban_zuidahua=huaban_zuidahua1.checked;for(i=0;i<huaban_gundongtiao1.length;i++){if(huaban_gundongtiao1[i].checked)huaban_gundongtiao=i};div1.style.backgroundColor=huaban_yanse;huabutab.width=(100*huaban_daxiao1.selectedIndex)+100+'%';huabutab.height=(100*huaban_daxiao1.selectedIndex)+100+'%';for(i=0;i<huaban_cookies1.length;i++){if(huaban_cookies1[i].checked)huaban_cookies=i};huabanshezhi.style.display='none';document.body.style.scrollbarBaseColor=huaban_gundongbase;huaban_wangge=huaban_wangge1.options[huaban_wangge1.selectedIndex].text;huaban_wanggese=huaban_wanggese1.value;changsts()" style=width:50> <input style=width:50 type='button' value='默认值' class="bon3" onclick="huaban_daxiao1.options[1].selected=true;huaban_yanse1.value='#EEEEEE';huaban_yanse1.style.color='#EEEEEE';huaban_gundongbase1.value='purple';huaban_gundongbase1.style.color='purple';huaban_biaoti1.value='吾之画';huaban_wanggese1.value='white';huaban_zuidahua1.checked=true;huaban_gundongtiao1[0].checked=true;huaban_cookies1[1].checked=true;huaban_wangge1[1].selected=true"> <input style=width:50 type='button' value='取消' class="bon3" onclick="huabanshezhi.style.display='none'"></center></span>
<iframe id=web src="about:blank" style="display:none"></iframe>  <!--实现保存-->
<span class=keshi style="display:none;" id='wenzi1'>   <!--插入文字可视化-->
文字内容(支持HTML标签):<select id='textstyle'><option value='<b></b>'>粗体字<option value='<i></i>'>斜体字<option value='<u></u>'>下划线<option value='<big></big>'>偏大<option value='<small></small>'>偏小<option value='<sup></sup>'>偏上<option value='<sub></sub>'>偏下<option value='<center></center>'>居中对齐<option value='<span style="text-align:right"></span>'>向右对齐<option value='<font color="#FF0000"></font>'>有字色<option value='<font style="background-color:#FF0000"></font>'>背景色<option value='<span style="border:1 solid black"></span>'>有边框<option value='<marquee width=100></marquee>'>流动字幕</select><input type=button class=bon3 value=加入该标签 onclick='ccc=textstyle.options[textstyle.selectedIndex].value;txt1.focus();document.selection.createRange().text=ccc.substr(0,ccc.indexOf(">")+1)+document.selection.createRange().text+ccc.substr(ccc.indexOf(">")+1)' style='width:75'><br>
<textarea id='txt1' style='width:300;height:100;background-color:Transparent;border:1 solid black'></textarea><br>
<center>字体:<select style="width:100;" id=wenziziti onchange='txt1.style.fontFamily=this.options[this.selectedIndex].text;'><script>var zitistr="<option selected>宋体<option>黑体<option>隶书<option>幼圆<option>楷体_GB2312<option>仿宋_GB2312<option>华文中宋<option>华文行楷<option>华文新魏<option>华文细黑<option>华文彩云<option>方正姚体<option>方正舒体<option>Wingdings<option>Wingdings 2<option>Wingdings 3<option>Webdings<option>System<option>@宋体<option>@黑体<option>@隶书<option>@幼圆<option>@楷体_GB2312<option>@仿宋_GB2312<option>@华文中宋<option>@华文行楷<option>@华文新魏<option>@华文细黑<option>@华文彩云<option>@方正姚体<option>@方正舒体<option>@System";document.write(zitistr)</script></select> 有无边框<input type='checkbox' id='wenzibiankuang' checked onclick="this.checked?txt1.style.borderWidth=1:txt1.style.borderWidth=0"> 背景透明<input type='checkbox' id='beijingtouming' checked onclick="this.checked?txt1.style.backgroundColor='Transparent':txt1.style.backgroundColor=wenzibeijing.value"><br>
颜色:<input type='text' style='border:1 solid black;width:50;height:17;' value='#000000' onmousedown='rndcolor(this.id)' id='wenziyanse' onmousemove='txt1.style.color=this.value;'> 背景:<input type='text' style='border:1 solid black;width:50;height:17;' value='#FFFFFF' onmousedown='rndcolor(this.id)' id='wenzibeijing' onmousemove='if(!beijingtouming.checked)txt1.style.backgroundColor=this.value'> 大小:<select style="width:50;" id=wenzidaxiao onchange='txt1.style.fontSize=this.options[this.selectedIndex].text;'><option selected>12<script>var temp101="";for(i=1;i<101;i++){temp101+="<option>"+i;}document.write(temp101)</script></select><br>
<select id='duiqi' onchange="if(this.options[0].selected==true)txt1.style.textAlign='left';if(this.options[1].selected==true)txt1.style.textAlign='center';if(this.options[2].selected==true)txt1.style.textAlign='right';"><option value=''>左对齐<option value='text-align:center'>居中<option value='text-align:right'>右对齐</select><Select id='zijiange' onchange="if(this.options[0].selected==false)txt1.style.letterSpacing=this.options[this.selectedIndex].text"><option>默认字间隔度<Script>document.write(temp101)</script></select><Select id='hangjiange' onchange="if(this.options[0].selected==false)txt1.style.lineHeight=this.options[this.selectedIndex].text"><option>默认行隔度<Script>var temp1="";for(i=1;i<10;i+=0.5){temp1=temp1+"<option>"+i.toPrecision(2)}document.write(temp1)</script></select><br>
<input type='button' value='插入' class="bon3" onclick="charuwenzi()"><input type='button' value='取消' class="bon3" onclick="wenzi1.style.display='none'">
</span>
<span class=keshi style="display:none" id='tupian1'>   <!--插入图片可视化-->
<input type='file' id='file1' style='width:400'><br>
<center><select id='duibi'><option selected>默认对比度<script>document.write(temp101)</script></select><select id='secai'><option selected>默认色彩度<script>temp1="";for(i=0;i<9.9;i+=0.1){temp1+="<option>"+new Number(i).toFixed(1)}document.write(temp1)</script><option>10</select><select id=liangdu><option>默认亮度<script>temp1="";for(i=-0.5;i<0.6;i+=0.1){temp1+="<option>"+new Number(i).toFixed(1)};document.write(temp1)</script></select><select id=mohudu><option selected>默认模糊度<script>document.write(temp101)</script></select><br><input type='checkbox' onclick="duibi.disabled=this.checked;secai.disabled=this.checked;liangdu.disabled=this.checked;" id=heibai><label for='heibai'>黑白效果</label> <input type='checkbox' id=bolang><label for='bolang'>波浪效果</label> <input type='checkbox' id=xguangzhao><label for='xguangzhao'>X光照效果</label> <input type='checkbox' id=fancai><label for='fancai'>反彩效果</label><br>
<input type='button' value='插入' class="bon3" onclick="charutupian()"><input type='button' value='取消' class="bon3" onclick="tupian1.style.display='none'">
</span>
<span class=keshi style="display:none" id='beijingtupian1'>   <!--填充背景图片可视化-->
请输入背景图像的来源HTTP地址，或浏览使用本机的图片<br>
<input type='file' id='file2' style='width:400'><br>
<input type='button' value='插入' class="bon3" onclick="charubeijingtupian()"><input type='button' value='取消' class="bon3" onclick="beijingtupian1.style.display='none'">
</span>
<span class=keshi style="display:none;text-align:left" id='gaoji1'>   <!--改源码改可视化-->
<select id="shubiaozhuangtai"><option value="">默认形状<option value=hand>点击状态<option value=crosshair>十字状态<option value=move>拖动状态<option value=help>帮助状态<option value=wait>漏斗状态<option value=text>输入状态<option value=n-resize>n-resize<option value=e-resize>e-resize<option value=s-resize>s-resize<option value=w-resize>w-resize<option value=ne-resize>ne-resize<option value=nw-resize>nw-resize<option value=se-resize>se-resize<option value=sw-resize>sw-resize</select>(鼠标状态修改)，TagName=<font color="red"><B id=tagnametext></b></font><br>
<textarea rows=2 style='border:1 solid black;width:340;height:30' id="tishibiaoti"></textarea>(提示标题)<br>
<textarea id='txt2' style='width:400;height:150'></textarea><br>
<center><input type='button' value='修改' class="bon3" onclick="gaojiobj.outerHTML=txt2.value.replace(/ onmouse/g,' temp_onmouse').replace(/ onkey/g,' temp_onkey').replace(/ (onclick|ondblclick)/g,' temp_$1');var tempobjs1=document.all[gaojiobjdex];tempobjs1.style.cursor=shubiaozhuangtai.value;tempobjs1.title=tishibiaoti.value;gaojiobj=null;gaoji1.style.display='none'"><input type=button class=bon3 value=取消 onclick='gaoji1.style.display="none"'> <b>共<font id=zishu2 color=red>0</font>字</b>
</span>
<span class=keshi style="display:none;text-align:left" id='shijian1'>   <!--可视化的事件编程-->