完美者（wmzhe.com）网站以软件下载为基础，改版后的网站对功能性板块进行扩充，以期能够解决用户在软件使用过程中遇见的所有问题。网站新增了“软件百科”、“锦囊妙技”等频道，可以更好地对用户的软件使用全周期进行更加专业地服务。
一款能集成开发Html，Css，Js，Vbs，Dhtml，Vml，Xml，Xsl，Sql，Asp，Php等语言的网络编程软件，支持语法加亮和类似VB6的动态提示，操作非常方便，而且提供中、英双界面，由于内核采用原创的LDU技术，这意味着今后不久业界通过LD4提供的“语言库编辑器”制作出相关的语言库，LD4则完全能够支持开发Jsp，英语，Vrml等等语言。"锦囊妙技"栏目是聚合全网软件使用的技巧或者软件使用过程中各种问题的解答类文章，栏目设立伊始，小编欢迎各路软件大神朋友们踊跃投稿，在完美者平台分享大家的独门技巧。
本站文章素材来源于网络，大部分文章作者名称佚失，为了更利于用户阅读和使用，根据需要进行了重新排版和部分改编，本站收录文章只是以帮助用户解决实际问题为目的，如有版权问题请联系小编修改或删除，谢谢合作。
软件大小：5.39 MB
复制代码 代码如下:<HTML> <HEAD> <META http-equiv='Content-Type' content='text/html;charset=gb2312'> <META name='Gemeratpr' content='网络程序员伴侣(Lshdic)2005_开拓版'> <TITLE>LD5工具</TITLE> <style> *{font-size:12px;font-family:宋体} td{width:180;cursor:hand;text-align:center} .n1{font-size:18px} .n2{font-size:18px;font-family:wingdings} .n3{font-size:18px;font-family:wingdings 2} .n4{font-size:18px;font-family:wingdings 3} .n5{font-size:18px;font-family:webdings} .n6{font-size:18px;font-family:Marlett} .n7{font-size:18px;font-family:华文彩云} </style> </HEAD> <BODY onselectstart='if(event.srcElement.tagName!="INPUT")return false' scroll=no style='margin:0;border:1 solid menu' bgcolor='menu'> <table style='border-Collapse:collapse;border:2 solid white;' cellpadding=2 rules=all><tr><td style='width:100%'> <select onchange='change1(this.selectedIndex)' id='sel1' style='width:150'><Optgroup label='特殊符号与字符集' style='color:red'> <option>中文特殊符号<option>Assic实体对照<option>HTML已命名实体<option>HTML附加命名实体<option>他国单字与符号</Optgroup><Optgroup label='常用颜色预览表' style='color:green'><option>W3C16色对照表<option>Windows系统色盘</Optgroup><Optgroup label='图形字体集' style='color:blue'><option>Wingdings字体<option>Wingdings 2字体<option>Wingdings 3字体<option>Webdings字体<option>Marlett字体<option>华文彩云字体</Optgroup><Optgroup label='数据探测与计算' style='color:purple'><option>键盘键值探测器<option>简易计算器<option>进制转换工具</select><input style='width:80' id='txt' value='输入值'> </td></tr><tr><td style='padding:0'> <div style='scrollbar-shadow-color:white;scrollbar-base-color:menu;scrollbar-arrow-color:black;overflow-Y:scroll;word-Break:break-all;width:240;height:250' id='a'></div> </td></tr></table> <script> /****************** Author:lshdic(FYW) Website:http://www.lshdic.com E-mail:lshdic@sina.com Resume:本程序的资料整理、编写、最终审查等工作由LD2、4、5原作者独立完成,难免存在疏忽并不能保证数据100%正确,一页原代码,可独立运行于非LD2005开发环境的WEB浏览器内,另存后即可在本地使用 ******************/ var str1="",toolcolor="bbbbbb",movecolor="#ffffff" function write1(){ a.innerHTML="<table cellspacing=0 cellpadding=3 rules=all style='border-Collapse:collapse;border:1 solid cccccc;' onmouseup='if(event.srcElement.tagName==\"TD\")txt.value=event.srcElement.innerText' onmouseover='if(event.srcElement.tagName==\"TD\"&&event.srcElement.bgColor==\"\")event.srcElement.bgColor=movecolor' onmouseout='if(event.srcElement.tagName==\"TD\"&&event.srcElement.bgColor==movecolor.toLowerCase())event.srcElement.bgColor=\"\"'>"+str1+"</table>" document.title=sel1.options[sel1.selectedIndex].text+"_参考输入工具["+(sel1.selectedIndex+1)+"]" } function write2(strs1,strs2){ strs1==160?strss1="空格":strss1=""+strs1+";" str1+="<tr><td>&#"+strs1+";</td><td>&"+strs2+";</td><td class='n1'>"+strss1+"</td></tr>" } function change1(changeindex){ str1="" switch(changeindex){ case 0: //中文特殊符号 str0="·ˇ¨〃々-～‖…〔〕〈〉《》「」『』〖〗【】±×÷∧∨∑∏∪∩∈∷√⊥∥∠⌒⊙∫∮≡≌≈∽∝≠≮≯≤≥∞∵∴♂♀°℃＄¤￠￡‰§№☆★○●◎◇◆□■△▲※→←↑↓〓ˊˋ˙-―‥℅℉↖↗↘↙∕∟≒≦≧⊿═║╒╓╔╕╖╗╙╚╛╜╝╞╟╠╡╢╣╤╥╦╧╨╩╪╫╬╭╮╯╰╱╲╳▁▂▃▅▇█▉▊▋▌▍▎▏▓▔▕▼▽◢◣◤◥☉⊕〒‵′〝″ⅰⅱⅲⅳⅴⅵⅶⅷⅸⅹ⒈⒉⒊⒋⒌⒍⒎⒏⒐⒑⒒⒓⒔⒕⒖⒗⒘⒙⒚⒛⑴⑵⑶⑷⑸⑹⑺⑻⑼⑽⑾⑿⒀⒁⒂⒃⒄⒅⒆⒇①②③④⑤⑥⑦⑧⑨⑩㈠㈡㈢㈣㈤㈥㈦㈧㈨㈩ⅠⅡⅢⅣⅤⅥⅦⅧⅨⅩⅪⅫ─━│┃┄┅┆┇┈┉┊┋┌┍┎┏┐┑┒┓└┕┖┗┘┙┚┛├┝┞┟┠┡┢┣┤┥┦┧┨┩┪┫┬┭┮┯┰┱┲┳┴┵┶┷┸┹┺┻┼┽┾┿╀╁╂╃╄╅╆╇╈╉╊╋︵︶︹︺︿﹀︽︾﹁﹂﹃﹄︻︼︷︸︱" for(i=0;i<str0.length-1;i++){ str1+="<tr>" for(j=0;j<7;j++){str1+="<td>"+str0.charAt(i)+"</td>";i++} str1+="</tr>";i-- } break; case 4: //他国单字与符号 str0="абвгдеёжзийклмнопрстуфхцчшщъыьэюяАБВГДЕЁЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬЭЮЯΑΒΓΔΕΖΗΘΙΚΛΜΝΞΟΠΡΣΤΥΦΧΨΩαβγδεζηθικλμνξοπρστυφχψωāáǎàēéěèīíǐìōóǒòūúǔùǖǘǚǜüêɑ?ńň?ɡㄅㄆㄇㄈㄉㄊㄋㄌㄍㄎㄏㄐㄑㄒㄓㄔㄕㄖㄗㄘㄙㄚㄛㄜㄝㄞㄟㄠㄡㄢㄣㄤㄥㄦㄧㄨㄩぁあぃいぅうぇえぉおかがきぎくぐけげこごさざしじすずせぜそぞただちぢっつづてでとどなにぬねのはばぱひびぴふぶぷへべぺほぼぽまみむめもゃやゅゆょよらりるれろゎわゐゑをんァアィイゥウェエォオカガキギクグケゲコゴサザシジスズセゼソゾタダチヂッツヅテデトドナニヌネノハバパヒビピフブプヘベペホボポマミムメモャヤュユョヨラリルレロヮワヰヱヲンヴヵヶ" for(i=0;i<str0.length-1;i++){ str1+="<tr>" for(j=0;j<7;j++){str1+="<td class='n1'>"+str0.charAt(i)+"</td>";i++} str1+="</tr>";i-- } break; case 1: //Assic实体对照 str1="<tr bgcolor='"+toolcolor+"'><td>HTM表示</td><td>浏览</td><td>VB表示</td></tr>" for(i=1;i<384;i++){str1+="<tr><td>&#"+i+";</td><td class='n1'>"+i+";</td><td>chr("+i+")</td></tr>"} break; case 7: //wingdings字体 str1="<tr bgcolor='"+toolcolor+"'><td>HTM表示</td><td>常规</td><td>应用字体</td></tr>" for(i=33;i<384;i++){str1+="<tr><td>&#"+i+";</td><td class='n1'>"+i+";</td><td class='n2'>"+i+";</td></tr>"} break; case 8: //wingdings 2字体 str1="<tr bgcolor='"+toolcolor+"'><td>HTM表示</td><td>常规</td><td>应用字体</td></tr>" for(i=33;i<384;i++){str1+="<tr><td>&#"+i+";</td><td class='n1'>"+i+";</td><td class='n3'>"+i+";</td></tr>"} break; case 9: //wingdings 3字体 str1="<tr bgcolor='"+toolcolor+"'><td>HTM表示</td><td>常规</td><td>应用字体</td></tr>" for(i=33;i<384;i++){str1+="<tr><td>&#"+i+";</td><td class='n1'>"+i+";</td><td class='n4'>"+i+";</td></tr>"} break; case 10: //webdings字体 str1="<tr bgcolor='"+toolcolor+"'><td>HTM表示</td><td>常规</td><td>应用字体</td></tr>" for(i=33;i<384;i++){str1+="<tr><td>&#"+i+";</td><td class='n1'>"+i+";</td><td class='n5'>"+i+";</td></tr>"} break; case 11: //Marlett字体 str1="<tr bgcolor='"+toolcolor+"'><td>HTM表示</td><td>常规</td><td>应用字体</td></tr>" for(i=48;i<58;i++){str1+="<tr><td>&#"+i+";</td><td class='n1'>"+i+";</td><td class='n6'>"+i+";</td></tr>"} for(i=97;i<122;i++){str1+="<tr><td>&#"+i+";</td><td class='n1'>"+i+";</td><td class='n6'>"+i+";</td></tr>"} break; case 12: //华文彩云字体 str1="<tr bgcolor='"+toolcolor+"'><td>HTM表示</td><td>常规</td><td>应用字体</td></tr>" for(i=33;i<384;i++){str1+="<tr><td>&#"+i+";</td><td class='n1'>"+i+";</td><td class='n7'>"+i+";</td></tr>"} break; case 2: //HTML已命名实体 var str0="iexcl;¢£¤¥¦§¨©ª«¬®¯°±²³´µ¶·¸¹º»¼½¾¿ÀÁÂÃÄÅÆÇÈÉÊËÌÍÎÏÐÑÒÓÔÕÖ×ØÙÚÛÜÝÞßàáâãäåæçèéêëìíîïðñòóôõö÷øùúûüýþÿ".split('&') str1="<tr bgcolor='"+toolcolor+"'><td>HTM表示</td><td>命名</td><td>浏览</td></tr>" write2(34,"quot");write2(38,"amp");write2(60,"lt");write2(62,"gt");write2(160,"nbsp"); for(i=161;i<256;i++){str1+="<tr><td>&#"+i+";</td><td>&"+str0[i-161]+"</td><td class='n1'>"+i+";</td></tr>"} break; case 3: //HTML附加命名实体 str1="<tr bgcolor='"+toolcolor+"'><td>HTM表示</td><td>命名</td><td>浏览</td></tr>" write2(402,"fnof"); var str0="Alpha;ΒΓΔΕΖΗΘΙΚΛΜΝΞΟΠΡ".split('&') for(i=913;i<930;i++){str1+="<tr><td>&#"+i+";</td><td>&"+str0[i-913]+"</td><td class='n1'>"+i+";</td></tr>"} str0="Sigma;ΤΥΦΧΨΩ".split('&') for(i=931;i<938;i++){str1+="<tr><td>&#"+i+";</td><td>&"+str0[i-931]+"</td><td class='n1'>"+i+";</td></tr>"} str0="alpha;βγδεζηθικλμνξοπρςστυφχψω".split('&') for(i=945;i<970;i++){str1+="<tr><td>&#"+i+";</td><td>&"+str0[i-945]+"</td><td class='n1'>"+i+";</td></tr>"} write2(977,"thetasym");write2(978,"upsih");write2(982,"piv"); write2(8226,"bull");write2(8230,"hellip");write2(8242,"prime");write2(8243,"Prime");write2(8254,"oline");write2(8260,"frasl");write2(8472,"weierp");write2(8465,"image");write2(8476,"real");write2(8482,"trade");write2(8501,"alefsym"); str0="larr;↑→↓↔".split('&') for(i=8592;i<8597;i++){str1+="<tr><td>&#"+i+";</td><td>&"+str0[i-8592]+"</td><td class='n1'>"+i+";</td></tr>"} write2(8629,"crarr"); str0="lArr;⇑⇒⇓⇔".split('&') for(i=8656;i<8661;i++){str1+="<tr><td>&#"+i+";</td><td>&"+str0[i-8656]+"</td><td class='n1'>"+i+";</td></tr>"} write2(8704,"forall");write2(8706,"part");write2(8707,"exist");write2(8709,"empty");write2(8711,"nabla");write2(8712,"isin");write2(8713,"notin");write2(8715,"ni");write2(8719,"prod");write2(8722,"sum");write2(8722,"minus");write2(8727,"lowast");write2(8730,"radic");write2(8733,"prop");write2(8734,"infin");write2(8736,"ang");write2(8869,"and");write2(8870,"or");write2(8745,"cap");write2(8746,"cup");write2(8747,"int");write2(8756,"there4");write2(8764,"sim");write2(8773,"cong");write2(8773,"asymp");write2(8800,"ne");write2(8801,"equiv");write2(8804,"le");write2(8805,"ge");write2(8834,"sub");write2(8835,"sup");write2(8836,"nsub");write2(8838,"sube");write2(8839,"supe");write2(8853,"oplus");write2(8855,"otimes");write2(8869,"perp");write2(8901,"sdot");write2(8968,"lceil");write2(8969,"rceil");write2(8970,"lfloor");write2(8971,"rfloor");write2(9001,"lang");write2(9002,"rang");write2(9674,"loz");write2(9824,"spades");write2(9827,"clubs");write2(9829,"hearts");write2(9830,"diams"); break; case 5: //W3C16色对照表 str1="<tr bgcolor='"+toolcolor+"'><td>效果</td><td>名称</td><td>16进制表示</td></tr>" str0="Black,White,Red,Yellow,Lime,Aqua,Blue,Fuchsia,Gray,Silver,Maroon,Olive,Green,Teal,Navy,Purple,Transparent".split(",") str00="000000,ffffff,ff0000,ffff00,00ff00,00ffff,0000ff,ff00ff,808080,c0c0c0,800000,808000,008000,008080,000080,800080,透明色".split(",") for(i=0;i<str0.length;i++){str1+="<tr><td bgcolor='"+str0[i]+"'></td><td>"+str0[i]+"</td><td style='color:#"+str00[i]+"'>#"+str00[i]+"</td></tr>"} break; case 6: //Windows系统色盘 str1="<tr bgcolor='"+toolcolor+"'><td>效果1</td><td>效果2</td><td>名称</td></tr>" str0="windowtext,windowframe,window,threedshadow,buttonshadow,threedlightshadow,threedhighlight,threedface,buttonface,threeddarkshadow,scrollbar,menutext,menu,infotext,infobackground,inactivecaptiontext,inactivecaption,inactiveborder,highlighttext,highlight,graytext,captiontext,buttontext,buttonhighlight,background,appworkspace,activecaption,activeborder".split(",") for(i=0;i<str0.length;i++){str1+="<tr><td bgcolor='"+str0[i]+"'></td><td style='color:"+str0[i]+"'>Lshdic</td><td style='word-Break:keep-all;'>"+str0[i]+"</td></tr>"} break; case 13: //键盘键值探测器 str1="<center> <p>现在请您按下您键盘上的任意一个键</center><p><center>其键值会显示在上方输入框中</center>" break; case 14: //简易计算器 str1="<center> <p>请在下边输入框中输入需要计算的公式</center><p><center>公式如 12+64 20/5 100+(77*44)</center><p><center><input id='txt2'>[br]<input type='button' value='开始计算' onclick='try{txt.value=eval(txt2.value)}catch(e){alert(\"错误的公式！\")}'></center>" break; case 15: //进制转换工具 for(i=2;i<129;i++){str0+="<option>"+i;i++} str1="<center> <p>请在下边输入框中输入一组数字</center><p><center><input id='txt2'>[br]转换为:<select id='sel2'>"+str0+"</select>进制[br]<input type='button' value='开始转换' onclick='try{txt.value=new Number(txt2.value).toString(sel2.options[sel2.selectedIndex].text)}catch(e){alert(\"异常错误！\")}'></center>" break; } write1() } function document.onkeydown(){ //页面按键时 if(sel1.selectedIndex==13){ //检测是否开启键盘键值探测器 txt.value=event.keyCode;event.keyCode=0;event.returnValue=false; }} temp1=location.href //初始化启动部分（附加的URL参数可以控制预先选取的列表，形式如xxx.htm?xxx=*，其中*应为0-12之间的数字，用于配合Lshdic2005软体附属工具的默认启动调用） try{ sel1.options[temp1.substr(temp1.indexOf('=')+1)].selected=true;sel1.onchange() }catch(e){ sel1.onchange() } //本插件程序由于能够在WEB浏览器中直接运行,因此提前于LD5软件的发布供大家使用,因此,本程序并非为最终发布时的完整版本形态 </script> </BODY> </HTML>
VML语言跟HTML很类似，不仅指的他们都是标记语言。更重要的是VML语句同样不区分大小写、属性可以是 value<HTML xmlns:v> //关键语句，指明该网页创建一个名为 v 的XML名域命名空间<HEAD> //网页声明部分，被<head></head>包围的语句可以是一些网页信息、资源定义语句 <META http-equiv='Content-Type' content='text/html;charset=gb2312'> //说明网页使用的编码,text/html表示该页是HTML网页,gb2312表示网页编码为“简体中文(GB2312)” <Meta name='Gemeratpr' content='网络程序员伴侣(Lshdic)2005'> //说明网页使用的开发工具 <TITLE>网页的标题</TITLE> <STYLE> //所包含的内容是CSS样式表的定义语句 v\:*{behavior:url(#default#VML);} //关键语句，指明XML名域“v”引用的数据是VML标记语言 </STYLE> </HEAD><BODY> //网页正文部分</BODY></HTML>属性名 默认值 值类型/范围 用途 strokeweight 0.75pt=1px number 描述图形的边框粗度 strokecolor black color 描述图形的边框颜色 stroked true boolean 描述图形是否使用边框 fillcolor white color 描述图形的背景颜色 filled true boolean 描述图形是否使用背景 print true boolean 描述图形是否允许被打印机打印 coordsize 1000,1000 Vector2D 暗示图形与容器空间的大小比例 coordorigin 0 0 Vector2D coordinate at top-left corner of element wrapcoords null string outline to use for tight text wrapping 属性名 默认值 值类型/范围 用途 id null string 定义元素的标识索引(多用于DHTML编程) class null classname 定义元素使用的CSS样式类 style null CSS string 描述图形的CSS样式表 title null string 定义图形的提示标题(鼠标靠近后的帮助提示) href null string 定义图形链接的URL地址 target _self _self/_blank/_top 定义图形以何种形式打开链接 contentEditable false boolean 描述图形内容是否允许用户编辑 dir ltr ltr/rtl 描述图形内容以哪种方向输出 disabled false boolean 描述图形能够响应用户事件触发 属性名 可用值/可用值范围 用途 width 0-9999 描述宽度 height 0-9999 描述高度 position static absolute fixed relative 描述如何定位输出 left 0-9999 描述距离页面位置左 top 0-9999 描述距离页面位置上 z-index 0-9999 描述3D位置 cursor auto crosshair hand move help wait text…… 描述鼠标形状 zoom 0-99 描述缩放比例 clip rect(上 右 下 左) 描述裁剪对象 border 0-99 style color 描述边框 display block none inline list-item 描述显示或隐藏 overflow visible auto hidden scroll 描述滚动条 color colorstring 描述文本内容颜色 font-size 0-999 描述文本内容字号 filter xray flipv fliph invert alpha(opacity=num) 描述滤镜效果 rotation (0-9999)%360 描述旋转度 flip x y 描述反转或颠倒图形 image图片 - 专用属性属性名 默认值 值类型/范围 用途 src null URLtext 描述图像URL地址来源 grayscale false boolean 描述图像是否为黑白效果 bilevel false boolean 描述图像是否为漫画卡通效果 blacklevel null number/-0.4-0.4 描述图像亮度 gain null number/0-100 描述图像对比度 gamma null number/0.9-0.1 描述图像颜色清晰度 chromakey none colortext 描述图像透明过滤的颜色 cropleft null number/0%-100% 描述图像左边的裁剪 cropright null number/0%-100% 描述图像右边的裁剪 croptop null number/0%-100% 描述图像上边的裁剪 cropbottom null number/0%-100% 描述图像下边的裁剪 以下代码是VML网页文件的标准格式<HTML xmlns:v="urn:schemas-microsoft-com:vml"xmlns:o="urn:schemas-microsoft-com:office:office"><HEAD><STYLE>v\:* { behavior: url(#default#VML);} o\:* { behavior: url(#default#VML);}</STYLE><TITLE>网页的标题</TITLE></HEAD><BODY></BODY></HTML> 我们可以简写成<HTML xmlns:v><HEAD><META http-equiv='Content-Type' content='text/html;charset=gb2312'><Meta name='Gemeratpr' content='网络程序员伴侣(Lshdic)2005'><TITLE>网页的标题</TITLE><STYLE>v\:*{behavior:url(#default#VML);}</STYLE></HEAD><BODY></BODY></HTML> 很显然，跟HTML网页的结构很类似，以上标记的意思你可以理解为如下(//符号后是解释)<HTML xmlns:v> //关键语句，指明该网页创建一个名为 v 的XML名域命名空间<HEAD> //网页声明部分，被<head></head>包围的语句可以是一些网页信息、资源定义语句<META http-equiv='Content-Type' content='text/html;charset=gb2312'> //说明网页使用的编码,text/html表示该页是HTML网页,gb2312表示网页编码为“简体中文(GB2312)”<Meta name='Gemeratpr' content='网络程序员伴侣(Lshdic)2005'> //说明网页使用的开发工具<TITLE>网页的标题</TITLE><STYLE> //所包含的内容是CSS样式表的定义语句v\:*{behavior:url(#default#VML);} //关键语句，指明XML名域“v”引用的数据是VML标记语言</STYLE></HEAD><BODY> //网页正文部分//这里即是网页的正文部分(被<body></body>标记包围)，以后我们就是在这里编写各种VML标记(线、圆形、矩形)等。当然也支持在这里编写HTML标记、JS或VBS脚本</BODY></HTML> //网页结束语句而至于xmlns:o="urn:schemas-microsoft-com:office:office"名域命名，则是引用office相关的标记处理扩展
该贴的内容，请务必字句阅读，因为这是免费赠送给所有WEBIT人的一个技术大蛋糕！ 注释:以下所有的URL演示地址，因人流问题会较慢，其加载时请耐心等待，并尝试使用不同地址分流。 《VML极道教程》简介： 以学图用为目标追求、以效求速为极道教程。目前一本相当完整的中文（VML教程+参考手册）合本。此书将使你彻底的精通VML标记、熟悉DVML编程、进而转战WEB实际开发。无论你是笨人、常人、聪明人、IT精英，只要你肯学，熟读本书你就能彻彻底底的精通VML。你或可纯手写代码，实现简单的VML应用。你或可把你对VML标记/编程技术的所学、在加之配合应用FlashVml3.0，开发出强大、一流的VML WEB应用。阅读器界面截图：http://eyun.iecn.net/myh/vmljdjc/itwork1.gif FlashVml(闪耀之星)3.0简介： 英文简称FVML，相比2.0，3.0则是又一次飞跃式的升级，使你在线、离线，轻松的开发简单/复杂的WEB - VML应用（图像/图表绘制、Vector2D/3D矢量图形绘制、3D网页设计、VMLFlash动画设计、游戏设计、开发你想用VML在WEB页实现的一切）。而复杂/绚丽的VMLWEB页，到最后编译出来的htm/html或其他格式文件，大小不过几K、几十K而已，跟传统HTML页的加载速度无异（秒计） 其相对2.0版新增的各种功能，难于数计。总而言之功能是精益求精、界面缩小到你可在800*600/1024*768分辨率下使用、辅助设施与系统已达到可以让你难分其到底是WEB网页、还是基于WEB运行的 - 软件。而最后你会发现，其异呼强大的背后，竟然只是一页开源源文件、约150K代码、另存为即可在本地使用。而其已实现了软件启动加载进度、关闭时存储设置/启动时读取用户设置、等等技术的突破。基本界面截图：http://lydsgw.com/fyw/vmljdjc/flashvml3/flashvml3.gif 如果你不懂WEB VML应用，可以看几个简单的演示范例： 小用{静态绘图：http://www.shlc.com.cn/sx1123/ls ... /shili/vmlgirl2.htm绘图录像：http://www.shlc.com.cn/sx1123/ls ... mlgirl2_luxiang.htm数据图表：http://eyun.iecn.net/myh/vmljdjc/shili/sjtb.htm}大用{3DWEB页（未用任何图片）：http://eyun.iecn.net/myh/vmljdjc/shili/fsba.gif2D动画特技：http://www.8esky.com/vml/vmljdjc/shili/vml2d_1.htm3D动画特技：http://www.8esky.com/vml/vmljdjc/shili/vml3d_2.htm简单的游戏：http://www.8esky.com/vml/vmljdjc/shili/old_tkc.htm}更多的应用实例{更多的在压缩包中} 双剑合壁： 《VML极道教程》+FlashVml(闪耀之星)3.0中英文版，已被我集成在一起压缩到了一个压缩包（共2M），全部免费下载、使用。 致资深WEB开发者： 动荡的IT局势、浏览器市场、IE7于Firefox的夏季决战、SVG vs VML、Longhorn推出的延迟。。等等话题，如果这之中我们只是作为墙头草、胆怯的停滞、猜忌和窝蜂式的习统，只会使我们落后与停滞不前。而VML这项实用的技术，眼睛会告诉你它的应用价值、事实让你领略它的魅力、VML极道教程让你全面的知道它的好学/好用。它的将来会与SVG共存/互补、它在IE7中会更光彩、它会得到进一步的认可与此后WEBPAGE的充分发展应用而不仅仅是在office充当艺术字内核/ie充当简单的矢量图形描述 - 虽然这只是我对它未来的个人看法。但此刻的事实 - 它的光辉因flashvml3.0而得以淋漓尽致的发挥、体现。--------另本人本帖，不参与这方面话题的讨论，有兴趣，可以搜索相关资料自行判断。 FVML3.0在线使用地址（150K，建议测试用，有站点的请收录，从事开发还请下载完整包于本地）：注释：加载请耐心等待。以及状态栏显示“大小(undefined)字节”属已知/发布前意料外/的小漏洞，在本地运行即正常，即已发布，难以更改即不在更改。 使用入门图解教程（用前必读）：http://www.changen.com.cn/vml/vmljdjc/flashvml3/helptool.htm功能综合演示动画：http://www.changen.com.cn/vml/vmljdjc/flashvml3/helpflash.htm以下为在线测试地址：http://eyun.iecn.net/myh/vmljdjc/flashvml3.htmhttp://www.shlc.com.cn/sx1123/ls ... ljdjc/flashvml3.htmhttp://www.changen.com.cn/vml/vmljdjc/flashvml3.htmhttp://lydsgw.com/fyw/vmljdjc/flashvml3.htmhttp://www.8esky.com/vml/vmljdjc/flashvml3.htm VML极道教程在线试阅读地址（建议测试用，有站点的请收录）： http://www.shlc.com.cn/sx1123/lshdic/vmljdjc/index.htmhttp://www.8esky.com/vml/index.htmhttp://eyun.iecn.net/myh/index.htmhttp://lydsgw.com/fyw/index.htmhttp://www.changen.com.cn/vml/index.htm VML极道教程+FVML3.0，完全压缩包下载地址推荐高速下载点（如江苏铁通等，距离近可达200K每秒）：{http://www4.skycn.com/soft/21979.html （因是软件站，标题只写了flashvml3.0下载，但其包括极道教程）http://www3.skycn.com/soft/21979.html}其他普通速度下载点http://www.8esky.com/down/Flashvml V3.0.rarhttp://www.changen.com.cn/down/Flashvml V3.0.rar 致软件/教程下载型站点的站长/职员：请代为发布本压缩包，教程站收取建议取名（VML极道教程）、软件站收取建议取名（FlashVml(闪耀之星)3.0），致谢。 本次顺利发布特别感谢人员、幕后支持人员：小叶子（英文专业翻译）于慕华（界面优化参考/建议）freeta（原蓝丽技术论坛版主/工作室领导，空间协力）sx1123（原蓝丽技术论坛版主/工作室领导，空间协力）心云意水（无忧脚本/CSDN/IECN版主，空间协力）kafree（网站站长/技术人员，空间协力）酷酷叶 风情主人 宝玉 自由 泣红亭 东方，无忧脚本/动网/CSDN三大技术论坛以及所有回贴人员和其他支持人员，致谢，并期待更多的伙计（意见建议、协力、合作、赞助、国外发布人员等，本人联系方法：QQ:21152530 MSN&EMAIL1:lshdic@sina.com MAIL2:fywz2@163.com，另本人昵称以后换为沐缘华。还有上次flashvml2.0发布时CSDN论坛的分我结了，怎么老是信誉值45？狂晕）。 致论坛版主：请加入精华或固定本贴，已示支持、认可和让更多的论友分享，致谢。 致读者/论友：请读毕、下载后，“勿忘记”回贴示以支持，有时间的请代为转载/发布本帖于其他国内外论坛（如果该论坛我未去发布的话）、或CSDN/其他站点文档中心，致谢 - 全文完。2005-2-28 1:20:57
<HTML xmlns:v> <HEAD> <META http-equiv="Content-Type" content="text/html; Charset=gb2312"> <META name="GENERATOR" content="网络程序员伴侣(Lshdic)2004"> <META name="GENERATORDOWNLOADADDRESS" content="http://www.lshdic.com/downlshdic.asp"> <META NAME="KEYWORDS" CONTENT="Vml图像画板"> <title>蓝丽网 - Vml图像画板.2003</title> <STYLE> v\:*{behavior:url(#default#VML);} /*声明V为VML变量*/ a{text-Decoration:none;color:white} a:hover{text-Decoration:underline;color:yellow;} td{font-size:12px;color:white} .bon1{border-bottom:1 solid eeeeee;border-right:1 solid eeeeee;border-left:1 solid gray;border-top:1 solid gray;background-color:#619CE7;color:yellow;width:54} .bon2{border-bottom:1 solid gray;border-right:1 solid gray;border-left:1 solid eeeeee;border-top:1 solid eeeeee;background-color:#619CE7;color:white;width:54} </STYLE> </HEAD> <BODY oncontextmenu='return false' style='margin:1;cursor:default' vlink=#3732CD link='#3732CD' onselectstart='if(event.srcElement.tagName!="TEXTAREA"&&event.srcElement.tagName!="INPUT")return false'> <v:Line style='position:absolute;z-index:2000;display:none' id='line1'> <!--钢笔可视化--> <v:Stroke dashstyle='shortdash'/> </v:line> <v:Oval style='position:absolute;z-index:2000;display:none' id='oval1'> <!--圆形可视化--> <v:Stroke dashstyle='shortdash'/> </v:oval> <v:rect style='position:absolute;z-index:2000;display:none' id='rect1'> <!--长方形可视化--> <v:Stroke dashstyle='shortdash'/> </v:rect> <v:roundrect style='position:absolute;z-index:2000;display:none' id='roundrect1'> <!--圆锯形可视化--> <v:Stroke dashstyle='shortdash'/> </v:roundrect> <span style='position:absolute;z-index:2000;display:none' id='wenzi1'> <!--插入文字可视化--> <textarea id='txt1' style='border:1 solid black;width:200;height:50'></textarea><br> <center><input type='button' value='插入' class="bon2" onclick="charuwenzi()"> </span> <span style='position:absolute;z-index:2000;display:none' id='tupian1'> <!--插入图片可视化--> <input type='file' id='file1' style='width:200'><br> <center><input type='button' value='插入' class="bon2" onclick="charutupian()"> </span> <span style='position:absolute;z-index:2000;display:none' id='gaoji1'> <!--高级改可视化--> <textarea id='txt2' style='border:1 solid black;width:400;height:150'></textarea><br> <center><input type='button' value='修改' class="bon2" onclick="gaojiobj.outerHTML=txt2.value;gaojiobj=null;gaoji1.style.display='none'"> </span> <span style='position:absolute;z-index:2000;display:none' id='yuandaima'> <!--所有原代码--> <textarea id='txt3' style='border:1 solid black;width:600;height:400'></textarea><br> <center><input type='button' value='复制' class="bon2" onclick="window.clipboardData.setData('text',txt3.value);alert('已将数据复制到系统剪切板')"> <input type='button' value='更新修改' class="bon2" onclick="div1.innerHTML=txt3.value;yuandaima.style.display='none'"> <input type='button' value='取消' class="bon2" onclick="yuandaima.style.display='none'"> </span> <span style='position:absolute;z-index:2000;display:none' id='menu1'> <!--弹出菜单--> <input type=button class=bon2 value=置前 onclick='zz+=1;thisobj.style.zIndex=zz;menu1.style.display="none"'><br> <input type=button class=bon2 value=置后 onclick='zz2-=1;thisobj.style.zIndex=zz2;menu1.style.display="none"'><br> <input type=button class=bon2 value=复制 onclick='div1.innerHTML+=thisobj.outerHTML;alert("复制完成，请使用选移功能拖动");menu1.style.display="none"'><br> <input type=button class=bon2 value=删除 onclick='thisobj.outerHTML="";menu1.style.display="none"'><br> </span> <iframe id=web src="about:blank" style="display:none"></iframe> <!--实现保存--> <span style='position:absolute;z-index:2000;display:none' id='help'> <!--帮助信息--> <textarea readonly='true' style='border:1 solid black;width:500;height:300'> VML图像画板.2003（操作帮助及功能简介） 目前最强的网页VML(网页矢量图形标记语言)编辑工具之一，VML学习者的最佳学习工具 能够完成基本的三维网页的设计，做图及图形处理功能一般（原作者今后有时间会去强化） 基本的画笔及图形处理工具在右方，点选后在画板内使用鼠标左键应用 可将画板内VML代码图形保存为文件，亦可通过“修改原代码”实现“打开文件”等功能 文字:该功能暂未提供可视化的修改编辑功能，但代码为HTML相对比较简单 图片:支持FILE:///及HTTP://两种协议类型，矢量化后失真现象很少 记忆点:该功能只有在点击后大于点击时X，Y的坐标，才能看到效果，今后也许原作者会找到好的解决方法 填充:该功能只有“钢笔”所划的线无法使用 边框:该功能的“起点尖头”“终点尖头”只对“钢笔”“记忆点”所画的图形有效 保存为文件:在弹出保存对话框时，在对话框中“语言”下拉菜单中选择“Unicode”保存后能够正常显示 关于打开文件的功能:由于客户端资源及文件编码类型问题，该功能先已“修改原代码”代替，可直接将已保存的VML输入后点击“更新修改”即可虚拟完成已有文件的打开 VML图像画板.2003（版权信息） 原作者:风云舞 主 页:http://www.lshdic.com 最新版:可登陆主页查看 发布于:2003年8月25日 授 权:授权给任何个人使用、应用，自由DHTML代码，可任意修改学习、转载、强化，作者制作本作品出发点是为了提高用户的VML编程水准、开拓一个先例，因而未加密及方便参考仅采用一页代码，为此，未经原作者同意请不要将VML图像画板任何版本用于其他商业用途，侵我版权毁我及作品名声，公开于网站、软件发布及其他应用请保留原作者的这些声明（但可以追加其他信息，如修改者各项授权信息等） </textarea><br> <center><input type='button' value='关闭帮助' class="bon2" onclick="help.style.display='none'"> </span> <TABLE cellspacing=0 cellpadding=3 width=770 align=center bgcolor='#619CE7' style='border-right:3 dashed green;border-left:3 dashed #4735B0;border-top:1 solid blue;border-bottom:gray' id=allform1> <tr align=center onmouseover='if(event.srcElement.tagName=="TD"&&event.srcElement.width==70)event.srcElement.bgColor="aaaaaa"' onmouseout='if(event.srcElement.tagName=="TD")event.srcElement.bgColor=""' style='cursor:hand'><td width=70 id=toptd1 onclick="yuandaima.x=event.x;yuandaima.y=event.y;txt3.value=div1.innerHTML.replace(/>/g,'>\n').replace(/ = /g,'=').replace(/\: /g,':').replace(/\; /g,';');yuandaima.style.display=''"> 修改原代码</td><td width=70 onclick="web.document.write('<HTML xmlns:v>\n<HEAD>\n<META http-equiv=Content-Type content=text/html;charset=gb2312>\n<TITLE>我的杰作</TITLE>\n<META name=Gemeratpr content=蓝丽VML图形编辑器>\n<META name=GemeratprHomePage content=http://www.lshdic.com>\n<STYLE>\nv\\:*{behavior:url(#default#VML);}\n</STYLE>\n</HEAD>\n<BODY>\n'+div1.innerHTML+'\n</BODY>\n</HTML>');web.document.execCommand('SaveAs',false,'我的杰作')">保存为文件</td><td width=70 onclick="if(this.innerText=='最大化视图'){div1.style.width=document.body.offsetWidth-150;div1.style.height=document.body.offsetHeight-35;this.innerText='恢复视图'}else{div1.style.width=650;div1.style.height='100%';this.innerText='最大化视图'}">最大化视图</td><td width=70 onclick="help.x=event.x;help.y=event.y;help.style.display=''">操作帮助</td><td width=60> </td><td width=60> </td><td align=right>原作:风云舞,蓝丽程序员网络:<a href='http://www.lshdic.com' target='_blank'>http://www.lshdic.com</a> </td></tr><tr> <td width=100% colspan=10 height=500> <table cellspacing=0 cellpadding=0 height=100%%><tr><td width=660> <div style='width:650;height:100%;background-color:white;border:1 solid gray;color:black;' id=div1></div> </td><td> <div style='width:110;height:100%;'> <center><b>画笔选择</b><br> <button class=bon2 id=huabi>选移<button class=bon2 id=huabi>调大小<button class=bon2 id=huabi>扔出</button><button class=bon1 id=huabi>钢笔</button><button class=bon2 id=huabi>记忆点<button class=bon2 id=huabi>圆型<button class=bon2 id=huabi>长方型<button class=bon2 id=huabi>圆矩型<button class=bon2 id=huabi>文字<button class=bon2 id=huabi>图片<button class=bon2 id=huabi>填充<button class=bon2 id=huabi>立体<button class=bon2 id=huabi>边框<button class=bon2 id=huabi>高级</button><br2> <b>画笔基本参数</b><br> 笔边粗度 <select style="width:54;" id=bibiancudu><option selected>1<script>for(i=2;i<101;i++)document.write("<option>"+i)</script></select><br> 画笔颜色 <input style='border:1 solid black;width:54;height:17;' value='#000000' id=huabiyanse onmousedown='colortab.style.left=event.x-50;colortab.style.top=event.y+this.offsetHeight;rndcolor(this.id)'><br> 画笔背景 <input style='border:1 solid black;width:54;height:17;' value='#FFFFFF' id=huabibeijing onmousedown='colortab.style.left=event.x-50;colortab.style.top=event.y+this.offsetHeight;rndcolor(this.id)'><br> X Y 坐标 <input disabled='true' type='text' value='0,0' id='zuobiao' style='border:1 solid black;width:54;height:17;'><br> <span id=tianchong1 style='display:none'> <b> <br>填充基本参数</b><br> 普通背景 <input style='border:1 solid black;width:54;height:17;' value='' id=tianchongbeijing onmousedown='colortab.style.left=event.x-50;colortab.style.top=event.y+this.offsetHeight;rndcolor(this.id)'><br>使用渐变背景<input type='checkbox' id='usejianbian'><br> 渐变色一 <input style='border:1 solid black;width:54;height:17;color:red' value='#FF0000' id=jianbianse1 onmousedown='colortab.style.left=event.x-50;colortab.style.top=event.y+this.offsetHeight;rndcolor(this.id)'> <br>渐变色二 <input style='border:1 solid black;width:54;height:17;' value='#FFFFFF' id=jianbianse2 onmousedown='colortab.style.left=event.x-50;colortab.style.top=event.y+this.offsetHeight;rndcolor(this.id)'><br> 上下渐变 <input type=radio name='jianbianyangshi' checked><br> 斜向渐变 <input type=radio name='jianbianyangshi'> </span> <span id=liti1 style='display:none'> <b> <br>立体基本参数</b><br> 后向伸展 <select style="width:54;" id=houxiangshenzhan><option selected>20<script>for(i=0;i<101;i++)document.write("<option>"+i)</script></select><br> <br>前向伸展 <select style="width:54;" id=qianxiangshenzhan><option selected>0<script>for(i=1;i<101;i++)document.write("<option>"+i)</script></select><br> 偏移左边 <select style="width:54;" id=pianyizuobian><option selected>0<script>for(i=1;i<101;i++)document.write("<option>"+i)</script></select><br> 偏移上边 <select style="width:54;" id=pianyishangbian><option selected>0<script>for(i=1;i<101;i++)document.write("<option>"+i)</script></select><br> 立体颜色 <input style='border:1 solid black;width:54;height:17;' value='' id=litiyanse onmousedown='colortab.style.left=event.x-50;colortab.style.top=event.y+this.offsetHeight;rndcolor(this.id)'><br> </span> <span id=biankuang1 style='display:none'> <b> <br>边框基本参数</b><br> 边框粗度 <select style="width:54;" id=biankuangcudu><option selected>1<script>for(i=0;i<101;i++)document.write("<option>"+i)</script></select><br> <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='colortab.style.left=event.x-50;colortab.style.top=event.y+this.offsetHeight;rndcolor(this.id)'><br> </span> </div> </td></tr></table> </td></tr> </table> <table cellspacing=0 cellpadding=0 style='position:absolute;width:100;height:100;display:none;background-color:red' id='colortab'><tr><td id='colorid'></td></tr></table> <script language='jscript'> var bi=4 //定义当前使用的画笔工具，3为铅笔 var color1='#000000',color2='#000000',size1=0 //定义缺剩的画笔颜色及画笔填充颜色和笔边粗度 var xx=0,yy=0,zz=1000 //定义缺剩的X及Y坐标 var isok=false //区分画笔起点是否在DIV内，超出范围则无效 var moveobj=null,ckleft=0,cktop=0,ckwid=0,ckhei=0,ckto="" //被移动物件、调整大小物件的引用 var poly1=null,oldvalue="",oldx=0,oldy=0 //为了完成记忆点，创建一个可折式线段 var gaojiobj=null //为了完成“高级”功能，绑定被修改对象 var thisobj=null //为了完成各种基本编辑功能，如“置前”“复制”“删除”等 var zz2=1000 //为完成“置后”功能，zz2为负数 function div1.onmousedown(){ div1.setCapture();color1=huabiyanse.value;color2=huabibeijing.value;isok=true;size1=bibiancudu.options[bibiancudu.selectedIndex].text xx=event.x;yy=event.y;zz+=1 for(i=0;i<huabi.length;i++){if(huabi[i].className=="bon1"){bi=i+1;break}} line1.strokecolor=color1;line1.strokeweight=size1;oval1.strokeweight=size1;oval1.strokecolor=color1 oval1.fillcolor=color2;rect1.strokeweight=size1;rect1.strokecolor=color1 rect1.fillcolor=color2;roundrect1.strokeweight=size1;roundrect1.strokecolor=color1 roundrect1.fillcolor=color2; if(event.button==1){ switch(bi){ case 1: //选移 if(event.srcElement.parentElement.id=="div1"){moveobj=event.srcElement;ckleft=xx-parseInt(moveobj.style.left);cktop=yy-parseInt(moveobj.style.top)} break; case 2: //调大小 if(event.srcElement.parentElement.id=="div1"){moveobj=event.srcElement; ckleft=parseInt(moveobj.style.left);cktop=parseInt(moveobj.style.top);ckwid=moveobj.offsetWidth;ckhei=moveobj.offsetHeight} break; case 3: //扔出 break; case 4: //钢笔 line1.style.left=event.x;line1.style.top=event.y;line1.to="0,0";line1.style.display="" break; case 5: //记忆点 if(poly1==null){ oldx=xx;oldy=yy poly1=div1.appendChild(document.createElement("<v:polyline points='0 0 0 0' style='position:absolute;z-index:"+zz+";left:"+xx+";top:"+yy+";' strokecolor='"+color1+"' strokeweight='"+size1+"' fillcolor='"+color2+"'/>")) } if(oldx-tempx<1&&oldy-tempy<1)oldvalue=poly1.points.value.replace(/,/g,' ') break; case 6: //圆形 oval1.style.left=event.x;oval1.style.top=event.y;oval1.style.width=0;oval1.style.height=0;oval1.style.display="" break; case 7: //长方形 rect1.style.left=event.x;rect1.style.top=event.y;rect1.style.width=0;rect1.style.height=0;rect1.style.display="" break; case 8: //圆矩形 roundrect1.style.left=event.x;roundrect1.style.top=event.y;roundrect1.style.width=0;roundrect1.style.height=0;roundrect1.style.display="" break; case 9: //文字 wenzi1.style.left=event.x;wenzi1.style.top=event.y;wenzi1.style.display="" break; case 10: //图片 tupian1.style.left=event.x;tupian1.style.top=event.y;tupian1.style.display="" break; } }} function div1.onmousemove(){ tempx=event.x;tempy=event.y;temp1=0;temp2=0 zuobiao.value=tempx-allform1.offsetLeft-8+","+parseInt(tempy-toptd1.offsetHeight-7) if(bi==5&&poly1!=null){ //记忆点 if(oldx-tempx<0&&oldy-tempy<0)poly1.points.value=oldvalue+" "+(tempx-oldx)+" "+(tempy-oldy) } if(event.button==1){ switch(bi){ case 1: //选移 if(moveobj!=null){moveobj.style.left=tempx-ckleft;moveobj.style.top=tempy-cktop} break; case 2: //调大小 if(moveobj!=null){ if(moveobj.tagName!="line"){ if(tempx>ckleft){moveobj.style.width=tempx-ckleft}else{moveobj.style.left=tempx;moveobj.style.width=ckleft-tempx} if(tempy>cktop){moveobj.style.height=tempy-cktop}else{moveobj.style.top=tempy;moveobj.style.height=cktop-tempy} }else{moveobj.to=parseInt(tempx-ckleft)+","+parseInt(tempy-cktop);if(ckto=="")ckto=parseInt(tempx-ckleft)+","+parseInt(tempy-cktop);} } break; case 4: //钢笔 line1.to=(tempx-xx)+","+(tempy-yy) break; case 6: //圆形 if(tempx-xx<0){oval1.style.left=event.x;oval1.style.width=(xx-tempx)}else{oval1.style.width=(tempx-xx)} if(tempy-yy<0){oval1.style.top=event.y;oval1.style.height=(yy-tempy)}else{oval1.style.height=(tempy-yy)} break; case 7: //长方形 if(tempx-xx<0){rect1.style.left=event.x;rect1.style.width=(xx-tempx)}else{rect1.style.width=(tempx-xx)} if(tempy-yy<0){rect1.style.top=event.y;rect1.style.height=(yy-tempy)}else{rect1.style.height=(tempy-yy)} break; case 8: //圆矩形 if(tempx-xx<0){roundrect1.style.left=event.x;roundrect1.style.width=(xx-tempx)}else{roundrect1.style.width=(tempx-xx)} if(tempy-yy<0){roundrect1.style.top=event.y;roundrect1.style.height=(yy-tempy)}else{roundrect1.style.height=(tempy-yy)} break; }}} function div1.onmouseup(){ document.releaseCapture();if(isok==false){forerr();return false};isok=false;menu1.style.display='none' tempx=event.x;tempy=event.y;divwid=div1.offsetWidth;divhei=div1.offsetHeight if(tempx>allform1.offsetLeft+divwid+5||tempx<allform1.offsetLeft+5){forerr();return alert("X坐标越界")} if(tempy>allform1.offsetTop+toptd1.offsetHeight+divhei+5||tempy<allform1.offsetTop+toptd1.offsetHeight+5){forerr();return alert("Y坐标越界")} if(event.button==2&&bi==5&&poly1!=null){ poly1.points.value=oldvalue;oldvalue="";poly1=null; }else if(event.srcElement.parentElement.id=="div1"&&event.button==2){menu1.style.left=tempx;menu1.style.top=tempy;menu1.style.display='';thisobj=event.srcElement} if(event.button==1){ switch(bi){ case 1: //选移 if(moveobj!=null&&parseInt(moveobj.style.left)<allform1.offsetLeft+5){forerr();return alert("被移动物体X1超出界限")} if(moveobj!=null&&parseInt(moveobj.style.left)+moveobj.offsetWidth-2>allform1.offsetLeft+divwid+5){forerr();return alert("被移动物体X2超出界限")} if(moveobj!=null&&parseInt(moveobj.style.top)<allform1.offsetTop+toptd1.offsetHeight+5){forerr();return alert("被移动物体Y1超出界限")} if(moveobj!=null&&parseInt(moveobj.style.top)+moveobj.offsetHeight-2>allform1.offsetTop+toptd1.offsetHeight+divhei+3){forerr();return alert("被移动物体Y2超出界限")} moveobj=null break; case 2: //调大小 moveobj=null;ckto="" break; case 3: //仍出 if(event.srcElement.parentElement.id=="div1")event.srcElement.outerHTML="" break; case 4: //钢笔 div1.appendChild(document.createElement("<v:line style='position:absolute;z-index:"+zz+";left:"+xx+";top:"+yy+";' to='"+(event.x-xx)+","+(event.y-yy)+"' strokecolor='"+color1+"' strokeweight='"+size1+"'/>")) line1.style.display="none" break; case 6: //圆形 div1.appendChild(document.createElement("<v:oval style='position:absolute;z-index:"+zz+";left:"+oval1.style.left+";top:"+oval1.style.top+";width:"+oval1.style.width+";height:"+oval1.style.height+";' strokecolor='"+color1+"' strokeweight='"+size1+"' fillcolor='"+color2+"'/>")) oval1.style.display="none" break; case 7: //长方形 div1.appendChild(document.createElement("<v:rect style='position:absolute;z-index:"+zz+";left:"+rect1.style.left+";top:"+rect1.style.top+";width:"+rect1.style.width+";height:"+rect1.style.height+";' strokecolor='"+color1+"' strokeweight='"+size1+"' fillcolor='"+color2+"'/>")) rect1.style.display="none" break; case 8: //圆矩形 div1.appendChild(document.createElement("<v:roundrect style='position:absolute;z-index:"+zz+";left:"+roundrect1.style.left+";top:"+roundrect1.style.top+";width:"+roundrect1.style.width+";height:"+roundrect1.style.height+";' strokecolor='"+color1+"' strokeweight='"+size1+"' fillcolor='"+color2+"'/>")) roundrect1.style.display="none" break; case 11: //渐变 if(event.srcElement.parentElement.id=="div1"){ if(!usejianbian.checked){event.srcElement.fillcolor=tianchongbeijing.value}else{ temp1=jianbianyangshi[0].checked?'gradient':'gradientradial' temp2=event.srcElement.innerHTML.replace(/<v\:fill .*<\/v:fill>/gi,'') event.srcElement.innerHTML=temp2+"<v:fill color='"+jianbianse2.value+"' color2='"+jianbianse1.value+"' type='"+temp1+"'/>" }} break; case 12: //立体 if(event.srcElement.parentElement.id=="div1"){ temp2=event.srcElement.innerHTML.replace(/<v\:extrusion .*<\/v:extrusion>/gi,'') event.srcElement.innerHTML=temp2+"<v:Extrusion on='t' color='"+litiyanse.value+"' backdepth='"+houxiangshenzhan.options[houxiangshenzhan.selectedIndex].text+"' foredepth='"+qianxiangshenzhan.options[qianxiangshenzhan.selectedIndex].text+"' rotationangle='"+pianyishangbian.options[pianyishangbian.selectedIndex].text+","+pianyizuobian.options[pianyizuobian.selectedIndex].text+"'/>" } break; case 13: //边框 if(event.srcElement.parentElement.id=="div1"){ temp2=event.srcElement.innerHTML.replace(/<v\:stroke .*<\/v:stroke>/gi,'') event.srcElement.innerHTML=temp2+"<v:Stroke dashstyle='"+biankuangyangshi.options[biankuangyangshi.selectedIndex].text+"' startarrow='"+qidianjiantou.options[qidianjiantou.selectedIndex].text+"' endarrow='"+zhongdianjiantou.options[zhongdianjiantou.selectedIndex].text+"'/>" event.srcElement.strokecolor=biankuangyanse.value biankuangcudu.options[biankuangcudu.selectedIndex].text=='0'?event.srcElement.stroked=false:event.srcElement.strokeweight=biankuangcudu.options[biankuangcudu.selectedIndex].text } break; case 14: //高级 if(event.srcElement.parentElement.id=="div1"){ gaojiobj=event.srcElement txt2.value=event.srcElement.outerHTML.replace(/>/g,">\n").replace(/ = /g,"=").replace(/\: /g,":").replace(/\; /g,";");gaoji1.style.left=event.x;gaoji1.style.top=event.y;gaoji1.style.display='' } }}} function rndcolor(theobjis){ colortab.style.display="";colorid.innerHTML="";str1="<table cellspacing=0 cellpadding=0>"; for(r=0;r<10;r++){str1+="<tr>" for(i=0;i<10;i++){ tempcolor1=Math.round(Math.random()*255).toString(16)+Math.round(Math.random()*255).toString(16)+Math.round(Math.random()*255).toString(16);while(tempcolor1.length<6){tempcolor1+=Math.round(Math.random()*9)} str1+="<td style='width:10;height:10;background-color:#"+tempcolor1+";' onclick="+theobjis+".value='#"+tempcolor1+"';"+theobjis+".style.color='#"+tempcolor1+"';colortab.style.display='none'></td>" }str1+="</tr>"} colorid.innerHTML=str1+"</table>" } function document.onmouseup(){ if(event.srcElement.tagName=="BUTTON"){ event.srcElement.blur();div1.focus();if(event.srcElement.className=="bon1"||event.button!=1)return true; for(i=0;i<huabi.length;i++)huabi[i].className="bon2" event.srcElement.className="bon1"; if(huabi[10].className=="bon1"){tianchong1.style.display='';tianchongbeijing.value=tianchongbeijing.value==''?huabibeijing.value:tianchongbeijing.value}else{tianchong1.style.display='none';} if(huabi[11].className=="bon1"){liti1.style.display='';litiyanse.value=litiyanse.value==''?huabibeijing.value:litiyanse.value}else{liti1.style.display='none';} if(huabi[12].className=="bon1"){biankuang1.style.display='';biankuangyanse.value=biankuangyanse.value==''?huabiyanse.value:biankuangyanse.value}else{biankuang1.style.display='none';} if(poly1!=null){ //清除记忆点 poly1.points.value=oldvalue;oldvalue="";poly1=null; };wenzi1.style.display='none';tupian1.style.display='none';gaoji1.style.display='none';menu1.style.display='none' }} function forerr(){ if(moveobj!=null&&bi==1){moveobj.style.left=xx-ckleft;moveobj.style.top=yy-cktop;ckleft=0;cktop=0;moveobj=null} if(moveobj!=null&&bi==2){ if(moveobj.tagName!="line"){moveobj.style.left=ckleft;moveobj.style.top=cktop;moveobj.style.width=ckwid;moveobj.style.height=ckhei;}else{moveobj.to=ckto;} ckleft=0;cktop=0;ckwid=0;ckhei=0;ckto="";moveobj=null } line1.style.display='none';oval1.style.display='none';rect1.style.display='none';roundrect1.style.display='none' } function charuwenzi(){ //插入文字 if(txt1.value=="")return alert('请先输入文字，在点击插入') var newtxt=document.createElement("<span style='position:absolute;z-index:"+zz+";left:"+xx+";top:"+yy+";color:"+color1+";'></span>");newtxt.innerText=txt1.value div1.appendChild(newtxt);wenzi1.style.display='none' } function charutupian(){ //插入图片 if(file1.value=="")return alert('请先输入图片路径(HTTP://或FILE:///)格式，在点击插入') if(file1.value.indexOf("'")>-1)return alert("图片地址不可以含有违禁字符 ' 单引号") var newtxt=document.createElement("<v:Image style='position:absolute;z-index:"+zz+";left:"+xx+";top:"+yy+";width:100;height:100' src='"+file1.value+"'/>"); div1.appendChild(newtxt);tupian1.style.display='none' } </script>
