flashvml2_0.htm

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

<Tr><td><input type=button class=bon3 value=编辑动画程序 onmousemove='showhelp("编写侦式动画程序")' onclick="if(miaozhong.selectedIndex==0&&fenzhong.selectedIndex==0){alert('编辑动画程序前,必须指定一个[秒钟]或[分钟]');return false}if(allid.selectedIndex==0){alert('编辑动画程序前,必须指定一个[可用的对象ID],可以使用[定义ID标识]功能定义');return false};whodonghua=true;donghuachengxu(allid.options[allid.selectedIndex].text)" style='width:105'></td></tr>
<tr><Td style='padding:3;'><center id=cen>流线动画创作(7)</td></tr>
<Tr><td><select id='dianchi1' style='width:105' onchange='dianchi=this.selectedIndex;shijian1.style.display="none";dianchitime1[dianchi]==null?qishimiao.value="":qishimiao.value=dianchitime1[dianchi];dianchitime2[dianchi]==null?haomiaobuchang.value="":haomiaobuchang.value=dianchitime2[dianchi];dianchitime3[dianchi]==null?jieshumiaozhong.value="":jieshumiaozhong.value=dianchitime3[dianchi];'><script>tempstr1="";for(i=1;i<100;i++){tempstr1+=("<option value="+i+">动画蓄电池"+i);}document.write(tempstr1)</script></select></td></tr>
<tr><Td>起始秒钟<input style='border:1 solid black;width:54;height:17;' value='1' id=qishimiao onmousemove='showhelp("支持小数点数字,最小值0.1")'></td></tr>
<tr><Td>毫秒步长<input style='border:1 solid black;width:54;height:17;' value='20' id=haomiaobuchang onmousemove='showhelp("最小值建议为10毫秒速度最快")'></td></tr>
<tr><Td>结束秒钟<input style='border:1 solid black;width:54;height:17;' value='5' id=jieshumiaozhong onmousemove='showhelp("支持小数点数字,最小值0.3")'></td></tr>
<Tr><td><input type=button class=bon3 value=编辑动画程序 onmousemove='showhelp("编辑存储于["+dianchi1.options[dianchi1.selectedIndex].text+"]的流线动画程序")' onclick="if(allid.selectedIndex==0){alert('编辑动画程序前,必须指定一个[可用的对象ID],可以使用[定义ID标识]功能定义');return false};str1=qishimiao.value;str2=haomiaobuchang.value;str3=jieshumiaozhong.value;if(str1==''||str2==''||str3==''){alert('起始秒种、毫秒步长、结束秒钟，这些数据必须填写');return false};if(isNaN(str1)||isNaN(str2)||isNaN(str3)){alert('起始秒种、毫秒步长、结束秒钟，这些数据格式必须是数字');return false};if(str1<0.1||str2<1||str3<0.3){alert('起始秒种、毫秒步长、结束秒钟，这些数据不能存在负数，并不能小于其最小限度值');return false};if(parseInt(str1)>parseInt(str3)){alert('起始与结束的概念，被你弄返了');return false};if(str2/1000>=str3-str1){alert('毫秒步长不能大于[结束秒种-起始秒钟]的值');return false};whodonghua=false;donghuachengxu(allid.options[allid.selectedIndex].text)" style='width:105'></td></tr>
</td></tr></table>

<TABLE cellspacing=0 cellpadding=0 align=center style='position:absolute;left:expression(document.body.offsetWidth/2-(this.offsetWidth/2));top:1;z-index:3000' onmousedown='if(event.srcElement.tagName=="CENTER"&&event.button==1){moveok=1;setCapture();xx=event.x-this.offsetLeft;yy=event.y-this.offsetTop;}' onmousemove="if(moveok==1){this.style.left=event.x-xx;this.style.top=event.y-yy;}" onmouseup='moveok=0;releaseCapture();if(parseInt(this.style.top)<-10){alert("工具栏高度不能低于页面最顶部");this.style.top=1}if(event.srcElement.tagName=="CENTER"&&event.button==2){this.style.zIndex==3000?this.style.zIndex=6000:this.style.zIndex=3000;}'>
<tr><Td style='padding:3;border-right:1 solid gray;'><center id=cen>画笔选择(1) <font onclick="alert('如何下载FlashVml(FVML)2.0:\n\n如何下载fvml2在本地直接使用？\n你只需将本页另存（文件名.htm）至你的本地硬盘即可（只是不包括帮助手册）\n如需要下载完整的fvml2（包括帮助手册），请登陆Google搜索FlashVml2.0\n\nFlashVml(FVML)2.0核心程序简介:\n\n源码构成:Js+Dhtml+(HTML+Css+Vml)、一页源码、另存即用\n\nFlashVml(FVML)2.0简介:\n\n授权使用:共享/免费/源码未加密+带注释+完全公开\n多重功能:Vml可视化设计/学习工具、在线绘图、Vml-Flash动画创作、VML-3D网页开发工具\n多重代言:WEB上的PhotoShop+Flash、让VML此刻未来身价百倍、WEB页的魔法师/革命家/VML闪客\n         IE可视化开发工具的里程碑、最强Vml开发工具、震撼WEB的定时炸弹\n\nFlashVml(FVML)2.0疑问:\n\nPS:如何保存画板内所绘图像为图像文件(jpg/gif)？\nRE:用截图软件\nPS:是否能将作品源码上传？\nRE:未有固定服务器，不提供该服务，但FVML很容易与后台程序结合\nPS:制做VML动画是不是要会HTML/CSS/VML/JS/DHTML编程？\nRE:一点不会只能用fvml提供的动画效果，编程水准是左右创作VML高级动画效果关键\nPS:我已经将源码保存为文件了，怎样在次打开编辑？\nRE:我的程序操纵你的电脑文件你放心么？可活用[查看及修改源码]替代打开文件功能\nPS:画布有必要弄那么大么？还要上、下滚动条？\nRE:你如果用fvml设计的是一个800*600或更高的3D网页，小了能行么？\nPS:我看fvml的界面不喜欢很难看，那么多的按钮眼都花了不知什么用\nRE:十人添袖有八味。不下工夫怎想就VML之有成？fvml按钮、逻辑、提示为你想的很多了。\nPS:fvml只能在线互联网上用？\nRE:当然不是，你完全可以将fvml做为应用软件般在你的电脑当作桌面常用软件使用')" class=zhongyao onmouseover='this.style.color="blue"' onmouseout='this.style.color="red"'>下载FlashVml2.0</font> <font onclick="gongjulan3.style.display='';this.style.display='none';" class=zhongyao style="display:none;" id=xianshigongju onmouseover='this.style.color="blue"' onmouseout='this.style.color="red"' onmousemove='showhelp("当您已熟悉flashvml2.0的静态绘图功能时<br>可以进一步领略flashvml2.0对程序、动画的设计功能")' value='显示编程\动画工具栏'>显示编程\动画工具栏</font></td><td style='padding:3;border-left:1 solid white;'><center id=cen>图型编辑(3) <font onclick="window.open('flashvml/helpflash.htm');" class=zhongyao onmouseover='this.style.color="blue"' onmouseout='this.style.color="red"' onmousemove='showhelp("播放flashvml2.0的功能演示影片")' value='入门动画教程'>入门动画教程</font> <font class=zhongyao onclick="window.open('flashvml/helptool.htm');" onmousemove='showhelp("入门必看，flashvml2.0图解教程")' onmouseover='this.style.color="blue"' onmouseout='this.style.color="red"' value='入门图解教程'>入门图解教程</font> <font id=fywvmlhelp class=zhongyao onclick="window.open('flashvml/index.htm');" onmousemove='showhelp("打开FlashVml的帮助文件，帮助文件有详细的教程、演示范例、FlashVml版本及原理信息")' onmouseover='this.style.color="blue"' onmouseout='this.style.color="red"' value='详细帮助手册'>详细帮助手册</font></td></tr>
<Tr>
<td style='border-right:1 solid gray'><button class=bon2 id=huabi onmousemove='showhelp("按住左键写字、划画")'>铅笔<button class=bon1 id=huabi onmousemove='showhelp("按住左键移动光标")'>直线<button class=bon2 id=huabi onmousemove='showhelp("按住左键移动光标")'>圆型<button class=bon2 id=huabi onmousemove='showhelp("按住左键移动光标")'>长方型<button class=bon2 id=huabi onmousemove='showhelp("以连续点击、移动左键的规律决定每条线的路径，所绘图型由N条线段组成")'>记忆线<button class=bon2 id=huabi onmousemove='showhelp("以连续点击、移动左键的规律决定每条线的路径，所绘图型为一个整体")'>记忆线2</button><br>
<button class=bon2 id=huabi onmousemove='showhelp("按住左键移动光标")'>圆矩型<button class=bon2 id=huabi onmousemove='showhelp("按住左键移动光标即")'>弧型<button class=bon2 id=huabi onmousemove='showhelp("(贝塞尔斯曲线):以连续点击、移动左键的规律决定曲线长度、角度1、角度2")'>贝塞曲<button class=bon2 id=huabi onmousemove='showhelp("单击左键在目标位置插入")'>文字<button class=bon2 id=huabi onmousemove='showhelp("单击左键在目标位置插入")'>图片</button>
</td>
<td style='border-left:1 solid white;'><button class=bon2 id=huabi onmousemove='showhelp("按住左键拖动目标图型")'>选移<button class=bon2 id=huabi onmousemove='showhelp("按住左键拖动目标图型")'>调大小<button class=bon2 id=huabi onmousemove='showhelp("左键点击目标图型")'>放大<button class=bon2 id=huabi onmousemove='showhelp("左键点击目标图型")'>缩小<button class=bon2 id=huabi onmousemove='showhelp("左键点击目标图型")'>缩放<button class=bon2 id=huabi onmousemove='showhelp("左键点击目标图型")'>阴影<button class=bon2 id=huabi onmousemove='showhelp("左键点击目标图型")'>边框</button><br><button class=bon2 id=huabi onmousemove='showhelp("左键点击目标图型，支持背景色填充、背景图片、完全空心化")'>填充<button class=bon2 id=huabi onmousemove='showhelp("左键点击目标图型")'>立体<button class=bon2 id=huabi onmousemove='showhelp("左键点击目标图型")'>透明度<button class=bon2 id=huabi onmousemove='showhelp("左键点击目标图型，以文字充当目标图型边框")'>文字化<button class=bon2 id=huabi onmousemove='showhelp("左键左右移动旋转目标图型,Rotation旋转在运行时必须由脚本控制")'>旋转<button class=bon2 id=huabi onmousemove='showhelp("左键点击目标图型（该图型在设计时可见，运行时不可见），该功能用于配合动画初期布局设计")'>隐藏<button class=bon2 id=huabi onmousemove='showhelp("左键点击目标图型，修改与学习目标图形相关的VML源码")'>改源码</button>
</td></tr></table>

<TABLE cellspacing=0 cellpadding=1 align=center style='position:absolute;left:expression(document.body.offsetWidth-this.offsetWidth-20);top:1;z-index:2999' onmousedown='if(event.srcElement.tagName=="CENTER"&&event.button==1){moveok=1;setCapture();xx=event.x-this.offsetLeft;yy=event.y-this.offsetTop;}' onmousemove="if(moveok==1){this.style.left=event.x-xx;this.style.top=event.y-yy;}" onmouseup='moveok=0;releaseCapture();if(parseInt(this.style.top)<-10){alert("工具栏高度不能低于页面最顶部");this.style.top=1}if(event.srcElement.tagName=="CENTER"&&event.button==2){this.style.zIndex==2999?this.style.zIndex=6000:this.style.zIndex=2999;}'>
<tr><Td><center id=cen>画笔设置(2)</td></tr><Tr><Td>
笔边粗度 <select style="width:54;" id=bibiancudu><option selected>1px<script>temp1="";for(i=2;i<101;i++){temp1+="<option>"+i+"px"}document.write(temp1)</script></select><br>
画笔颜色 <input style='border:1 solid black;width:54;height:17;' value='#000000' id=huabiyanse onmousedown='rndcolor(this.id)'><br>
画笔背景 <input style='border:1 solid black;width:54;height:17;' value='#FFFFFF' id=huabibeijing onmousedown='rndcolor(this.id)'><br>
<input readonly='true' type='text' value='0,0' id='zuobiao' style='text-Align:center;border:1 solid black;width:108;height:17;color:red;font-size:11px'>
<span id=huxing1 style='display:none'>
<p><center style='width:100%;height:100%;cursor:move'>弧型画笔选择</center><br>
创建基础弧型 <input type='radio' name='huxing2' checked><br>
修改弧缺起点 <input type='radio' name='huxing2'><br>
修改弧缺终点 <input type='radio' name='huxing2'><br>
</span>
<span id=tianchong1 style='display:none'>
<br><center style='width:100%;height:100%;cursor:move'>填充基本参数</center><br>
背景明亮 <select style="width:54;" id=beijingliangdu><script>temp1="";for(i=0.1;i<1;i+=0.1){temp1+="<option>"+i.toFixed(1)};document.write(temp1);beijingliangdu.options[4].selected=true</script></select><br>
<font id="xiaolei">使用普通背景</font><input type='radio' name='whattianchong' checked><br>
普通背景 <input style='border:1 solid black;width:54;height:17;' value='#0000FF' id=tianchongbeijing onmousedown='rndcolor(this.id)'><br>
<font id="xiaolei">使用渐变背景</font><input type=radio name=whattianchong><br>
上下渐变 <input type=radio name='jianbianyangshi' checked><br>
斜向渐变 <input type=radio name='jianbianyangshi'><br>
渐变色一 <input style='border:1 solid black;width:55;height:17;' value='#FFFFFF' id=jianbianse1 onmousedown='rndcolor(this.id)'><br>
渐变色二 <input style='border:1 solid black;width:55;height:17;color:red' value='#FF0000' id=jianbianse2 onmousedown='rndcolor(this.id)'>
<br><font id="xiaolei">添加背景图片</font><input type=radio name=whattianchong><br>
融合普通背景 <input type=checkbox id=ronghebeijing checked><br>
<font id="xiaolei">完全空心化</font> <input type='radio' name=whattianchong><br>
</span>
<span id=liti1 style='display:none'>
<br><center style='width:100%;height:100%;cursor:move'>立体基本参数</center><br>
后向伸展 <select style="width:54;" id=houxiangshenzhan><option selected>20<script>temp1="";for(i=0;i<101;i++){temp1+="<option>"+i}document.write(temp1)</script></select><br>
前向伸展 <select style="width:54;" id=qianxiangshenzhan><option selected>0<script>document.write(temp101)</script></select><br>
偏移左边 <select style="width:54;" id=pianyizuobian><option selected>0<script>temp1="";for(i=-100;i<0;i+=1){temp1+="<option>"+i};document.write(temp1);document.write(temp101)</script></select><br>
偏移上边 <select style="width:54;" id=pianyishangbian><option selected>0<script>temp1="";for(i=-100;i<0;i+=1){temp1+="<option>"+i};document.write(temp1);document.write(temp101)</script></select><br>
立体颜色 <input style='border:1 solid black;width:54;height:17;' value='' id=litiyanse  onmousedown='rndcolor(this.id)'><br>
立体亮度 <select style="width:54;" id=litiliangdu><script>temp1="";for(i=0.1;i<5;i+=0.1){temp1+="<option>"+i.toFixed(1)};document.write(temp1);litiliangdu.options[10].selected=true</script></select><br>
取消立体效果 <input type='checkbox' id=quxiaoliti>
</span>
<span id=biankuang1 style='display:none'>
<br><center style='width:100%;height:100%;cursor:move'>边框基本参数</center><br>
边框粗度 <select style="width:54;" id=biankuangcudu><script>temp1="";for(i=0;i<101;i++){if(i!=1)temp1+="<option>"+i;else temp1+="<option selected>"+i}document.write(temp1)</script></select><br>
边框样式 <select style="width:54;" id=biankuangyangshi><option selected>none<option>dash<option>dashdot<option>dot<option>longdash<option>longdashdot<option>shortdash<option>shortdashdot<option>shortdashdotdot<option>longdashdotdot<option>shortdot</select><br>
起点尖头 <select style="width:54;" id=qidianjiantou><option selected>none<option>block<option>classic<option>diamond<option>open<option>oval</select><br>
终点尖头 <select style="width:54;" id=zhongdianjiantou><option selected>none<option>block<option>classic<option>diamond<option>open<option>oval</select><br>
边框颜色 <input style='border:1 solid black;width:54;height:17;' value='' id=biankuangyanse   onmousedown='rndcolor(this.id)'><br>
</span>
<span id=yinying1 style='display:none'>
<br><center style='width:100%;height:100%;cursor:move'>阴影基本参数</center><br>
左右偏移 <select style="width:54;" id=zuoyoupianyi><script>temp1="";for(i=-50;i<51;i++){if(i!=5)temp1+=("<option>"+i);else temp1+=("<option selected>"+i)}document.write(temp1)</script></select><br>
上下偏移 <select style="width:54;" id=shangxiapianyi><script>temp1="";for(i=-50;i<51;i++){if(i!=5)temp1+=("<option>"+i);else temp1+=("<option selected>"+i)}document.write(temp1)</script></select><br>
阴影颜色 <input style='border:1 solid black;width:54;height:17;' id=yinyingyanse onmousedown='rndcolor(this.id)'><br>
</span>
<span id=touming1 style='display:none'>
<br><center style='wi