当前位置：一个AJAX电子书阅读器源代码
文章来自:设计学院 | 发表时间:2007-10-26 20:43:02
以下是代码片段：<head>
<title>电子图书制作系统 var 2.0 Writen By CHurricane [中国风暴]</title>
<style>
img {border:opx;}
.button{
event:expression(
onselectstart=function()
{
return false;
},
onselect=function()
{
document.selection.empty();
},
onmouseover=function()
{
this.style.textDecoration="underline";
},
onmouseout=function()
{
this.style.textDecoration="none";
}
)
}
.show {
width:100%;
float: left;
}
.blankv {
width:100%;
float: left;
height:10px;
}
.blankh {
width:10px;
float: left;
height:100%;
}
.content {
width: 100%;
float: left;
border-collapse: collapse;
border: 0px;
padding:8px 0px 8px 0px;
word-wrap: break-word;
word-break: break-all;
}
.title {
width:40%;
float: left;
padding:8px 0px 8px 0px;
}
.act{
float: left;
border-collapse: collapse;
font-size:12px;
font-family:Verdana,宋体,Arial, Helvetica, sans-serif;
border-top:1px solid #3D7045;
border-left:1px solid #3D7045;
border-right:1px solid #3D7045;
border-buttom:0px;
padding:4px 4px 4px 4px;
font-variant: normal;
background-color:#FFFFFF;
}
.unact{
float: left;
border-collapse: collapse;
border-top:0px solid #3D7045;
border-left:0px solid #3D7045;
border-right:0px solid #3D7045;
border-buttom:0px;
font-size:12px;
font-family:Verdana,宋体,Arial, Helvetica, sans-serif;
padding:4px 4px 4px 4px;
font-variant: normal;
background-color:#B5E0B1;
}
.menu{
width:100%;
float: left;
border-collapse: collapse;
font-size:12px;
font-family:Verdana,宋体,Arial, Helvetica, sans-serif;
border:1px solid #3D7045;
padding:0px 0px 0px 0px;
font-variant: normal;
}
.mainmenu{
width:100%;
float: left;
font-size:12px;
font-family:Verdana,宋体,Arial, Helvetica, sans-serif;
border:0px solid #3D7045;
padding:0px 0px 0px 0px;
font-variant: normal;
background-color:#84C97A;
}
.submenu{
width:100%;
float: left;
font-size:12px;
font-family:Verdana,宋体,Arial, Helvetica, sans-serif;
border:0px solid #3D7045;
padding:0px 0px 0px 0px;
font-variant: normal;
background-color:#E4F3E2;
}
.subsubmenu{
width:100%;
float: left;
font-size:12px;
font-family:Verdana,宋体,Arial, Helvetica, sans-serif;
border:0px solid #3D7045;
padding:0px 0px 0px 0px;
font-variant: normal;
background-color:#F4FAF3;
}
.subsubsubmenu{
width:100%;
float: left;
font-size:12px;
font-family:Verdana,宋体,Arial, Helvetica, sans-serif;
border:0px solid #3D7045;
padding:0px 0px 0px 0px;
font-variant: normal;
background-color:#FfFfFf;
}
#acticle{
float:left;
overflow:hidden;
border-collapse: collapse;
}
#book_top
{
width:100%;
float: left;
border-collapse: collapse;
border:1px solid #3D7045;
font-size:12px;
font-family:Verdana,宋体,Arial, Helvetica, sans-serif;
border:1px solid #3D7045;
padding:8px 8px 8px 8px;
font-variant: normal;
}
#book_left
{
width:28%;
float: left;
border-collapse: collapse;
border:1px solid #3D7045;
font-size:12px;
font-family:Verdana,宋体,Arial, Helvetica, sans-serif;
border:1px solid #3D7045;
padding:8px 8px 8px 8px;
font-variant: normal;
}
#book_right
{
width:70%;
float: right;
border-collapse: collapse;
border:1px solid #3D7045;
font-size:12px;
font-family:Verdana,宋体,Arial, Helvetica, sans-serif;
border:1px solid #3D7045;
padding:8px 8px 8px 8px;
font-variant: normal;
}
#BookMsg
{
position: absolute;
z-index:1001;
top:30%;
left:40%;
}
#BookMsgMask
{
position: absolute;
z-index:1000;
top:0px;
left:0px;
width:101%;
height:100%;
background:#c0c0c0;
FILTER: Alpha(Opacity=80);
}
</style>
<script language="javascript">
window.onload=function(){ShowHelp();}
function BackTo(ourl)
{
var purl=document.location.href;
purl=purl.substring(0,purl.lastIndexOf("/")+1);
document.location.href=purl+ourl;
}
String.prototype.trim = function(){
return this.replace(/(^s*)|(s* $)/g, "");
}
String.prototype.len = function(){
var len=0;
for (var i=0;i<this.length;i++){
if (this.charCodeAt(i)>255) len+=2;
else len++;
}
return len;
}
function $(tagid){return document.getElementById(tagid);}
function $C(tagid){return $(tagid).innerHTML;}
function _(tagName){return document.getElementsByTagName(tagName);}
function $ $(tagid,html){ $(tagid).innerHTML=html;}
function htmlfilter(s)
{
s=s.replace(/</?w+(s+S+?(=(['"]?).*?[^\]3)?)*W*>/g,"");
return s;
}
function fontZoomA(o)//变小
{
var f=o.style.fontSize;
var l=f.lastIndexOf("px");
if (l>=0)
{
if (f<8) f=8;
f=(parseInt(f.substring(0,l))-1)+"px";
}
o.style.fontSize=f;
}
function fontZoomB(o)//变大
{
var f=o.style.fontSize;
var l=f.lastIndexOf("px");
if (l>=0)
{
if (f>64) f=64;
f=(parseInt(f.substring(0,l))+1)+"px";
}
o.style.fontSize=f;
}
function copyTo(s)
{
window.clipboardData.setData('text',s);
alert("信息复制成功");
}
function bbimg(o)
{
var zoom=parseInt(o.style.zoom, 10)||100;
zoom+=event.wheelDelta/12;
if (zoom>0) o.style.zoom=zoom+'%';
return false;
}
function saveCode(data) {
var winname = window.open('', '_blank', 'top=10000');
winname.document.open('text/html', 'replace');
winname.document.writeln(data);
winname.document.execCommand('saveas','','code.htm');
winname.close();
}
var xml="";//全局数据对象,用来保存原始返回的数据
function openfile()
{
myurl= $("openfileurl").value;
if (myurl.indexOf("http://")>-1)
{
var o = new xo("get",myurl,true);
o.CallBackOK=function()
{
xml=o.xmldoc;
ShowTree();
ShowHelp();
}
o.send();
}
else
{
var o = new xdom(myurl,false);
o.loadOK=function()
{
xml=o.xml;
if (xml.selectSingleNode("data")==null)
{
ShowMsg("200","20","20","提示：","请选择带有CH电子图书格式的文件进行浏览");
//alert("请选择带有CH电子图书格式的文件进行浏览");
return false;
}
ShowTree();
ShowHelp();
};
o.load();
}
}
//菜单显示/隐藏
function changemenu(o)
{
var osrc=o.src;
opath=osrc.substring(0,osrc.lastIndexOf("/")+1);
osrc=osrc.substring(osrc.lastIndexOf("/")+1,osrc.length);
oo=o.parentNode.parentNode.nextSibling;
if (oo.style.display=="none")
{
oo.style.display="block";
if (osrc=="plus.gif")
{
o.src=opath+"minus.gif";
o.nextSibling.src=opath+"folderopen.gif";
}
else if(osrc=="plusbottom.gif")
{
o.src=opath+"minusbottom.gif";
o.nextSibling.src=opath+"folderopen.gif";
}
else if(osrc=="minusbottom.gif")
{
o.src=opath+"plusbottom.gif";
o.nextSibling.src=opath+"folder.gif";
}
else if(osrc=="minus.gif")
{
o.src=opath+"plus.gif";
o.nextSibling.src=opath+"folder.gif";
}
}
else
{
oo.style.display="none";
if (osrc=="plus.gif")
{
o.src=opath+"minus.gif";
o.nextSibling.src=opath+"folderopen.gif";
}
else if(osrc=="plusbottom.gif")
{
o.src=opath+"minusbottom.gif";
o.nextSibling.src=opath+"folderopen.gif";
}
else if(osrc=="minusbottom.gif")
{
o.src=opath+"plusbottom.gif";
o.nextSibling.src=opath+"folder.gif";
}
else if(osrc=="minus.gif")
{
o.src=opath+"plus.gif";
o.nextSibling.src=opath+"folder.gif";
}
}
}
//增加和删除节点
function switchmenu(oo,tt,tc)
{
var o=xml;
var item=o.selectSingleNode("data/table[@name='"+tt+"']").selectSingleNode("channel[@name='"+tc+"']").selectNodes("item");
var oosrc=oo.src;
oopath=oosrc.substring(0,oosrc.lastIndexOf("/")+1);
oosrc=oosrc.substring(oosrc.lastIndexOf("/")+1,oosrc.length);
if (oosrc=="plus.gif" || oosrc=="plusbottom.gif")
{
if (oosrc=="plus.gif")
oo.src=oopath+"minus.gif";
else
oo.src=oopath+"minusbottom.gif";
oo.nextSibling.src=oopath+"folderopen.gif";
//增加
oo=oo.parentNode.parentNode;
var p=document.createElement("div");
p.setAttribute("class","subsubmenu");
p.setAttribute("align","left");
oo.appendChild(p);
for (i=0;i<item.length;i++)
{
var html="";
var pp=document.createElement("div");
pp.setAttribute("class","subsubsubmenu");
pp.setAttribute("align","left");
p.appendChild(pp);
html+="<div align="left" class="subsubmenu" style="overflow:hidden;">";
if (i==item.length-1)
{
html+="<div style="float:left;"><img src="images/line.gif" /><img src="images/line.gif" /><img src="images/joinbottom.gif" /><img src="images/page.gif" /></div><div id="acticle" onclick="ShowActicle('"+tt+"','"+tc+"','"+item[i].selectSingleNode("title").text+"','')" ><u>"+item[i].selectSingleNode("title").text+"</u></div>";
}
else
{
html+="<div style="float:left;"><img src="images/line.gif" /><img src="images/line.gif" /><img src="images/join.gif" /><img src="images/page.gif" /></div><div id="acticle" onclick="ShowActicle('"+tt+"','"+tc+"','"+item[i].selectSingleNode("title").text+"','')" ><u>"+item[i].selectSingleNode("title").text+"</u></div>";
}
html+="</div>";
pp.innerHTML=html;
}
}
else
{
if (oosrc=="plus.gif")
oo.src=oopath+"plus.gif";
else
oo.src=oopath+"plusbottom.gif";
oo.nextSibling.src=oopath+"folder.gif";
//去除
oo=oo.parentNode.parentNode;
oo.removeChild(oo.lastChild);
}
}
function ShowTree()
{
var html="";
var o=xml;
var table=o.selectNodes("data/table");
html+="<div class="menu">";
html+="<div align="left">";
html+="<img src="images/folder.gif" />"+"所有杂志";
html+="</div>";
for (i=0;i<table.length;i++)
{
var channel=table[i].selectNodes("channel");
html+="<div class="floatleft">";
html+="<div align="left" class="mainmenu" style="overflow:hidden;" >";
html+="<div style="float:left;"><img src="images/plus.gif" onclick="changemenu(this)" /><img src="images/folder.gif" /></div>"+table[i].getAttribute("name");
html+="</div>";
html+="<div align="left" class="submenus" style="display:none;">";
for(j=0;j<channel.length;j++)
{
var item=channel[j].selectNodes("item");
html+="<div align="left" class="submenu" style="overflow:hidden;">";
if (item.length==0)
{
if (j==channel.length-1)
{
html+="<div style="float:left;"><img src="images/line.gif" /><img src="images/joinbottom.gif" /><img src="images/folder.gif" /></div>"+channel[j].getAttribute("name")+"["+channel[j].selectSingleNode("title").text+"]"+"("+item.length+")";
}
else
{
html+="<div style="float:left;"><img src="images/line.gif" /><img src="images/join.gif" /><img src="images/folder.gif" /></div>"+channel[j].getAttribute("name")+"["+channel[j].selectSingleNode("title").text+"]"+"("+item.length+")";
}
}
else
{
if (j==channel.length-1)
{
html+="<div style="float:left;"><img src="images/line.gif" /><img src="images/plusbottom.gif" onclick="switchmenu(this,'"+table[i].getAttribute("name")+"','"+channel[j].getAttribute("name")+"')" /><img src="images/folder.gif" /></div>"+channel[j].getAttribute("name")+"["+channel[j].selectSingleNode("title").text+"]"+"("+item.length+")";
}
else
{
html+="<div style="float:left;"><img src="images/line.gif" /><img src="images/plus.gif" onclick="switchmenu(this,'"+table[i].getAttribute("name")+"','"+channel[j].getAttribute("name")+"')" /><img src="images/folder.gif" /></div>"+channel[j].getAttribute("name")+"["+channel[j].selectSingleNode("title").text+"]"+"("+item.length+")";
}
}
html+="</div>";
}
html+="</div>";
html+="</div>";
}
html+="</div>";
$ $("book_tree",html);
}
function ShowHelp()
{
$ $("book_right", $C("model_help"));
}
function ShowActicle(tt,tc,t,word)
{
var o=xml;
var acticle=o.selectSingleNode("data/table[@name='"+tt+"']").selectSingleNode("channel[@name='"+tc+"']").selectSingleNode("item[title='"+t+"']");
var l=acticle.selectSingleNode("link").text;
if (l.length>1) t="<a href=""+l+"" target="blank">"+t+"</a>";
var c=acticle.selectSingleNode("content").text;
if (word.length>0)
{
t=t.replace(word,"<font color='red'>"+word+"</font>");
c=c.replace(word,"<font color='red'>"+word+"</font>");
}
var u=acticle.selectSingleNode("author").text;
var d=acticle.selectSingleNode("pubDate").text;
var html= $C("model_acticle");
html=html.replace(/ $table $/g,tt);
html=html.replace(/ $channel $/g,tc);
html=html.replace(/ $title $/g,t);
html=html.replace(/ $content $/g,c);
html=html.replace(/ $author $/g,u);
html=html.replace(/ $pubDate $/g,d);
$ $("book_right",html);
}
function Showsearch(word)
{
var html="";
html+="<div class="menu">";
html+="<div align="center" valign="middle" style="font-size:12px;font-family:Verdana,宋体,Arial, Helvetica, sans-serif;border:0px dotted #E4F1E7;padding:2px 2px 2px 2px;font-variant: normal;background-color:#FFFFFF;" >按关键字检索: ";
html+="<input value=""+word+"" type="text" onkeydown="javascript:if(event.keyCode==13){Showsearch(this.value);}" style="width:40%;font-size:12px;font-family:Verdana,宋体,Arial, Helvetica, sans-serif;border:1px solid #3D7045;padding:0px 0px 0px 0px;font-variant: normal;background-color:#FFFFFF;" />";
html+="<input type="button" value="搜索" onclick="Showsearch(this.previousSibling.value)" style="font-size:12px;font-family:Verdana,宋体,Arial, Helvetica, sans-serif;border:1px dotted #E4F1E7;padding:0px 0px 0px 0px;font-variant: normal;background-color:#D1E7D2;" />";
html+="</div>";
html+="<div class="submenu" style=" padding:4px 4px 4px 4px;" >";
if (word.length>0)
{//搜索
var o=xml;
var table=o.selectNodes("data/table");
for (i=0;i<table.length;i++)
{
var channel=table[i].selectNodes("channel");
for (j=0;j<channel.length;j++)
{
var item=channel[j].selectNodes("item");
for (k=0;k<item.length;k++)
{
var t=item[k].selectSingleNode("title").text;
var c=item[k].selectSingleNode("content").text;
if (t.indexOf(word)>=0 || c.indexOf(word)>=0)
{
html+="<div style="float:left;width:100%">";
html+="<div style="float:left;"><img src="images/page.gif" /></div>";
html+="<div style="float:left;" onclick="ShowActicle('"+table[i].getAttribute("name")+"','"+channel[j].getAttribute("name")+"','"+t+"','"+word+"')"><u>"+t+"</u></div>";
html+="<div style="float:right;" onclick="ShowActicle('"+table[i].getAttribute("name")+"','"+channel[j].getAttribute("name")+"','"+t+"','')">[显示原文]</div>";
html+="</div>";
}
}
}
}
}
html+="</div></div>";
$ $("book_tree",html);
}
//----------Msg-----------------
function ShowMsg(w,h1,h2,t,c)
{
var html= $("model_msg").innerHTML;
if (w.indexOf("%")>0)
{}else{w+="px";}
if (h1.indexOf("%")>0)
{}else{h1+="px";}
if (h2.indexOf("%")>0)
{}else{h2+="px";}
html=html.replace(/ $width $/g,w);
html=html.replace(/ $height1 $/g,h1);
html=html.replace(/ $height2 $/g,h2);
html=html.replace(/ $msg_title $/g,t);
html=html.replace(/ $msg_content $/g,c);
var o= $("BookMsg");
var mask= $("BookMsgMask");
//屏蔽区域
if (document.body.clientWidth<document.body.scrollWidth)
{mask.style.width=document.body.scrollWidth;
}else{mask.style.width=document.body.clientWidth;}
if (document.body.clientHeight<document.body.scrollHeight)
{mask.style.height=document.body.scrollHeight;
}else{mask.style.height=document.body.clientHeight;}
//显示位置
o.style.top=(document.body.clientHeight-parseInt(h1)-parseInt(h2))/2;
o.style.left=(document.body.clientWidth-parseInt(w))/2;
mask.style.display="block";
o.innerHTML=html;
o.style.display="block";
}
function HideMsg()
{
$("BookMsg").style.display="none";
$("BookMsgMask").style.display="none";
}
//-------------------------------------
function contentswitch(o)
{
var html="";
var oo=o.parentNode.nextSibling;
if (o.innerHTML=="显示摘要")
{
var c=oo.innerHTML;
html+="<div style="display:none;">";
html+=c+"</div>";
o.innerHTML="显示全文"+html;
oo.innerHTML=c.substr(0,200);
}
else
{
oo.innerHTML=o.getElementsByTagName("div")[0].innerHTML;
o.innerHTML="显示摘要";
}
}
function SwitchSize(o)
{
if (o.innerHTML=="关闭左栏")
{
$("book_left").style.width="0%";
$("book_left").style.display="none";
$("book_right").style.width="100%";
o.innerHTML="打开左栏";
}
else
{
$("book_left").style.width="28%";
$("book_left").style.display="block";
$("book_right").style.width="70%";
o.innerHTML="关闭左栏";
}
}
function xo(method,url,Syne){
var XMLHttp=null;
var o=this;
this.method=method;
this.u=url;
this.Syne=Syne;
this.text="";
this.xmldoc=null;
this.params=null;
this.send=function()
{
if (window.XMLHttpRequest)
{
// if Mozilla, Safari etc
XMLHttp=new XMLHttpRequest();
if (XMLHttp.overrideMimeType)
XMLHttp.overrideMimeType('text/xml');
}
else if (window.ActiveXObject)
{ // if IE
try {
XMLHttp=new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e){
try{
XMLHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e){}
}
}
with(XMLHttp)
{
onreadystatechange=o.onCallBack;
open(this.method,this.u,this.Syne);
send(this.params);
}
}
this.onCallBack=function()
{
if (XMLHttp.readyState == 4) {
if (XMLHttp.status == 200) {
o.text = XMLHttp.responseText;
o.xmldoc=XMLHttp.responseXML;
o.CallBackOK();
} else if(XMLHttp.status == 204) {
o.CallBackFailed();
} else if(XMLHttp.status == 203) {
o.CallBackTimeout();
} else {
o.CallBackFailedShow();
}
}
}
this.CallBackOK=function()
{
ShowMsg("200","20","20","系统信息","载入数据成功!");
};
this.CallBackFailed=function()
{
ShowMsg("200","20","20","系统信息","载入数据失败,请刷新重试");
};
this.CallBackTimeout=function()
{
ShowMsg("200","20","20","系统信息","登陆超时,请刷新重试");
};
this.CallBackFailedShow=function()
{
ShowMsg("200","20","20","系统信息","出现了"+XMLHttp.status+"错误!请刷新重试");
};
}
function xdom(url,Syne)
{
var XML=null;
this.u=url;
this.Syne=Syne;
this.doc="";//xml返回值
this.xml=null;//xml object
this.create=function()//创建一个可以使用对象
{
if (!document.all)
{
// if Mozilla, Safari etc
XML=document.implementation.createDocument("", "", null);
}
else if (window.ActiveXObject)
{ // if IE
try{
XML = new ActiveXObject("Msxml3.DOMDocument");
}
catch(e){
try{
XML = new ActiveXObject("Msxml2.DOMDocument");
}
catch(e){
try{
XML = new ActiveXObject("Microsoft.XMLDOM");
}
catch(e){
alert("创建xmldom出现错误，你的浏览器不支持xmldom!");
}
}
}
}
}
this.load=function()
{
this.create();
if(!XML.load(this.u)){alert("加载"+this.u+"失败!");}
if (XML.readyState == 4) {
this.doc=XML.xml;
this.xml=XML;
this.loadOK();
}
}
this.loadOK=function(){alert("成功");}
this.loadXML=function(str)
{
this.create();
if(!XML.loadXML(str)){alert("加载失败!");}
if (XML.readyState == 4) {
this.doc=XML.xml;
this.xml=XML;
this.loadOK();
}
}
}
</script>
</head>
<body>
<div id="BookMsg" align="center" style="display:none;" ></div>
<div id="BookMsgMask" style="display:none;" ></div>
<div id="book" >
<div class="show">
<div id="book_top">电子图书阅览系统 var 2.0 Writen By CHurricane （中国风暴）<font color="#1C711E">系统工具</font>:[<font color="#46772F" class="button" onclick="ShowHelp()">系统帮助</font>][<font color="#46772F" class="button" onclick="SwitchSize(this);">关闭左栏</font>]
打开新的文件：<input type="file" id="openfileurl" style="font-size:12px;font-family:Verdana,宋体,Arial, Helvetica, sans-serif;border:1px solid #3D7045;padding:0px 0px 0px 0px;font-variant: normal;background-color:#FFFFFF;" onkeydown="javascript:if(event.keyCode==13){openfile();}" onmouseover="this.focus()" onfocus="this.select()"/>
<input type="button" onclick="openfile();" value="打开文件" style="font-size:12px;font-family:Verdana,宋体,Arial, Helvetica, sans-serif;border:1px dotted #E4F1E7;padding:0px 0px 0px 0px;font-variant: normal;background-color:#D1E7D2;" /></div>
<div class="blankv"></div>
</div>
<div class="show">
<div id="book_left">
<div id="book_tag" class="floatleft">
<div align="center" class="act" style="width:49%" onclick="this.className='act';this.nextSibling.className='unact';ShowTree();" >杂志</div>
<div align="center" class="unact" style="float:right;width:49%" onclick="this.className='act';this.previousSibling.className='unact';Showsearch('');" >搜索</div>
</div>
<div id="book_tree"></div>
</div>
<div class="blankh"></div>
<div id="book_right"></div>
</div>
</div>
<div style="display:none" id="tempdata"></div>
<xmp style="display:none" id="data"></xmp>
<xmp style="display:none" id="model_help">
<div align="left" style="Float:left;width:100%;color:#464646;background-color:#C1E1B3;font-size:12px;font-family:Verdana,宋体,Arial, Helvetica, sans-serif;padding:4px 4px 4px 4px;">
(1)左边的工具栏的顶部有两个标签。一个是杂志，它主要控制整个杂志的内容的显示，就像是书的目录；另外一个是搜索，它的功能是当你想找信息时，给于你快速检索的能力。
</div>
<div align="left" style="Float:left;width:100%;color:#46772F;background-color:#FFFFFF;font-size:12px;font-family:Verdana,宋体,Arial, Helvetica, sans-serif;padding:4px 4px 4px 4px;">
(2)根据信息树检索资料的时候，如果要打开或关闭子树应该点击<img src="images/plus.gif"/>或<img src="images/minus.gif" />.
</div>
<div align="left" style="Float:left;width:100%;color:#464646;background-color:#C1E1B3;font-size:12px;font-family:Verdana,宋体,Arial, Helvetica, sans-serif;padding:4px 4px 4px 4px;">
(3)在信息树的末节点<img src="images/page.gif" />单击，右部的信息框将显示对应的信息。
</div>
<div align="left" style="Float:left;width:100%;color:#46772F;background-color:#FFFFFF;font-size:12px;font-family:Verdana,宋体,Arial, Helvetica, sans-serif;padding:4px 4px 4px 4px;">
(4)信息在搜索时可以使用“|”来表示“或”的关系。
</div>
<div align="left" style="Float:left;width:100%;color:#464646;background-color:#C1E1B3;font-size:12px;font-family:Verdana,宋体,Arial, Helvetica, sans-serif;padding:4px 4px 4px 4px;">
(5)在浏览信息时，由于格式的存在使你不能抓取文字，可以使用“html过滤”和“复制到剪切板”的功能来达到目的；有的文字特别大或特别小，你也可以功过系统提供的工具对文字进行放缩；有的文章太长，可以只显示其部分内容。
</div>
<div align="left" style="Float:left;width:100%;color:#46772F;background-color:#FFFFFF;font-size:12px;font-family:Verdana,宋体,Arial, Helvetica, sans-serif;padding:4px 4px 4px 4px;">
(6)有的信息由于界面的大小关系使其变形，你可以通过“关闭左栏”进行检阅。
</div>
<div align="left" style="Float:left;width:100%;color:#464646;background-color:#C1E1B3;font-size:12px;font-family:Verdana,宋体,Arial, Helvetica, sans-serif;padding:4px 4px 4px 4px;">
(7)您可以使用浏览按钮选择本地文件，或者在“打开的文件栏”填写网络中的地址（如：http://www.baidu.com/ch.xml），然后点击“打开文件”按钮，这样您就可以浏览信息了。
</div>
</xmp>
<xmp style="display:none;" id="model_msg">
<div style="border:1px solid #3D7045;width: $width $;background:#FFF;">
<div align="center" style="Float:left;width: $width $;height: $height1 $;background-color:#E4F3E2;font-size:12px;font-family:Verdana,宋体,Arial, Helvetica, sans-serif;padding:4px 0px 4px 0px;"> $msg_title $</div>
<div align="center" style="Float:left;border-top:1px solid #3D7045;border-bottom:1px solid #3D7045;width: $width $;height: $height2 $;font-size:12px;font-family:Verdana,宋体,Arial, Helvetica, sans-serif;padding:4px 0px 4px 0px;word-wrap:break-word;word-break:break-all;"> $msg_content $</div>
<div align="center" style="Float:left;width: $width $;height: $height1 $;background-color:#E4F3E2;font-size:12px;font-family:Verdana,宋体,Arial, Helvetica, sans-serif;padding:4px 0px 4px 0px;">
<input type="button" style="width:70px;background:#ffffff;border-collapse: collapse; font-size:12px; font-family:Verdana,宋体,Arial, Helvetica, sans-serif;border:1px solid #3D7045 ;" value="确定" onclick="HideMsg()"/>
</div>
</div>
</xmp>
<xmp style="display:none;" id="model_acticle">
<div style="border:1px solid #3D7045;width:100%;background:#FFF;">
<div align="left" style="Float:left;width:100%;color:#46772F;background-color:#FFFFFF;font-size:12px;font-family:Verdana,宋体,Arial, Helvetica, sans-serif;padding:4px 4px 4px 4px;">
<div align="left" style="Float:left;width:100%;color:#46772F;background-color:#FFFFFF;font-size:12px;font-family:Verdana,宋体,Arial, Helvetica, sans-serif;">
$title $
</div>
<div align="left" style="Float:left;width:100%;color:#A8B1A0;background-color:#FFFFFF;font-size:12px;font-family:Verdana,宋体,Arial, Helvetica, sans-serif;">
最近更新时间:<font color="#46772F"> $pubDate $</font> | 所属杂志:<font color="#46772F"> $table $</font> | 所属频道:<font color="#46772F"> $channel $</font>
</div>
</div>
<div align="left" style="Float:left;border-top:1px dotted #D6E9D9;width:100%;font-size:12px;font-family:Verdana,宋体,Arial, Helvetica, sans-serif;padding:4px 4px 4px 4px;word-wrap:break-word;word-break:break-all;">
工具:<font color="#46772F" class="button" onclick="this.parentNode.nextSibling.innerHTML=htmlfilter(this.parentNode.nextSibling.innerHTML);">过滤html</font>
| <font color="#46772F" class="button" onclick="fontZoomB(this.parentNode.nextSibling);">字体变大</font>
| <font color="#46772F" class="button" onclick="fontZoomA(this.parentNode.nextSibling);">字体变小</font>
| <font color="#46772F" class="button" onclick="contentswitch(this);">显示摘要</font>
| <font color="#46772F" class="button" onclick="copyTo(this.parentNode.nextSibling.innerHTML);">复制到剪切板</font>
| <font color="#46772F" class="button" onclick="saveCode(this.parentNode.nextSibling.innerHTML);">保存为文件</font>
</div>
<div align="left" style="Float:left;border-top:1px dotted #D6E9D9;border-bottom:1px dotted #D6E9D9;width:100%;font-size:12px;font-family:Verdana,宋体,Arial, Helvetica, sans-serif;padding:4px 4px 4px 4px;word-wrap:break-word;word-break:break-all;"> $content $</div>
<div align="left" style="Float:left;width:100%;background-color:#FFFFFF;color:#46772F;font-size:12px;font-family:Verdana,宋体,Arial, Helvetica, sans-serif;padding:4px 4px 4px 4px;">
作者: $author $ 撰写于: $pubDate $
</div>
</div>
</xmp>
</body>
</html>
