📄 viewimages.html
字号:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html><head> <title>JTidy Images Test</title> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"></meta> <meta name="author" content="Vlad Skarzhevskyy"></meta> <meta name="email" content="vlads(at)users.sourceforge.net"></meta></head><body onLoad="buildOptions();"><script type="text/javascript">function setNewBgColor() { var s = document.getElementById("bgColorSelect"); document.bgColor = s.options[s.selectedIndex].value;}function addOption(txt) { var s = document.getElementById('bgColorSelect'); var oOption = document.createElement("OPTION"); s.options.add(oOption); oOption.value = txt; oOption.text = txt; s.selectedIndex = 0;}var HTML4color = new Array("aqua", "black", "blue", "fuchsia", "gray", "green", "lime", "maroon", "navy", "olive", "purple", "red", "silver", "teal", "white", "yellow");function buildOptions() { for(var i in HTML4color) { addOption(HTML4color[i]); }}</script><script type="text/javascript">function onchangeSpanColor() { r = document.getElementById('R').value; g = document.getElementById('G').value; b = document.getElementById('B').value; t = document.getElementById('t1'); t.style.background = "#" + r + g + b;}function toHex(N) { if (N==null) return "00"; N = parseInt(N); if (N == 0 || isNaN(N)) return "00"; N = Math.max(0,N); N = Math.min(N,255); N = Math.round(N); return "0123456789ABCDEF".charAt((N-N%16)/16) + "0123456789ABCDEF".charAt(N%16);}function nextRGB(el, inc) { var i = inc + parseInt(el.value, 16); el.value = toHex(i); onchangeSpanColor();}function nextR(inc) { nextRGB(document.getElementById('R'), inc);}function nextG(inc) { nextRGB(document.getElementById('G'), inc);}function nextB(inc) { nextRGB(document.getElementById('B'), inc);}</script><FORM id="bgColorForm" action=""> span.bgColor: R: <INPUT type='button' value='<'onclick='nextR(-1);this.blur();'> <INPUT type='text' id="R" size=2 MAXLENGTH=2 value='F0' onchange='onchangeSpanColor();'> <INPUT type='button' value='>' onclick='nextR(1);this.blur();'> G: <INPUT type='button' value='<'onclick='nextG(-1);this.blur();'> <INPUT type='text' id="G" size=2 MAXLENGTH=2 value='DF' onchange='onchangeSpanColor();'> <INPUT type='button' value='>' onclick='nextG(1);this.blur();'> B: <INPUT type='button' value='<'onclick='nextB(-1);this.blur();'> <INPUT type='text' id="B" size=2 MAXLENGTH=2 value='DF' onchange='onchangeSpanColor();'> <INPUT type='button' value='>' MAXLENGTH=2 onclick='nextB(1);this.blur();'><br><span id="t1"> Test line number one </span><br><span id="t2" style="background: #F0C8C8;"> Test line number two </span><script type="text/javascript">onchangeSpanColor();</script><BR><BR> document.bgColor: <SELECT id="bgColorSelect" onChange="setNewBgColor();"> <OPTION SELECTED value="white">white</OPTION> </SELECT></FORM> <table> <thead> <tr><th>Image</th><th>File Name</th></tr> </thead> <tbody> <tr><td><img alt="" src="jtidy_html_32x26_ok.png"></img></td><td>jtidy_html_32x26_ok.png</td></tr> <tr><td><img alt="" src="jtidy_html_32x26_warning.png"></img></td><td>jtidy_html_32x26_warning.png</td></tr> <tr><td><img alt="" src="jtidy_html_32x26_error.png"></img></td><td>jtidy_html_32x26_error.png</td></tr> <tr><td><img alt="" src="jtidy_html_32x26_unknown.png"></img></td><td>jtidy_html_32x26_unknown.png</td></tr> </tbody> </table><!-- <table> <thead> <tr><th>Image</th><th>File Name</th></tr> </thead> <tbody> <tr><td><img alt="" src="jtidy_html_32x26_ok.gif"></img></td><td>jtidy_html_32x26_ok.gif</td></tr> <tr><td><img alt="" src="jtidy_html_32x26_warning.gif"></img></td><td>jtidy_html_32x26_warning.gif</td></tr> <tr><td><img alt="" src="jtidy_html_32x26_error.gif"></img></td><td>jtidy_html_32x26_error.gif</td></tr> <tr><td><img alt="" src="jtidy_html_32x26_unknown.gif"></img></td><td>jtidy_html_32x26_unknown.gif</td></tr> </tbody> </table> <table> <thead> <tr><th>Image</th><th>File Name</th></tr> </thead> <tbody> <tr><td><img alt="" src="jtidy_html_32x26_ok.ico"></img></td><td>jtidy_html_32x26_ok.ico</td></tr> <tr><td><img alt="" src="jtidy_html_32x26_warning.ico"></img></td><td>jtidy_html_32x26_warning.ico</td></tr> <tr><td><img alt="" src="jtidy_html_32x26_error.ico"></img></td><td>jtidy_html_32x26_error.ico</td></tr> <tr><td><img alt="" src="jtidy_html_32x26_unknown.ico"></img></td><td>jtidy_html_32x26_unknown.ico</td></tr> </tbody> </table>--> <table> <thead> <tr><th>Image</th><th>File Name</th></tr> </thead> <tbody> <tr><td><img alt="" src="jtidy_html_13x13_ok.png"></img></td><td>jtidy_html_13x13_ok.png</td></tr> <tr><td><img alt="" src="jtidy_html_13x13_warning.png"></img></td><td>jtidy_html_13x13_warning.png</td></tr> <tr><td><img alt="" src="jtidy_html_13x13_error.png"></img></td><td>jtidy_html_13x13_error.png</td></tr> <tr><td><img alt="" src="jtidy_html_13x13_unknown.png"></img></td><td>jtidy_html_13x13_unknown.png</td></tr> </tbody> </table><!-- <table> <thead> <tr><th>Image</th><th>File Name</th></tr> </thead> <tbody> <tr><td><img alt="" src="jtidy_html_13x13_ok.gif"></img></td><td>jtidy_html_13x13_ok.gif</td></tr> <tr><td><img alt="" src="jtidy_html_13x13_warning.gif"></img></td><td>jtidy_html_13x13_warning.gif</td></tr> <tr><td><img alt="" src="jtidy_html_13x13_error.gif"></img></td><td>jtidy_html_13x13_error.gif</td></tr> <tr><td><img alt="" src="jtidy_html_13x13_unknown.gif"></img></td><td>jtidy_html_13x13_unknown.gif</td></tr> </tbody> </table> <table> <thead> <tr><th>Image</th><th>File Name</th></tr> </thead> <tbody> <tr><td><img alt="" src="jtidy_html_13x13_ok.ico"></img></td><td>jtidy_html_13x13_ok.ico</td></tr> <tr><td><img alt="" src="jtidy_html_13x13_warning.ico"></img></td><td>jtidy_html_13x13_warning.ico</td></tr> <tr><td><img alt="" src="jtidy_html_13x13_error.ico"></img></td><td>jtidy_html_13x13_error.ico</td></tr> <tr><td><img alt="" src="jtidy_html_13x13_unknown.ico"></img></td><td>jtidy_html_13x13_unknown.ico</td></tr> </tbody> </table>--></body></html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -