推薦一個常用的WEB開發小工具包

#

HTML>
#HEAD >
#META http-equiv='內容-類型'內容='文字##/ html;字元集=gb2312'>
TITLE>工具包TITLE >
風格>
##* {字體-尺寸：12px;字體-系列：宋體}td{寬度:
180;遊標:手;文字-#對齊:居中}.n1{字型
-尺寸:18px}.n2{字體
-尺寸: 18px;字體-family:wingdings}.n3{字體
-尺寸:18px;字體-#family :wingdings 2}.n4{font
-size:18px;font# -family:wingdings 3}.n5{font
-尺寸：18px ；字型-系列：webdings}.n6{字型
-尺寸：18px；字型#-
家庭：Marlett}.n7{字體#-尺寸:18px;font-
###family:華文彩雲}###風格>
#HEAD>
#BODY onselectstart=' if(event.srcElement.tagName!="INPUT")返回 假#'捲動=# #no 樣式='margin:0;border:1 實心選單' bgcolor ='選單'>
表格樣式 ='邊框-折疊：折疊;邊框：2 純白色;' cellpadding=2# 規則#=全部> tr>td 樣式=#'寬度：100 % '
>#選擇更改 = #'change1(this.selectedIndex)' id='sel1' style='寬度：150'>Optgroup標籤##= '特殊符號與字元集'樣式='顏色：紅色'
>#########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
>## #######td>#tr##> tr>td 風格='填色：0# #'>
p風格='捲軸 #-陰影-顏色：白色；捲軸-base-顏色：選單；滾動條-#箭頭-顏色：黑色；溢出##-Y：滾動；字- 中斷：#中斷##-全部；寬度：240；高度：250#' id=# 'a'>p>
# td#>tr>表#> ;
腳本>
#var str1="",工具顏色="bbbbbb" ，移動顏色="#ffffff"
#函數 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)+"]"}
#函數
write2 (strs1,strs2 ){strs1==
160#?strss1="空格":strss1#="##&#"+strs1+";"str1+=" &#"#+ strs1+"; &"# #+strs2+"; "+strss1+" "
}
函數# change1(changeindex){
str1##= ""
開關#(更改索引){
case 0:    //中文特殊符號
str0="·ˇ´´々-～``…〔〕〈〉《》「『』』 〖〗【 】±×÷∧∨Σ∏∪∩ε∷√⊥∥∠⌒⊙∫∮≡≌≈∽∝≠≮≯￁∵∗♂°℃ □■△▲※→←↑↓〓ˊˋ˙-―‥℅℉↖↗↘↙∕∟≒≦≧⊿═╕ ╤╥╦╧ ╨╩╪╫╬╭╮╯╰╱╲╳▂▃▅▇█▉▊▋▌▍▎└▓▔┕摋用▋▔ ┑┒┓└┕┖┗┘ ┙┚┛├┝┞┟┠┡┢┣┤┥┦┧┨┩┪┫ ┬┭┮┯┰└⼔Ⳕ ╁╂╃╄╅╆╇╈╉╊ ╋︵︶︹︺︿﹀︽︾﹁︶︹︺︿︾︽﹁﹂﹃﹄︻︼︷︸︱"
#_for#for# (i=0;istr0.length#- 1;i++){ str1+=
#" "for(j=#0;j##7;j++){str1#+=" "+str0.charAt(i)#" ";i++}
str1+=" ";i--
}
break;
case 4:     //其他國家字元與符號
##str0##= "абвгдеёжзийклмнопрстуфхцчшщъыьэюяАБВГДЕЁЖЙ ńňɡㄅㄆㄇㄈㄉㄊㄋㄌㄍㄎㄏㄐㄑㄒㄓㄔㄕㄖㄗㄘㄙㄚ ㄆ㄄㄄㄄㄄ㄻ㄄㄄ㄻ㄄ ㄆ㄄ ㄧㄨㄩAaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa在你的賭注！ #=0;i
#str0.length-#1 ;i##++){str1#+ =""#for(j=#0;j##7;j++){str1#+=""##+str0.charAt(i)#+##"";i++#}str1# #+=
"";i--# #}
break
;#case
  1:    //Assic實體對照str1 ##=
"HTM表示瀏覽 VB表示 "for(i#=
1##;i384;i++){str1 ##+= " &#"##+i##+#"; &##"##+##i+"; chr(# "#+##i##+") # ＃＃「＃＃＃＃＃}＃＃ ＃＃＃休息＃＃＃＃＃＃;＃＃＃case 7#:    //wingdings 字型
str1="HTM表示常規 td> 套用字體 "
for(i=33;i###384; i+ +){str1+="# &"+i+"; &# #"+i+" ; &#"+i#+"; > ;"}
#;
案例
 8:    //wingdings 2 字體#str1="HTM表示常規 應用字體######"######################################################for(i=#33;i## 384;i##++){str1##+=##" &#"#+i##+" ##; &"+i+"; &"+ i##+"; #"}

#break;case# 9:    
//wingdings 3 字型#str1=#" HTM表示 常規 應用字體 " ##for(i=#33;i384;i++){str1+= ##" &##"#+i+"; &##"+i +"; &##"##i+"; "
＃＃＃}＃＃＃＃ ＃＃＃＃＃＃休息＃＃＃＃＃;＃＃＃case 10:    //webdings 字型
str1="HTM表示常規 td> 套用字體 "
for(i=33;i###384; i+ +){str1+="# &"+i+"; &# #"+i+" ; &#"+i#+"; > ;"}
#;
案例
 11:    //Marlett 字體 #str1=" "+
###toolcolor######+######"######'>HTM表示常規 應用字體 ######"##########for(i=48;i## 58;i++){str1+=" # &#"#+i##+" ##; &"+i+"; &"+ i##+"; #"}
#for(i=97;i 122 ;i++){str1#+=" &#"+i##+";< ;/td> &#"##+i+ #"; &"
+##i ## +"
; "##} #break;case
 12:     #// 華文著色雲字體str1=""+
toolcolor#####+######」#####'> 常規 應用字體#######"## ################################################################################for(i=#33;i## 384;i##++){str1##+=##" &#"#+i##+" ##; &"+i+"; &##"##+
# i##+"
; "}break;case
 2:    //HTML已命名實體#var str0=
"iexcl;¢£¤¥¦§¨©ª«¬­®¯°±.sup2;¬­®¯°±.sup2;¬sup2;® ;´µ¶·¸¹ºµ¶·¸¹º»¼½¾ÀÁÂÃÄÅÆ&Ccedmlig;ÃÄÅÆ&Ccedmlig; ;ÏÐÑÒÓÔÖ×ØÙÚÛÜÝÞßàáâã&aml;å ;æçÙegrave ;eacute;Ùecirc;Ùuml;Ùigrave;ûacute;Ùicirc;Ùl;ðÙntilde;Ùograve;Ùaacute;ÙÙÙÙÙ;Ùl;&pide;Ùolash;dmgrah; #".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;ΒΓΔΕΖ&Eta ;ΘΙΚΛΜΝΞΟΠΡ".split('& #')
for(i=913##;i930##;i++){str1##+= " &#"##+##i##+#"; &"#+##str0[i# -913]+" &##"+i+#"; "}str0="
Sigma;Τ&Upsilon ;&Phi ;ΧΨΩ".split('##&')# #for(i=
931#;i##938;i++){str1+="& #"+i+#"; &"+str0[i#-931]+" &##" ##+ i+"; "##}#str0="alpha;βγδε;ζηθικλμν ξοπρςστυφχψω".split('##&')
for(i#=945;i970;i++){str1##+= " &##"#+##i##+"; &"+str0[i -945]+" &##"+i+##"##; td> "}write2(977,
" thetasym");write2(#978,"upsih");write2(#982#,"piv ");write2(8226,"牛");write2( 8230,"help"##);write2(# #8242,"prime");write2(8243 ,"Prime"#);write2(8254##,##"oline");write2(8260##,## " frasl");write2(8472,"weierp");write2(8465,"image ");write2(8476#,"real" );write2(
8482,#"交易"# # );write2(8501,
"alefsym##"); str0="larr;↑→↓↔"#.split ( '&')for#(i= # 8592;i8597;i++){str1 ##+=" &#"#+ ##i ##+"; &"+str0[i-8592]+
"######< ;/td> ######"######+#######i######+##### "##### #; ######"######}###write2(8629,"crarr");
str0="lArr;⇑⇒⇓⇔".split ('&')
for(i= #8656;i8661;i##++){str1 ##+=" &#"+ i##+"##; &"##+#str0[i-8656]+"< ;/td > &#"##+#i+ "
; ######"######}###write2(8704,"forall");write2( 8706,"部分");write2(8707,"存在");write2(8709 ,"空");write2(8711##,##"nabla");write2(8712##, " isin");write2(#8713,"notin");write2(8715,"ni ");write2(8719#,"prod##" );write2(8722,#"#總和##"# #) ;write2(8722,"減");write2( 8727,"最低");write2(8730 ,"radic");write2(8733 ,"prop");write2(8734, ##"infin");write2(8736##, "ang");write2(8869,"and ");write2(8870,"#或");write2(8745,"##cap" );write2(8746,#"杯##");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#####"### ###);寫2(###8970,"lFloor");write2(8971,"rfloor");write2(9001# ,"lang");write2(#9002,#"rang");write2(9674,"loz");write2(#9824,"黑桃");write2(9827,"俱樂部");write2(9829,"##心" );write2(9830,#"diams"##) ;
break;
#case #5 :    //W3C16色對照表
str1#= " "#+toolcolor#+
## "'>效果 名稱 16游泳表示 #"str0="黑色、白色、紅色、黃色、石頭灰色、水綠色、藍色、紫紅色、灰色、銀色、栗色、橄欖色、綠色、青色、海軍藍、紫色、透明"
.split(" ,")str00="#000000,ffffff, ff0000,ffff00, 00ff00,00ffff,0000ff,ff00ff,808080,c0c0c0,800000,808000,008000,008080,000080,80001 ##",
"######)###for(i=#0;i## str0.length;i++){str1+="#tr> ; "+#str0[i]+#" '> "+str0[i]+## " #"+str00[i]#"'>##"+#str00[i]##+ " "}break
;案例
 6:    //#Windows系統色盤str1
=" ;效果1 td>效果2 名稱"str0
##" #str0##" #str0#="windowtext、windowframe、視窗、thirdshadow、buttonshadow、thirdlightshadow、thirdhighlight、thirdface、buttonface、thirddarkshadow、捲軸、menutext、選單、infotext、資訊背景、非活動標題文字、非活動標題、非活動邊框、反白文字、反白、灰色文字、標題文字、按鈕文字、按鈕反白、背景、應用程式工作空間、活動標題、活動邊框 "
###.split(######" ######,######"######)###for(i=#0;i##str0.length;i++){str1+=""+#str0[i]+#"


# #'>"##+str0[i]##+"'>Lshdic ##"
+ str0[i]+
" 」 }break;
#case 13 :    //鍵盤鍵值偵測器str1 #="
 

現在請您按下您鍵盤上的任一鍵

其鍵值會顯示在上方輸入框中"
break;case 14:    
###//#######簡易計算器## ################str1######=######"###### 

請在下邊輸入框中輸入需要計算的公式

公式如 12+64 20/5 100+(77*44)

<center><centerer><center; ;input id='txt2'>
######"##################break ######;############case###### ######15######:    #######//## ####進位轉換工具##########

for(i=#2;i##129;i++){str0##+=##" "+i;i++##}str1 =
" 

請在下邊輸入框中輸入一組數字

< ;center>
轉換為:

"+# str0+"進位
#"異常錯誤！ 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瀏覽器中直接執行
#script>
BODY#>
HTML> 

以上是推薦一個常用的WEB開發小工具包的詳細內容。更多資訊請關注PHP中文網其他相關文章！