DHTML 打造 Picture Spelling_Web开发_学习笔记★闵涛★计算机学习电脑编程软硬件技巧


	转至繁体中文版	\| 网站首页 \| 图文教程 \| 资源下载 \| 站长博客 \| 图片素材 \| 武汉seo \| 武汉网站优化 \|

最新公告：

敏韬网|教学资源学习资料永久免费分享站！ [mintao 2008年9月2日]

	您现在的位置：学习笔记 >> 图文教程 >> 站长学院 >> Web开发 >> 正文

DHTML 打造 Picture Spelling

热 ★★★★

DHTML 打造 Picture Spelling

作者：闵涛文章来源：闵涛的学习笔记点击数：1314 更新时间：2009/4/23 11:11:21

不用切图，只要设置基本的图片及其属性即可！

用鼠标右键控制图片翻转！

<style> *{ FONT-SIZE: 12px; } select { width: 100px; BACKGROUND-COLOR: #eeeeee; } div { padding: 2px; } </style> <script language="JavaScript1.2"> /* This following code are designed and writen by Windy_sk <seasonx@163.net> You can use it freely, but u must held all the copyright items! */ var ie = (document.getElementById && document.all); var ns = (document.getElementById && !document.all); function GetRndNum(Min,Max){ var Range = Max - Min; var Rand = Math.random(); return(Min + Math.round(Rand * Range)); } function PicItem(pic, width, height) { this.img = new Image(); this.pic = pic; this.width = width; this.height = height; } var Pic_list = new Array(); var n=0, Pic_cur=0, Clips=3; Pic_list[n++] = new PicItem("http://www.mbavoice.net/windy/clip/pic0001.jpg", 430, 261); Pic_list[n++] = new PicItem("http://www.mbavoice.net/windy/clip/pic0002.jpg", 430, 331); Pic_list[n++] = new PicItem("http://www.mbavoice.net/windy/clip/pic0003.jpg", 430, 378); Pic_list[n++] = new PicItem("http://www.mbavoice.net/windy/clip/pic0004.jpg", 430, 514); Pic_list[n++] = new PicItem("http://www.mbavoice.net/windy/clip/pic0005.jpg", 430, 255); Pic_list[n++] = new PicItem("http://www.mbavoice.net/windy/clip/pic0006.jpg", 430, 450); Pic_list[n++] = new PicItem("http://www.mbavoice.net/windy/clip/pic0007.jpg", 430, 386); Pic_list[n++] = new PicItem("http://www.mbavoice.net/windy/clip/pic0008.jpg", 430, 386); Pic_list[n++] = new PicItem("http://www.mbavoice.net/windy/clip/pic0009.jpg", 430, 441); Pic_list[n++] = new PicItem("http://www.mbavoice.net/windy/clip/pic0010.jpg", 430, 472); var Pic_clip_all = new Array(); var Pic_clip = document.createElement("div"); var Layer_cur = null; var pX = 0 ; pY = 0; Zidx = 1; Pic_clip.innerHTML = "<img src='' border='0' style='top:0px;left:0px;position:relative' />"; Pic_clip.style.cssText = "background-color:white; cursor:pointer; position:absolute; overflow: hidden; padding:0px; border:1px black solid; zIndex:" + Zidx; var the_width=100, the_height=100, Clip_num=0; var Flip_list = ["FlipV", "FlipV FlipH", "FlipH", "",]; var Zwidth = screen.width * 0.8, Zheight = screen.height * 0.8 , Zrate=0; function ChangeMode(idx) { for(var i=0; i<Pic_clip_all.length; i++) { for(var j=0; j<Pic_clip_all[i].length; j++) { Pic_clip_all[i][j].parentNode.removeChild(Pic_clip_all[i][j]); } } var if_zoom = document.getElementById("zoom").checked; if(if_zoom) { the_width = Math.floor(Zwidth *(Zrate>1?1:Zrate)/idx); the_height = Math.floor(Zheight/(Zrate>1?Zrate:1)/idx); } else { the_width = Math.floor(Pic_list[Pic_cur].width/idx); the_height = Math.floor(Pic_list[Pic_cur].height/idx); } Pic_clip_all = new Array(idx); Clip_num = Math.pow(idx, 2); for(i=0; i<idx; i++) { Pic_clip_all[i] = new Array(idx); for(j=0; j<idx; j++) { Pic_clip_all[i][j] = Pic_clip.cloneNode(true); with(Pic_clip_all[i][j].style) { width = the_width; height = the_height; top = GetRndNum(100, 400); left = GetRndNum(100, 600); } with(Pic_clip_all[i][j]) { if(if_zoom) { firstChild.width = Math.floor(Zwidth *(Zrate>1?1:Zrate)); firstChild.height = Math.floor(Zheight/(Zrate>1?Zrate:1)); } id = "clip_" + i + "_" + j; if(ie) { onmousedown = new Function("if(this.snap=='yes')return; this.style.zIndex=Zidx++; Layer_cur=this; pX=event.clientX-this.offsetLeft; pY=event.clientY-this.offsetTop;"); oncontextmenu = new Function("event.returnValue=false; if(this.snap=='yes')return; var flip_idx=(parseInt(this.flip_idx)+1)%4; this.style.filter=Flip_list[flip_idx]; this.flip_idx=flip_idx;"); firstChild.src = Pic_list[Pic_cur].pic; firstChild.style.pixelLeft = - j * the_width; firstChild.style.pixelTop = - i * the_height; Pic_clip_all[i][j].flip_idx = 0; if(flip.checked) { var rnd = GetRndNum(0,7); if(rnd<4) { style.filter=Flip_list[rnd]; Pic_clip_all[i][j].flip_idx = rnd; } } } else { onmousedown = function(e){ if(e.target.parentNode.snap=='yes')return; e.target.parentNode.style.zIndex = Zidx++; Layer_cur = e.target.parentNode; if(Layer_cur.snap=="yes") return; pX=e.clientX-Layer_cur.offsetLeft; pY=e.clientY-Layer_cur.offsetTop; }; } } document.body.appendChild(Pic_clip_all[i][j]); if(ns) { with(Pic_clip_all[i][j].firstChild) { src = Pic_list[Pic_cur].pic; style.left = - j * the_width; style.top = - i * the_height; style.position = "relative"; } } } } document.getElementById("Board").innerHTML = ""; BuildTbl(document.getElementById("Board")); return; } function BuildTbl(obj) { var the_Tbl = document.createElement("table"); the_Tbl.id = "Spl_Board"; the_Tbl.border = 1; the_Tbl.style.cssText = "padding:0px; border-collapse:collapse;background-color:#000000"; if(document.getElementById("zoom").checked) { the_Tbl.style.width = Math.floor(Zwidth *(Zrate>1?1:Zrate)); the_Tbl.style.height = Math.floor(Zheight/(Zrate>1?Zrate:1)); } else { the_Tbl.style.width = Pic_list[Pic_cur].width; the_Tbl.style.height = Pic_list[Pic_cur].height; } for(var i=0; i<Clips; i++) { var the_row = the_Tbl.insertRow(i); for(var j=0; j<Clips; j++) { var the_cell = the_row.insertCell(j); the_cell.style.width = the_width; the_cell.style.height = the_height; the_cell.mark = "clip_" + i + "_" + j; } } obj.appendChild(the_Tbl); return; } function PicAdd(the_pic, pic_width, pic_height) { the_pic = the_pic.replace(/\\/g,"/"); if(!ie) the_pic = "file:///" + the_pic; Pic_list[n] = new PicItem(the_pic, pic_width, pic_height); var the_Sel = document.getElementById("sel").lastChild; the_Sel.options[the_Sel.options.length] = new Option(Pic_list[n].pic.replace(/^(.*)?\/([^\/]*)$/,"$2")); the_Sel.selectedIndex = Pic_cur = n++; PicChg(); } function PicChg() { var the_img = "<img "; the_img += "src='"+Pic_list[Pic_cur].pic+"' "; Zrate = (Pic_list[Pic_cur].width/Pic_list[Pic_cur].height) / (4/3); if( Zrate > 1 ) { the_img += "width='100%' "; } else { the_img += "height='100%' "; } the_img += "/>"; document.getElementById("show").innerHTML = the_img; } function PicSel(obj) { var the_Sel = document.createElement("select"); the_Sel.id = "Pic_Sel"; for(var i=0; i<n; i++) { the_Sel.options[i] = new Option(Pic_list[i].pic.replace(/^(.*)?\/([^\/]*)$/,"$2")); } the_Sel.onchange = new Function("Pic_cur=this.selectedIndex;PicChg()"); obj.appendChild(the_Sel); return; } function ModeSel(obj) { var the_Sel = document.createElement("select"); the_Sel.id = "Mode_Sel"; for(var i=3; i<=6; i++) { the_Sel.options[i-3] = new Option(i + " * " +i); } the_Sel.onchange = new Function("Clips=this.selectedIndex+3"); obj.appendChild(the_Sel); return; } function get_Pos(the_obj){ the_top = the_obj.offsetTop - document.body.scrollTop; the_left = the_obj.offsetLeft - document.body.scrollLeft; the_obj = the_obj.offsetParent; while(the_obj){ the_top += the_obj.offsetTop; the_left += the_obj.offsetLeft; the_obj = the_obj.offsetParent; } this.top = the_top; this.left = the_left; } function isBetween(numMin, numCheck, numMax) { return (numMin<numCheck && numCheck<numMax); } function GetCell(x, y) { var Spl_Board = document.getElementById("Spl_Board"); for(var i=0; i<Spl_Board.rows.length; i++) { var the_row = Spl_Board.rows[i]; for(var j=0; j<the_row.cells.length; j++) { var the_cell = the_row.cells[j]; pos = new get_Pos(the_cell); if(isBetween(0, y-pos["top"], the_cell.offsetHeight) && isBetween(0, x-pos["left"], the_cell.offsetWidth)) { return the_cell; } } } return false; } function showTbl(e) { if(ie) e = event; var the_tbl = document.getElementById("tbl"); if(the_tbl.style.display == "none") { the_tbl.style.display = ""; } else { the_tbl.style.display = "none"; } return; } var Color_list = ["#ffffff","#eeeeee","#dddddd","#cccccc","#bbbbbb","#aaaaaa","#999999","#888888","#777777","#666666","#555555","#444444","#333333","#222222","#111111","#000000"]; var CurIdx = 0; function flashTbl() { var Spl_Board = document.getElementById("Spl_Board"); Spl_Board.style.backgroundColor = Color_list[CurIdx++]; if(CurIdx==Color_list.length) { CurIdx = 0; } else { setTimeout("flashTbl()",25); } return; } window.onload = function() { PicSel(document.getElementById("sel")); ModeSel(document.getElementById("mode")); PicChg(); for(var i=0; i<n; i++) { Pic_list[i].img.src = Pic_list[i].pic; } if(ns) document.getElementById('tbl').style.position=""; } if(ns) window.captureEvents(Event.MOUSEMOVE|Event.MOUSEUP) document.onmousemove = function(e) { if(ie) e = event; if(Layer_cur != null) { var the_top = e.clientY - pY; var the_left = e.clientX - pX; Layer_cur.style.top = the_top>0?the_top:0; Layer_cur.style.left = the_left>0?the_left:0; if(ie) Layer_cur.setCapture(); } } document.onmouseup = function(e){ if(ie) e = event; if(Layer_cur != null) { if(Layer_cur.id != "tbl") { the_cell = GetCell(e.clientX, e.clientY); if(the_cell) { if(the_cell.mark == Layer_cur.id) { Layer_cur.style.position = "static"; if(ie) Layer_cur.style.filter = ""; the_cell.appendChild(Layer_cur); Layer_cur.snap = "yes"; flashTbl(); Clip_num--; if(Clip_num == 0) alert("Victory !"); } } } if(ie) Layer_cur.releaseCapture(); Layer_cur = null; pX = pY = 0; } } document.onkeypress = function(e) { if(ie) e = event; var keycode = e.keyCode; if(keycode == 27){ showTbl(); } } document.onselectstart = new Function("return false"); </script> <body bgcolor="#ffffee"> <div align=center>Pleas</p><p align='center'><b><font color='red'>[1]</font> <a href='ShowArticle.asp?ArticleID=16432&Page=2'>[2]</a> <a href='ShowArticle.asp?ArticleID=16432&Page=2'>下一页</a></b></p><br>[<a class="" href="/Article/ShowClass.asp?ClassID=115">网页制作</a>]<a class='LinkArticleCorrelative' href='/Article/ShowArticle.asp?ArticleID=30342' title='文章标题：CSS打造经典鼠标触发显示选项作者：武汉SEO闵涛更新时间：2009/6/9 2:31:39' target="_self">CSS打造经典鼠标触发显示选项</a> [<a class="" href="/Article/ShowClass.asp?ClassID=115">网页制作</a>]<a class='LinkArticleCorrelative' href='/Article/ShowArticle.asp?ArticleID=19703' title='文章标题：Fireworks打造精美导航效果作者：武汉SEO闵涛更新时间：2009/4/23 13:35:39' target="_self">Fireworks打造精美导航效果</a><br>[<a class="" href="/Article/ShowClass.asp?ClassID=115">网页制作</a>]<a class='LinkArticleCorrelative' href='/Article/ShowArticle.asp?ArticleID=19699' title='文章标题：Fireworks打造标签式网页导航条作者：武汉SEO闵涛更新时间：2009/4/23 13:35:35' target="_self">Fireworks打造标签式网页导航条</a> [<a class="" href="/Article/ShowClass.asp?ClassID=115">网页制作</a>]<a class='LinkArticleCorrelative' href='/Article/ShowArticle.asp?ArticleID=19234' title='文章标题：打造 CG 人物漂亮眼眸作者：武汉SEO闵涛更新时间：2009/4/23 13:08:30' target="_self">打造 CG 人物漂亮眼眸</a><br>[<a class="" href="/Article/ShowClass.asp?ClassID=115">网页制作</a>]<a class='LinkArticleCorrelative' href='/Article/ShowArticle.asp?ArticleID=18361' title='文章标题：Dhtml 属性编程之原创笔记作者：武汉SEO闵涛更新时间：2009/4/23 12:14:02' target="_self">Dhtml 属性编程之原创笔记</a> [<a class="" href="/Article/ShowClass.asp?ClassID=114">Web开发</a>]<a class='LinkArticleCorrelative' href='/Article/ShowArticle.asp?ArticleID=18289' title='文章标题：利用PHP+JavaScript打造AJAX搜索窗作者：武汉SEO闵涛更新时间：2009/4/23 11:32:53' target="_self">利用PHP+JavaScript打造AJAX搜索窗</a><br>[<a class="" href="/Article/ShowClass.asp?ClassID=114">Web开发</a>]<a class='LinkArticleCorrelative' href='/Article/ShowArticle.asp?ArticleID=18265' title='文章标题：加快 DHTML 的一组技巧作者：武汉SEO闵涛更新时间：2009/4/23 11:32:20' target="_self">加快 DHTML 的一组技巧</a> [<a class="" href="/Article/ShowClass.asp?ClassID=114">Web开发</a>]<a class='LinkArticleCorrelative' href='/Article/ShowArticle.asp?ArticleID=18126' title='文章标题：JavaScript与DHTML技术作者：武汉SEO闵涛更新时间：2009/4/23 11:30:15' target="_self">JavaScript与DHTML技术</a><br>[<a class="" href="/Article/ShowClass.asp?ClassID=114">Web开发</a>]<a class='LinkArticleCorrelative' href='/Article/ShowArticle.asp?ArticleID=17704' title='文章标题：ArcIMS学习之 HTML Viewer笔记：动态效果DHTML 作者：武汉SEO闵涛更新时间：2009/4/23 11:25:59' target="_self">ArcIMS学习之 HTML Viewer笔记：动态效果DHTML</a> [<a class="" href="/Article/ShowClass.asp?ClassID=114">Web开发</a>]<a class='LinkArticleCorrelative' href='/Article/ShowArticle.asp?ArticleID=17232' title='文章标题：XML行为-新的DHTML? 作者：武汉SEO闵涛更新时间：2009/4/23 11:17:57' target="_self">XML行为-新的DHTML?</a><br> <script type="text/javascript"> /*728*90，创建于2010-9-16*/ var cpro_id = 'u203664';</script> <script type="text/javascript" src="http://cpro.baidu.com/cpro/ui/c.js"></script> <script language=javascript> document.body.oncopy=function(){ event.returnValue=false; var t=document.selection.createRange().text; var s=" 来源:[学习笔记★闵涛★计算机学习电脑编程软硬件技巧-Web开发] "+location.href; window.clipboardData.setData('Text', t+'\r\n'+s); } </script><center></center></td></tr> <tr><td height="10"></td></tr> <tr><td align='right' class="Article_tdbgall">教程录入：mintao 责任编辑：mintao </td></tr> <tr><td height="1" background="/Skin/sealove/line01.gif"></td></tr> <tr><td height="6"></td></tr> <tr><td><li>上一篇教程： <a class='LinkPrevArticle' href='/Article/ShowArticle.asp?ArticleID=16431' title='文章标题：DHTML 各种 HTML 对象常用属性作者：武汉SEO闵涛更新时间：2009/4/23 11:11:20'>DHTML 各种 HTML 对象常用属性</a></li><br><li>下一篇教程： <a class='LinkNextArticle' href='/Article/ShowArticle.asp?ArticleID=16433' title='文章标题：HTML 表格特效整理作者：武汉SEO闵涛更新时间：2009/4/23 11:11:21'>HTML 表格特效整理</a></li></td></tr> <tr><td height="6"></td></tr> <tr><td height="1" bgcolor="#CCCCCC"></td></tr> <tr><td height="22" bgcolor="#F2F2F2" align="right">【字体：<a href="javascript:fontZoomA();" class="top_UserLogin">小</a> <a href="javascript:fontZoomB();" class="top_UserLogin">大</a>】【<a href="/Article/Comment.asp?ArticleID=16432" target="_blank">发表评论</a>】【<a href="/User/User_Favorite.asp?Action=Add&ChannelID=1&InfoID=16432" target="_blank">加入收藏</a>】【<a href="/Article/SendMail.asp?ArticleID=16432" target="_blank">告诉好友</a>】【<a href="/Article/Print.asp?ArticleID=16432" target="_blank">打印此文</a>】【<a href="javascript:window.close();">关闭窗口</a>】 </td></tr> <tr><td height="1" bgcolor="#CCCCCC"></td></tr> </table> <table width="100%" align="center" border="0" cellpadding="0" cellspacing="0"> <tr><td height="25">　<img src="/Images/TEAM.gif" align="absmiddle"> 注：本站部分文章源于互联网，版权归原作者所有！如有侵权，请原作者与本站联系，本站将立即删除！本站文章除特别注明外均可转载，但需注明出处！ [MinTao学以致用网] </td></tr> <tr><td height="25">　<img src="/Images/TEAM.gif" align="absmiddle">　<b>网友评论：</b>（只显示最新10条。评论内容只代表网友观点，与本站立场无关！）</td></tr> <tr><td class="main_tdbg_760"> <script language='javascript' src='/Article/Comment.asp?Action=JS&CommentNum=10&ArticleID=16432'></script> </td></tr> </table><br> </td> </tr> </table> </td> <td width="5"></td> <td width="1" bgcolor="#EEEEEE"></td> <td width="5"></td> <td width="170" valign="top"> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr><td width="33" height="28"><img src="/Skin/sealove/Column01_L.gif"></td> <td background="/Skin/sealove/Column01_BG.gif" style="color:#FFFFFF"><b>同类栏目</b></td> <td width="10"><img src="/Skin/sealove/Column01_R.gif"></td> </tr> </table> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr><td width="1" bgcolor="#AAAAAA"></td> <td valign="top"> <table width="96%" align="center" border="0" cellpadding="0" cellspacing="0"> <tr><td height="70" valign="top">· <a class='childclass' href='/Article/ShowClass.asp?ClassID=114' target="_self">Web开发</a> · <a class='childclass' href='/Article/ShowClass.asp?ClassID=115' target="_self">网页制作</a><br>· <a class='childclass' href='/Article/ShowClass.asp?ClassID=27' target="_self">平面设计</a> · <a class='childclass' href='/Article/ShowClass.asp?ClassID=28' target="_self">网站运营</a><br>· <a class='childclass' href='/Article/ShowClass.asp?ClassID=29' target="_self">网站推广</a> · <a class='childclass' href='/Article/ShowClass.asp?ClassID=30' target="_self">搜索优化</a><br>· <a class='childclass' href='/Article/ShowClass.asp?ClassID=116' target="_self">建站心得</a> · <a class='childclass' href='/Article/ShowClass.asp?ClassID=117' target="_self">站长故事</a><br>· <a class='childclass' href='/Article/ShowClass.asp?ClassID=66' target="_self">互联动态</a></td></tr> </table> </td> <td width="1" bgcolor="#AAAAAA"></td> </tr> </table> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr><td width="6" height="23"><img src="/Skin/sealove/Column01_Lb.gif"></td> <td background="/Skin/sealove/Column01_BGb.gif" align="right"><img src="/Skin/sealove/More01.gif" border="0" alt="更多内容"></td> <td width="6"><img src="/Skin/sealove/Column01_Rb.gif"></td> </tr> <tr><td colspan="3" height="8"><img src="/Skin/sealove/space.gif"></td></tr> </table> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr><td width="14" height="28"><img src="/Skin/sealove/Column02_L.gif"></td> <td background="/Skin/sealove/Column02_BG.gif" style="color:#0099BB"><b>热门推荐</b></td> <td width="45" background="/Skin/sealove/Column02_BG.gif" align="right"><a href="/Article/ShowElite.asp"><img src="/Skin/sealove/More01.gif" border="0" alt="更多内容"></a></td> <td width="10"><img src="/Skin/sealove/Column02_R.gif"></td> </tr> </table> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr><td width="7" background="/Skin/sealove/Column02_Lc.gif"></td> <td valign="top"> <table width="96%" align="center" border="0" cellpadding="0" cellspacing="0"> <tr><td height="80" valign="top"><li>没有教程</li></td></tr> </table> </td> <td width="7" background="/Skin/sealove/Column02_Rc.gif"></td> </tr> </table> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr><td width="8" height="7"><img src="/Skin/sealove/Column02_Lb.gif"></td> <td background="/Skin/sealove/Column02_BGb.gif"><img src="/Skin/sealove/space.gif"></td> <td width="8"><img src="/Skin/sealove/Column02_Rb.gif"></td> </tr> <tr><td colspan="3" height="8"><img src="/Skin/sealove/space.gif"></td></tr> </table> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr><td width="33" height="28"><img src="/Skin/sealove/Column01_L.gif"></td> <td background="/Skin/sealove/Column01_BG.gif" style="color:#FFFFFF"><b>赞助链接</b></td> <td width="10"><img src="/Skin/sealove/Column01_R.gif"></td> </tr> </table> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr><td width="1" bgcolor="#AAAAAA"></td> <td valign="top"> <table width="98%" align="center" border="0" cellpadding="0" cellspacing="0"> <tr><td height="600" valign="top"> <script type="text/javascript"> /*160*600，创建于2010-9-16*/ var cpro_id = 'u203713';</script> <script type="text/javascript" src="http://cpro.baidu.com/cpro/ui/c.js"></script> </td></tr> </table> </td> <td width="1" bgcolor="#AAAAAA"></td> </tr> </table> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr><td width="6" height="23"><img src="/Skin/sealove/Column01_Lb.gif"></td> <td background="/Skin/sealove/Column01_BGb.gif" align="right"><img src="/Skin/sealove/More01.gif" border="0" alt="更多内容"></td> <td width="6"><img src="/Skin/sealove/Column01_Rb.gif"></td> </tr> <tr><td colspan="3" height="8"><img src="/Skin/sealove/space.gif"></td></tr> </table> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr><td width="14" height="28"><img src="/Skin/sealove/Column02_L.gif"></td> <td background="/Skin/sealove/Column02_BG.gif" style="color:#0099BB"><b><a href="http://www.mintao.net/blog/" target="_blank">闵涛</a>博文</b></td> <td width="45" background="/Skin/sealove/Column02_BG.gif" align="right"><a href="/blog/"><img src="/Skin/sealove/More01.gif" border="0" alt="更多关于武汉SEO的内容"></a></td> <td width="10"><img src="/Skin/sealove/Column02_R.gif"></td> </tr> </table> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr><td width="7" background="/Skin/sealove/Column02_Lc.gif"></td> <td valign="top"> <table width="96%" align="center" border="0" cellpadding="0" cellspacing="0"> <tr><td height="80" valign="top"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"/> <title>500 - 内部服务器错误。</title> <style type="text/css">  </style> </head> <body> <div id="header"><h1>服务器错误</h1></div> <div id="content"> <div class="content-container"><fieldset> <h2>500 - 内部服务器错误。</h2> <h3>您查找的资源存在问题，因而无法显示。</h3> </fieldset></div> </div> </body> </html> </td></tr> </table> </td> <td width="7" background="/Skin/sealove/Column02_Rc.gif"></td> </tr> </table> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr><td width="8" height="7"><img src="/Skin/sealove/Column02_Lb.gif"></td> <td background="/Skin/sealove/Column02_BGb.gif"><img src="/Skin/sealove/space.gif"></td> <td width="8"><img src="/Skin/sealove/Column02_Rb.gif"></td> </tr> <tr><td colspan="3" height="8"><img src="/Skin/sealove/space.gif"></td></tr> </table> </td> <td width="5"></td> <td width="8" background="/Skin/sealove/Main_Right.gif"></td> </tr> </table> <table cellSpacing=0 cellPadding=0 width=1000 align=center bgColor=#ffffff border=0> <tr> <td width=8 background=/Skin/sealove/Main_Left.gif></td> <td vAlign=top> <table cellSpacing=0 cellPadding=0 width="100%" border=0> <tr> <td bgColor=#faac24 height=1></td> </tr> <tr> <td height=1></td> </tr> <tr> <td bgColor=#faac24 height=9></td> </tr> <tr> <td height=1></td> </tr> <tr> <td bgColor=#faac24 height=1></td> </tr> </table> <table cellSpacing=0 cellPadding=0 width="90%" align=center border=0> <tr> <td style="COLOR: #000000" align=middle height=25>| <A class=Bottom onClick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.mintao.net/');" href="#">设为首页</A> |<A class=Bottom href="javascript:window.external.addFavorite('http://www.mintao.net/','学习笔记★闵涛★计算机学习电脑编程软硬件技巧');">加入收藏</A> | <A class=Bottom href="mailto:admin@mintao.net">联系站长</A> | <A class=Bottom href="/FriendSite/Index.asp" target=_blank>友情链接</A> | <A class=Bottom href="/Copyright.asp" target=_blank>版权申明</A> | <A class=Bottom href="/html/friends.html" target=_blank>广告服务</A> </td> </tr> <tr> <td background=/Skin/sealove/line01.gif height=1></td> </tr> </table> <table cellSpacing=0 cellPadding=0 width="100%" border=0> <tr> <td align=middle width=210><A href="http://www.mintao.net/" target=_blank><IMG alt=MinTao学以致用网 src="/Skin/sealove/PElogo_sealove.gif" border=0></A></td> <td><table border=0 width=100% cellspacing=0 cellpadding=0> <tr> <td colspan=2> <p align=center><span style='font-size: 9pt'>Copyright ＠ 2007-2012 敏韬网(敏而好学，文韬武略--MinTao.Net)（<A href='http://www.mintao.net/'>学习笔记</A>） Inc All Rights Reserved. <br> <A href='http://www.mintao.net/'>闵涛</A> <a target="blank" href="http://wpa.qq.com/msgrd?V=1&Uin=543098146&Site=敏韬网&Menu=yes" rel="nofollow"><img border="0" SRC=http://wpa.qq.com/pa?p=1:543098146:10 alt='投放广告、内容合作请Q我!'></a> E_mail:admin@mintao.net(欢迎提供学习资源)</span></p> <div style="width:300px;margin:0 auto; padding:1px 0;"> <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=42011102001154" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;"><img src="http://www.mintao.net/images/beian_ico.png" style="float:left;"/><p style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#939393;">鄂公网安备 42011102001154号</p></a> </div> <p align=center><span style='font-size: 9pt'> 站长：<A href='http://www.mintao.net/'>MinTao</A> <align=center><span style='font-size: 9pt;color:#7f270f'>ICP备案号：<a target="_blank" href="https://beian.miit.gov.cn">鄂ICP备11006601号-18</a> <script src='http://s79.cnzz.com/stat.php?id=495319&web_id=495319&show=pic' language='JavaScript' charset='gb2312'></script> <script type="text/javascript"> var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://"); document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F83055e3c4dcc2c9c0e7ad2643e08b99d' type='text/javascript'%3E%3C/script%3E")); </script> </span></p></td> </tr> <tr> <td align=center> 闵涛站盟:<A href='http://pub.mintao.net/' target='_blank'>医药大全</A>-<A href='http://www.iwuxue.com/' target='_blank'>武穴网</A>。<A href='http://www.mintao.net/sitemap_index.xml' target='_blank'>A</A>打造<A href='http://www.mintao.net/SiteMap/Soft1.htm' target='_blank'>B</A>、<A href='http://www.mintao.net/SiteMap/Article1.htm' target='_blank'>C</A>、<A href='http://www.mintao.net/SiteMap/Photo1.htm' target='_blank'>D</A>……</span></td> <td> </td> </tr> </table> <script language="JavaScript" src="http://www.mintao.net/js/qqkf.js"></script> </td> <td width=20></td> <td width=120 height=80><A href="http://xianning.cyberpolice.cn/" rel="nofollow" target=_blank><IMG alt=咸宁网络警察报警平台 src="http://www.mintao.net/images/xnwj.gif" width=120 border=0></A></td> </tr> </table> </td> <td width=8 background=/Skin/sealove/Main_Right.gif></td> </tr> </table> <script type="text/javascript"> /*blog.mintao.net250*200 创建于 2015-07-01*/ var cpro_id = "u2183153"; </script> <script src="http://cpro.baidustatic.com/cpro/ui/f.js" type="text/javascript"></script> <table width="1000" align="center" border="0" cellpadding="0" cellspacing="0"> <tr><td width="15"><img src="/Skin/sealove/Main_BottomLeft.gif"></td> <td height="11" background="/Skin/sealove/Main_BottomBG.gif"><img src="/Skin/sealove/space.gif"></td> <td width="15"><img src="/Skin/sealove/Main_BottomRight.gif"></td> </tr> <tr><td colspan="3" height="5"></td></tr> </table> </body> </html><NOSCRIPT><IFRAME src='*' Width='0' Height='0'></IFRAME></NOSCRIPT>