假如还是不行,那么你需要检查一下你的浏览器,因为时间的原故,本人只在IE6 sp1上测试,其他浏览没有试过,不过估计在其他浏览器上肯定会出现一些问题,毕竟新技术还需要时间来支持100 .br/
br /
2、希望当你看到这个代码的时候,你会喜欢上创建交互式、快速动态网页应用的网页开发技术技术,这个范例只是一个很基本的应用,但是作者也付出了一定的时间和精力,希望你能够尊重作者的劳动成果,需要的话你可以免费拿去使用,但是最好不要用于商业用途,并且能够注明转载出处,谢谢!/div
div class=bottom a href=# 作者:胡东平/a /div
/div
/div
/div
div class=页脚胡东平个人空间转载须注明出处br /
一个href= http://博客。cn睿。cn target= _ blank 版权归清除在线空间所有/a /div
!-提示窗口-
div id= loadifo style= display:none onclick= ent(delChar());/div
iframe id= history frame style= display:none src= blank。html /iframe
/body
/html
隐藏Ifream部分:
保存为blank.html:
程序代码
超文本标记语言
脚本语言=JavaScript
函数pageLoaded() {
窗户。父母。DHTML历史。iframe已加载(窗口。位置);
}
/脚本
body onl oad=pageLoaded()
h1blank.html-这个东西很重要的,兄弟!/h1
/body
/html
钢性铸铁部分:
保存为read.css:
程序代码
正文{
边距:0px
填充:0px
字体大小:9磅
}
h4 {
字体大小:9磅
显示:内嵌;
}
h5 {
显示:内嵌;
左边距:10px
}
跨度{
左边距:20px
颜色:# 666;
}
一个{
文字-装饰:无;
颜色:# 900;
}
答:悬停{
颜色:# F90
}。标题{
过滤器:progid:DXImageTransform .微软。Gradient(startColorStr= # 0099 ff ,endColorStr=#003366 ,渐变类型= 0 );
高度:30px
字体粗细:粗体;
颜色:# FFF;
padding-top:20px;
左填充:20px
边框-底部:2px纯色# FFF;
}。关闭{
浮动:对;
右边距:50px
光标:指针;
}。正文{
明确:两者都有;
宽度:1002像素
}。侧栏{
宽度:200像素
浮动:左;
top:20px;
填充顶部:10px
过滤器:progid:DXImageTransform .微软。Gradient(startColorStr= # 0066 cc ,endColorStr=#FFFFFF ,渐变类型= 0 );
文本对齐:居中;
}。空间类一个{
字体粗细:粗体;
颜色:# E1 f1 ff;
文字-装饰:无;
浮动:左;
宽度:120像素
填充:5px 5px 3px
底部边框:1px虚线# 6FF
}。悬停{
颜色:# FFF;
背景:# 09F
}。特殊{
边距-顶部:50px
宽度:150像素
颜色:# 666;
行高:15px
填充顶部:5px
垫底:5px
文本对齐:左对齐;
}。spetit {
字体粗细:粗体;
颜色:# FFFFFF
边框-底部:2px纯色# EEE;
}。空间类
宽度:150像素
}。特殊一个{
颜色:# 000;
}。nonetab {
高度:10px
背景:# EEE;
}。主要{
宽度:800像素
浮动:对;
}。maintit {
背景:# 000;
高度:17px
颜色:# FFF;
文本对齐:居中;
填充顶部:3px
}。mainbg {
背景:# EEE;
浮动:左;
宽度:100%;
溢出:隐藏;
}。mainbg2 {
背景:# EEE;
浮动:左;
宽度:100%;
滤镜:阿尔法(不透明度=30);
}。文章img {
边框宽度:0px
边框样式:无;
}。文章{
填充:5px
文本缩进:2em
边框-顶部:1px纯色# 06F
左边距:10px
}。底部{
过滤器:progid:DXImageTransform .微软。Gradient(startColorStr= # EEEEEE ,endColorStr=#FFFFFF ,渐变类型= 1 );
高度:13px
文本对齐:右对齐;
填充-右:20px
填充顶部:3px
边距-底部:10px
}。页脚{
高度:30px
过滤器:progid:DXImageTransform .微软。Gradient(startColorStr= # 0066 cc ,endColorStr=#B9E3FF ,Gradient type= 1 );
文本对齐:居中;
填充顶部:5px
行高:15px
颜色:# FFF;
明确:两者都有;
}。页脚一个{
颜色:# EEE;
}
#loadifo {
位置:绝对;
顶配:200 px
宽度:120像素
背景:# F69
填充:10px
滤镜:阿尔法(不透明度=90);
文本对齐:居中;
颜色:# FFF;
边框:1px虚线# 909;
左:400像素
}
重点:核心代码部分:
保存为rss.js:
程序代码
!-
//控制身份证明
函数getId(objId){
返回document.getElementById(objId)
}
//链接对应数组,请注明转载自http://www.cnrui.cn/blog
函数URL数组(URL名称){
开关(urlName){
案例"清除":
返回http://www。cn睿。cn/blog/feed。ASP
"阿飞"案:
返回http://www。阿飞。net/blog/RSS。 XML
案例《瑞安夏》:
返回http://www。瑞安夏。com/blog/feerss 2。ASP
case awflasher :
返回http://www。噢闪光器。com/博客/供稿。ASP
案例“塞莱斯”:
返回http://www。cn睿。cn/Seles/feerss 2。ASP
案例“娃娃”:
返回http://号阿飞。net/wawa/blog/RSS 2。 PHP
案例“dreammx”:
返回http://www。dreammx。com/xhyl/feed。ASP
默认值:
返回错误的
}
}
//侧边栏控制,请注明自http://www.cnrui.cn/blog转载
函数closebar(targetid,objId){
if(document.getElementById){
target=getId(目标id);
objsty=getId(objId);
如果(目标。风格。display== none ){
目标。风格。显示=" ";
主要的。风格。width= 800 px
objsty.innerHTML=关闭侧边栏
}否则{
目标。风格。display= none
主要的。风格。宽度= 100% ;
objsty.innerHTML=开启侧边栏
}
}
}
//加载变灰,注明自http://www.cnrui.cn/blog转载
函数监听(一){
getId(prolist ).类名=a;
}
函数btnSty(objId,objStyle)
{
getId(objId)。风格。display=obj样式
}
//提示窗口控制
函数ifodis(){
btnSty(loadifo , none );
}
函数设置时间(一){
设置超时(一个,1000);
}
函数loadtime(){
getId(loadifo ).innerHTML= .
}
//数据入口
函数输入(urlName){
window.location.hash=urlName
var fr murl=saveState(URL名称);//写入信息到ifream
var gamestart=loadrss(URL名称);//AJAX数据过程
}
//XML数据绑定
var xmldoc=false
函数loadrss(urlName){
var myurl=url数组(URL名称)
if(myurl){
listen( mainbg 2 );
//生成随机数,同时限制刷新次数
var Num=数学。地板(数学。random()* 100);
//定义往址参数
url=myurl ?id= Num
//定义为异步传输模式
xmldoc=false
//Mozill,Safari等浏览器时需要创建的XMLHttp类
如果(窗口XMLHttpRequest){
XML doc=new XMLHttpRequest();
if(XML文档。覆盖imetype){
XML文档。重写imetype( text/XML );
}
}
//IE浏览器时创建的XMLHttp类
else if(窗口ActiveXObject){
尝试{
XML doc=新的ActiveX对象( MSXML 3 .XMLHTTP’);
}
捕捉(e){
尝试{
XML doc=新的ActiveX对象( MSXML 2 .XMLHTTP’);
}
捕捉(e){
尝试{
XML doc=新建ActiveX对象( Microsoft .XMLHTTP’);
}
catch(e){}
}
}
}
//不能创建XMLHTTP类时返回
如果(!xmldoc){
返回错误的
}
//调用检查状态函数
XML文档。onreadystatechange=CheckState
xmldoc.open(GET ,url,true);
XML文档。发送(空);
}否则{
getId(listnum ).innerHTML=您输入的地址错误,请重试!
}
}
//状态检测
函数CheckState(){
var response=XML doc。响应XML。文档元素;
btnSty(loadifo , block )
//收到完整的服务器响应
if(xmldoc.readyState==1){
getId(loadifo ).innerHTML=连接服务器
}
else if(xmldoc.readyState==2){
getId(loadifo ).innerHTML=开始加载数据
}
else if(xmldoc.readyState==3){
getId(loadifo ).innerHTML=正在加载数据
设置时间(加载时间)
}
else if(xmldoc.readyState==4){
//HTTP服务器响应值成功
if(xmldoc.status==200){
//将服务器返回的字符串写到页面中身份证明为showdiv的区域
getId(loadifo ).innerHTML=加载完成
设置时间(伊福迪斯)
数量(响应)
}
否则{
getId(loadifo ).innerHTML=错误 xmldoc.status 点这里刷新;
}
}
}
//检查数据合法性
函数trydata(节点名,节点名2){
尝试{
var nodeV=nodename。第一个孩子。nodevalue
}catch(e){
尝试{
var nodeV=nodename 2。第一个孩子。nodevalue
}catch(e){
var nodeV=没有可用信息
}
}
返回nodeV
}
//记录集总数
函数编号(b){
尝试{
var title node=b . select nodes(//RSS/channel/title );
var a=b . getelementsbytagname( item ).长度
titleV=try data(title node(0));
getId(listnum ).innerHTML=共有一个篇文章来源于: titleV
setlist(a,b);
}catch(e){}
}
if (top.location!=自我。位置)顶部。位置=自己。位置;
//节目列表显示
//定义接收指向各个元素的节点信息的变量
var titleNode,linkNode,categoryNameNode,authorNode,pubDateNode,descriptionNode
//定义接收元素值的变量
var titleV,linkV,categoryNameV,authorV,pubDateV,descriptionV
//分类聚合
函数集列表(甲、乙)
{
var progra node=b . getelementsbytagname( item );
var adminlink node=b . select nodes(//RSS/channel/link );
var title node=b . select nodes(//RSS/channel/item/title );
var link node=b . select nodes(//RSS/channel/item/link );
var category node=b .选择节点(//RSS/channel/item/category );
var author node=b .选择节点(//RSS/channel/item/author );
var pubDateNode=b . select nodes(//RSS/channel/item/pubDate );
var description node=b .选择节点(//RSS/channel/item/description );
var category 2s node=b . select节点(//RSS/channel/item/DC:subject );
var author 2s node=b . select nodes(//RSS/channel/item/DC:creator );
var pubdate 2s node=b . select nodes(//RSS/channel/item/DC:date );
var listchar=
//使用为循环,产生列表信息
for(I=0;ia;我)
{
titleV=trydata(titleNode(i))
linkV=trydata(linkNode(i))
categoryV=trydata(类别节点(一),类别2节点(一))
authorV=trydata(authorNode(i),author2sNode(i))
pubDateV=trydata(pubDateNode(i),pubDate2sNode(i))
描述v=尝试数据(描述节点(I))
admin linkv=try data(admin link node(0))
//将得到的元素值装载到产生表格的字符串中
list char= h5a href= linkV target= _ blank titleV /a/H5 span发表时间: pubDateV /span div class= article description v /div div class= bottom 文章分类:类别v a href= 管理链接v target= _ blank 作者: authorV /a/div ;
}
//将生成的表格输出到页面的差异元素
getId(prolist ).innerHTML=listchar
听(“mainbg”)
}
//浏览器回退部分
//重写IFREAM链接,浏览器回退重点
函数保存状态(消息){
var hisFrm=getId(historyFrame )
hisFrm.src=blank.html?消息
}
//检测IFREAM
window.dhtmlHistory={
iframeLoaded:函数(新位置){
var哈希=新字符串(newLocation.search)
如果(哈希。长度=2哈希。charat(0)==?哈希。子串(1)!=delChar()){
hash=hash.substring(1)
窗户。位置。hash=哈希;
var hisFrmdata=loadrss(hash)
}
}
}
//浏览器链接指向部分
//去除符号,请注明http://www.cnrui.cn/blog转载
函数delChar(){
var a=window.location.hash
返回一个。子字符串(1)
}
window.onload=function(){
如果(窗口。位置。哈希。长度=2){
ent(delChar())
}
}
//-
点击下载