Home > Article > WeChat Applet > Recommend a commonly used WEB development toolkit
<HTML> Now please press any key on your keyboard Please click below Enter the formula to be calculated in the input box Please enter a set of numbers in the input box below < ;center>
<HEAD>
<META http-equiv='Content-Type' content='text/html;charset=gb2312'>
<TITLE>工具包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>Chinese special symbols<option >Assic entity comparison<option>HTML named entity <option>HTML Append Named Entity<option>Words and symbols from other countriesOptgroup><Optgroup label ='Commonly used color preview table' style='color:green'><option>W3C16 color comparison table<option>Windows system color paletteOptgroup><Optgroup label= 'Graphic font set' style='color:blue'><option >Wingdings font<option>Wingdings 2 font< option>Wingdings 3Font<option> Webdings font<option>Marlett font< option>华文彩云fontOptgroup>< Optgroup label='Data Detection and Calculation' style='color:purple'>< option>Keyboard Key Detector<option>Simple Calculator<option>Hexadecimal Conversion Tool select><input style='width:80' id='txt' value='Enter value'>
td>tr><tr><td style='padding:0'>
<p 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'>p>
td>tr>table>
<script>
var str1="",toolcolor="bbbbbb",movecolor="#ffffff"
function write1(){
a.innerHTML=""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+"
"
document.title=sel1.options[sel1.selectedIndex].text+"_参考输入工具["+(sel1.selectedIndex+1)+"]"
}
function write2(strs1,strs2){
strs1==160?strss1="空格":strss1="&#"+strs1+";"
str1+=" "&#"+strs1+"; &"+strs2+"; "+strss1+"
}
function change1(changeindex){
str1=""
switch(changeindex){
case 0: //中文特殊符号
str0="·ˇ¨〃々-~‖…〔〕〈〉《》「」『』〖〗【】±×÷∧∨∑∏∪∩∈∷√⊥∥∠⌒⊙∫∮≡≌≈∽∝≠≮≯≤≥∞∵∴♂♀°℃$¤¢£‰§№☆★○●◎◇◆□■△▲※→←↑↓〓ˊˋ˙-―‥℅℉↖↗↘↙∕∟≒≦≧⊿═║╒╓╔╕╖╗╙╚╛╜╝╞╟╠╡╢╣╤╥╦╧╨╩╪╫╬╭╮╯╰╱╲╳▁▂▃▅▇█▉▊▋▌▍▎▏▓▔▕▼▽◢◣◤◥☉⊕〒‵′〝″ⅰⅱⅲⅳⅴⅵⅶⅷⅸⅹ⒈⒉⒊⒋⒌⒍⒎⒏⒐⒑⒒⒓⒔⒕⒖⒗⒘⒙⒚⒛⑴⑵⑶⑷⑸⑹⑺⑻⑼⑽⑾⑿⒀⒁⒂⒃⒄⒅⒆⒇①②③④⑤⑥⑦⑧⑨⑩㈠㈡㈢㈣㈤㈥㈦㈧㈨㈩ⅠⅡⅢⅣⅤⅥⅦⅧⅨⅩⅪⅫ─━│┃┄┅┆┇┈┉┊┋┌┍┎┏┐┑┒┓└┕┖┗┘┙┚┛├┝┞┟┠┡┢┣┤┥┦┧┨┩┪┫┬┭┮┯┰┱┲┳┴┵┶┷┸┹┺┻┼┽┾┿╀╁╂╃╄╅╆╇╈╉╊╋︵︶︹︺︿﹀︽︾﹁﹂﹃﹄︻︼︷︸︱"
for(i=0;i<str0.length-1;i++){
str1+="" ";i--
for(j=0;j<7;j++){str1+="< td>"+str0.charAt(i)+"< /td>";i++}
str1+="
}
break;
case 4: //Other national characters and symbols
str0="##абвгдеёжзийклмнопрстуфхцчшщъыьэюяАБВГДЕЁЖЗИЙКЛМНОПРСТУФХЦЧ A ǖǘǚǜüêɑńňɡㄅㄆㄇㄈㄉㄊㄋㄌㄍㄎ ㄦㄧㄨㄩAaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa! Bepe almost pomamimumeyayuyoyorarirururo waaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa "
for(i=0;i<str0.length-1;i##++){str1
+=""for(j=0;j<7;j++){str1+=" ";i--"+str0.charAt(i)+" ";i++}
str1+="
}
break;
case 1: //Assic实体对照
str1=""+toolcolor+"'> "HTM表示 浏览 VB表示
for(i=1;i<384;i++){str1+=" "}&#"+i+"; &#"+i+"; chr("+i+")
break;
case 7: //wingdings字体
str1=""+toolcolor+"'> "HTM表示 常规 应用字体
for(i=33;i<384;i++){str1+=" "}&#"+i+"; &#"+i+"; &#"+i+";
break;
case 8: //wingdings 2字体
str1=""+toolcolor+"'> "HTM表示 常规 应用字体
for(i=33;i<384;i++){str1+=" "}&#"+i+"; &#"+i+"; &#"+i+";
break;
case 9: //wingdings 3字体
str1=""+toolcolor+"'> "HTM表示 常规 应用字体
for(i=33;i<384;i++){str1+=" "}&#"+i+"; &#"+i+"; &#"+i+";
break;
case 10: //webdings字体
str1=""+toolcolor+"'> "HTM表示 常规 应用字体
for(i=33;i<384;i++){str1+=" "}&#"+i+"; &#"+i+"; &#"+i+";
break;
case 11: //Marlett字体
str1=""+toolcolor+"'> "HTM表示 常规 应用字体
for(i=48;i<58;i++){str1+=" "}&#"+i+"; &#"+i+"; &#"+i+";
for(i=97;i<122;i++){str1+=" "}&#"+i+"; &#"+i+"; &#"+i+";
break;
case 12: //华文彩云字体
str1=""+toolcolor+"'> "HTM表示 常规 应用字体
for(i=33;i<384;i++){str1+=" "}&#"+i+"; &#"+i+"; &#"+i+";
break;
case 2: //HTML已命名实体
var str0="iexcl;¢£¤¥¦§¨©ª«¬®¯°±²³´µ¶·¸¹º»¼½¾¿ÀÁÂÃÄÅÆÇÈÉÊËÌÍÎÏÐÑÒÓÔÕÖ×ØÙÚÛÜÝÞßàáâãäåæçèéêëìíîïðñòóôõö&pide;øùúûüýþÿ".split('&')
str1=""+toolcolor+"'> "HTM表示 命名 浏览
write2(34,"quot");write2(38,"amp");write2(60,"lt");write2(62,"gt");write2(160,"nbsp");
for(i=161;i<256;i++){str1+=" "}&#"+i+"; &"+str0[i-161]+" &#"+i+";
break;
case 3: //HTML附加命名实体
str1=""+toolcolor+"'> "HTM表示 命名 浏览
write2(402,"fnof");
var str0="Alpha;ΒΓΔΕΖΗΘΙΚΛΜΝΞΟΠΡ".split('&')
for(i=913;i<930;i++){str1+=" "}&#"+i+"; &"+str0[i-913]+" &#"+i+";
str0="Sigma;ΤΥΦΧΨΩ".split('&')
for(i=931;i<938;i++){str1+=" "}&#"+i+"; &"+str0[i-931]+" &#"+i+";
str0="alpha;βγδεζηθικλμνξοπρςστυφχψω".split('&')
for(i=945;i<970;i++){str1+=" "}&#"+i+"; &"+str0[i-945]+" &#"+i+";
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+=" "}&#"+i+"; &"+str0[i-8592]+" &#"+i+";
write2(8629,"crarr");
str0="lArr;⇑⇒⇓⇔".split('&')
for(i=8656;i<8661;i++){str1+=" "}&#"+i+"; &"+str0[i-8656]+" &#"+i+";
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=""+toolcolor+"'> "效果 名称 16进制表示
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+=" "}"+str0[i]+"'> "+str0[i]+" #"+str00[i]+"'>#"+str00[i]+"
break;
case 6: //Windows系统色盘
str1=""+toolcolor+"'> "效果1 效果2 名称
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+=" " }Lshdic "+ str0[i]+"
break;
case 13 : //Keyboard key value detector
str1="
break##;
case 14: //Simple Calculator
str1="
break ;
case 15: //Hexadecimal conversion toolfor(i=2;i<129;i++){str0+=""+i;i++}
str1 ="
Convert to:
"
# break;
}
write1()
}
function document.onkeydown(){ //When the page key is pressed
if(sel1 .selectedIndex==13){ //Detect whether the keyboard key value detector is turned on
txt.value=event.keyCode;event.keyCode=0;event.returnValue=false;
}}
temp1=location.href //Initialization startup part (additional URL parameters can control the pre-selected list, form For example, xxx.htm?xxx=*, where * should be a number between 0-12, used to match the default startup call of the Lshdic2005 software accessory tool)
try{sel1.options[temp1.substr(temp1.indexOf('=')+1)].selected=true;sel1.onchange()
}catch(e){
sel1.onchange()
}
//this The plug-in program can be run directly in the WEB browser
##script>
##BODY>
# #HTML>
The above is the detailed content of Recommend a commonly used WEB development toolkit. For more information, please follow other related articles on the PHP Chinese website!