假如还是不行,那么你需要检查一下你的浏览器,因为时间的原故,本人只在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 onLoad='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())
}
}
//-
点击下载
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。