從博客網扣了一個效果出來

從博客網扣了一個效果出來,但有個地方搞不定,求助無憂強人幫忙研究一下。
現在演示:http://www.iyumen.cn/TopUser.asp
效果說明:鼠標放到頭像上,頭像自動變換成另一張圖片。因為我網站里有兩種格式圖片 gif和jpg的,所以,現在如果原圖是jpg的話,就沒問題,如果是gif的話有提示說沒有上傳頭像,其實是有的,只是js里沒有設置讀取到 gif.

所以,我想要的功能就是 鼠標放到圖片上,不需要變換另一張圖片,這個能辦到嗎?

該頁面涉及到的源碼,我弄成壓縮包了,方便高人下載修改。可能我描述的不是很清楚。


代码如下:

function oo(obj){
        return typeof(obj)=="string"?document.getElementById(obj):obj
}

var eet,eel,bid,dh;
var state=0;
var showi=0;

function asdf_list(sign,id,user){
var xid=id.substr(0,id.length-5)

bid=id;
    e=oo(bid)
 // alert(name)
    var et=e.offsetTop;
    var el=e.offsetLeft;
    while(e=e.offsetParent){
        et+=e.offsetTop;
        el+=e.offsetLeft;
    }
    eet=et;
    eel=el;

if(sign==1){
        if(showi==0){
            if(el<780){
                //alert("<780")
                oo("navigation_logo").style.right="";
                oo("navigation_logo").style.left=(el+119) + "px";
                oo("navigation_logo").style.top=(et-3) + "px";
              var imgtanchuhtml2="<table width=100% border=0 cellspacing=0 cellpadding=0><tr><td valign=bottom id=tdimg style=padding-top:3px;padding-left:3px; >"
               imgtanchuhtml2 +="<dl class=member-detail><dt><a class=user-icon href=#x><div style=float:left;padding-right:1px; id=showlogoimg ></div></a><div id=arrow_img onmouseover=showarrow('1');  onmouseout=showarrow('2'); onClick=disnav(); style=float:left;></div></dt></dl></td></tr></table>"

oo("imgtanchu").innerHTML=imgtanchuhtml2;
                oo("ll").src="http://www.iyumen.cn/images/imgs/avatar_border.gif"
                oo("lr").src="http://www.iyumen.cn/images/imgs/avatar_border2.gif"
                    oo("showlogoimg").innerHTML="<img  onError=this.src='http://www.iyumen.cn/images/img/logo_s.png' width=100 height=100  src=/UploadFile/" + xid + "/userphoto.jpg  alt=" + user + " onClick=disnav();>" + user ;
                oo("link_1").innerHTML="<a href=/My_" + xid + ".html  target=_blank>去" + user + "的个人主页</a>";

if(loginstate==0){

oo("link_3").innerHTML="<a href=/Sbox.asp?User_ID=" + xid + "  target=_blank>给" + user + "发短消息</a>";
                }else{
                    oo("link_3").innerHTML="<a href=javascript:show_login2();>给" + user + "发短消息</a>";
                }
                oo("link_4").innerHTML="<a href=/List_" + xid + ".html  target=_blank>查看" + user + "的评论列表</a>";
                    oo("oDiv").style.top=(et-3) + "px";
                    oo("oDiv").style.left=(el-3) + "px";
                    oo("oDiv").style.display='';
            }else{
           // alert(">780")
                hw = oo("home").scrollWidth - el;
                oo("navigation_logo").style.left="";
                oo("navigation_logo").style.right=(parseInt(hw)+parseInt(10)) + "px";
                oo("navigation_logo").style.top=(et-3) + "px";
                oo("navigation_logo").style.left;
                var imgtanchuhtml="<table width=100% border=0 cellspacing=0 cellpadding=0><tr><td valign=bottom id=tdimg style=padding-top:3px; ><dl class=member-detail>"
                imgtanchuhtml +="<dt><div id=arrow_img onclick=disnav2(); style=float:left;></div><a class=user-icon href=#x><div style=float:left;padding-right:2px; id=showlogoimg ></div></a></dt></dl></td></tr></table>"
                oo("imgtanchu").innerHTML=imgtanchuhtml;
                oo("arrow_img").style.background="url(http://www.iyumen.cn/images/imgs/avatar_left.gif) top repeat-x; #ff0000;"
                oo("ll").src="http://www.iyumen.cn/images/imgs/avatar_border2.gif"
                oo("lr").src="http://www.iyumen.cn/images/imgs/avatar_border.gif"
                    oo("showlogoimg").innerHTML="<img  onError=this.src='http://www.iyumen.cn/images/img/logo_s.png' width=100 height=100  src=/UploadFile/" + xid + "/userphoto.gif  alt=" + user + "  onClick=disnav2();>" + user ;
                oo("link_1").innerHTML="<a href=/My_" + xid + ".html target=_blank>去" + user + "的主页</a>";
                if(loginstate==0){

oo("link_3").innerHTML="<a href=/Sbox.asp?User_ID==" + xid + " target=_blank>给" + user + "发短消息</a>";
                }else{
                    oo("link_3").innerHTML="<a href=javascript:show_login2(); >给" + user + "发短消息</a>";
                }
                oo("link_4").innerHTML="<a href=/List_" + xid + ".html  target=_blank>查看" + user + "的评论列表</a>";
                oo("oDiv").style.left=(el-10) + "px";
                oo("oDiv").style.top=(et-3) + "px";
                oo("oDiv").style.display='';
            }
        state=1;
        }
    }else if(sign==2){
        state=0;
    }
}

function asdfg(sign){
    if(sign==1){
        oo("oDiv").style.display='';
        state=1;
    }else if(sign==2){
        if(oo("navigation_logo").style.display=='none'){
           oo("oDiv").style.display='none';
        }
        state=0;
    }
}

function asdfg_left(sign){
    if(sign==1){
        oo("oDiv").style.display='';
        state=1;
    }else if(sign==2){
        if(oo("navigation_logo").style.display=='none'){
           oo("oDiv").style.display='none';
        }
        state=0;
    }
}

function asdfgh(sign,id){
    if(sign==1){
        oo("navigation_logo").style.display='';
        state=1;
   }else if(sign==2){
        state=0;
    }
}

function showarrow(sign){
    if(sign==1){
        if(oo("navigation_logo").style.display=='none'){
            oo("arrow_img").style.background="url('http://www.iyumen.cn/images/imgs/avatar_right.gif')";
        }
    }else if(sign==2){
        if(oo("navigation_logo").style.display=='none'){
            if(oo("arrow_img").style.background=="url(http://www.iyumen.cn/images/imgs/avatar_left.gif)"){
                oo("arrow_img").style.background="url('http://www.iyumen.cn/images/imgs/avatar_right.gif')";
            }else{
                oo("navigation_logo").style.display='none';
                oo("arrow_img").style.background="url('http://www.iyumen.cn/images/imgs/avatar_right.gif')";
            }
        }else{
            oo("navigation_logo").style.display='';
            if(oo("navigation_logo").style.display=='none'){
                oo("arrow_img").style.background="url('http://www.iyumen.cn/images/imgs/avatar_right.gif')";
            }
        }
    }
}

function disnav(){
   var dis=oo("navigation_logo").style.display;
   if(dis=="none"){
       oo("navigation_logo").style.display='';
       oo("arrow_img").style.background="url('http://www.iyumen.cn/images/imgs/avatar_left.gif')";
       ssh=sh+50;
       showi=1;
   }else{
       oo("navigation_logo").style.display='none';
       oo("arrow_img").style.background="url('http://www.iyumen.cn/images/imgs/avatar_right.gif')";
       showi=0;
   }
}

function disnav2(){
   var dis=oo("navigation_logo").style.display;
   if(dis=="none"){
       oo("navigation_logo").style.display='';
       oo("arrow_img").style.background="url('http://www.iyumen.cn/images/imgs/avatar_right.gif')";
       ssh=sh+50;
       showi=1;
   }else{
       oo("navigation_logo").style.display='none';
       oo("arrow_img").style.background="url('http://www.iyumen.cn/images/imgs/avatar_left.gif')";
       showi=0;
   }
}

var obj=document.getElementById("d")
var t=new Object();
function show(){
    obj.style.display="";
    obj.style.width=document.body.clientWidth;
    obj.style.height=document.body.clientHeight;
    if(obj.filters.alpha.opacity>25){
        obj.filters.alpha.opacity=25;
        clearTimeout(t.timer1);
        return;
    }else{
        obj.filters.alpha.opacity+=2;
        t.timer1=setTimeout("show()",10)
    }
    return;
}
function hide(){
      if (window.navigator.userAgent.indexOf("MSIE")>=1){
           if(obj.filters.alpha.opacity<=0){
        obj.filters.alpha.opacity=0;
        obj.style.display="none"
        clearTimeout(t.timer2)
        return;
        }else{
        obj.filters.alpha.opacity-=2;
        t.timer2=setTimeout("hide()",5);
        }
      }else{
       obj.style.display="none"
      }
    return;
}

var sPop = null;
var postSubmited = false;
var smdiv = new Array();

var userAgent = navigator.userAgent.toLowerCase();
var is_webtv = userAgent.indexOf('webtv') != -1;
var is_kon = userAgent.indexOf('konqueror') != -1;
var is_mac = userAgent.indexOf('mac') != -1;
var is_saf = userAgent.indexOf('applewebkit') != -1 || navigator.vendor == 'Apple Computer, Inc.';
var is_opera = userAgent.indexOf('opera') != -1 && opera.version();
var is_moz = (navigator.product == 'Gecko' && !is_saf) && userAgent.substr(userAgent.indexOf('firefox') + 8, 3);
var is_ns = userAgent.indexOf('compatible') == -1 && userAgent.indexOf('mozilla') != -1 && !is_opera && !is_webtv && !is_saf;
var is_ie = (userAgent.indexOf('msie') != -1 && !is_opera && !is_saf && !is_webtv) && userAgent.substr(userAgent.indexOf('msie') + 5, 3);

var sw,sh;
sw=document.body.clientWidth
sh=document.body.clientHeight

var obj=document.getElementById("dssss")
var t=new Object();
function show(){
    var   screet=eet-300;
    scrollTo(0,screet);
      if (window.navigator.userAgent.indexOf("MSIE")>=1){
    obj.style.display="";
    oo("info_dsss").style.left=(document.body.offsetWidth-400)/2+"px";

oo("info_dsss").style.top=eet+"px";

oo("info_dsss").style.display="";
    obj.style.width=oo("home").scrollWidth+"px";
    obj.style.height=oo("home").scrollHeight+"px";

//obj.style.width=document.body.clientWidth;
    //obj.style.height=document.body.clientHeight;

if(obj.filters.alpha.opacity>60){
        obj.filters.alpha.opacity=60;
        clearTimeout(t.timer1);
        return;
    }else{
        obj.filters.alpha.opacity+=2;
        show()
    }
    return;
    }else{

obj.style.background="url(http://www.iyumen.cn/images/imgs/reg-pop-bg2.png)";
    obj.style.display="";
    //obj.style.width=document.body.clientWidth;
    //obj.style.height=document.body.clientHeight;

oo("info_dsss").style.left=(document.body.offsetWidth-400)/2+"px";
    oo("info_dsss").style.top=eet+"px";
    oo("info_dsss").style.display="";

obj.style.width=oo("home").scrollWidth+"px";
    obj.style.height=oo("home").scrollHeight+"px";
    }
}

function show_out(){
        scrollTo(0,0);
      if (window.navigator.userAgent.indexOf("MSIE")>=1){

obj.style.display="";

oo("quit-alert").style.left=(document.body.offsetWidth-300)/2+"px";
    oo("quit-alert").style.top="200px";
    oo("quit-alert").style.display="";
    obj.style.width=oo("home").scrollWidth+"px";
    obj.style.height=oo("home").scrollHeight+"px";

//obj.style.width=document.body.clientWidth;
    //obj.style.height=document.body.clientHeight;

if(obj.filters.alpha.opacity>60){
        obj.filters.alpha.opacity=60;
        clearTimeout(t.timer1);
        return;
    }else{
        obj.filters.alpha.opacity+=2;
        show_out()
    }
    return;
    }else{
    obj.style.background="url(http://www.iyumen.cn/images/imgs/reg-pop-bg2.png)";
    obj.style.display="";
    //obj.style.width=document.body.clientWidth;
    //obj.style.height=document.body.clientHeight;
    oo("quit-alert").style.left=(document.body.offsetWidth-300)/2+"px";
    oo("quit-alert").style.top="200px";
    oo("quit-alert").style.display="";

obj.style.width=oo("home").scrollWidth+"px";
    obj.style.height=oo("home").scrollHeight+"px";
    }
}

function in_party(){
        scrollTo(0,0);
      if (window.navigator.userAgent.indexOf("MSIE")>=1){

obj.style.display="";

oo("in_party").style.left=(document.body.offsetWidth-300)/2+"px";
    oo("in_party").style.top="200px";
    oo("in_party").style.display="";
    obj.style.width=oo("home").scrollWidth+"px";
    obj.style.height=oo("home").scrollHeight+"px";

//obj.style.width=document.body.clientWidth;
    //obj.style.height=document.body.clientHeight;

if(obj.filters.alpha.opacity>60){
        obj.filters.alpha.opacity=60;
        clearTimeout(t.timer1);
        return;
    }else{
        obj.filters.alpha.opacity+=2;
        in_party()
    }
    return;
    }else{
    obj.style.background="url(http://www.iyumen.cn/images/imgs/reg-pop-bg2.png)";
    obj.style.display="";
    //obj.style.width=document.body.clientWidth;
    //obj.style.height=document.body.clientHeight;
    oo("in_party").style.left=(document.body.offsetWidth-300)/2+"px";
    oo("in_party").style.top="200px";
    oo("in_party").style.display="";

obj.style.width=oo("home").scrollWidth+"px";
    obj.style.height=oo("home").scrollHeight+"px";
    }
}

function hide_in(){
      if (window.navigator.userAgent.indexOf("MSIE")>=1){
           if(obj.filters.alpha.opacity<=0){
        obj.filters.alpha.opacity=0;
        obj.style.display="none"

oo("in_party").style.display="none"
        clearTimeout(t.timer2)
        return;
        }else{
        obj.filters.alpha.opacity-=2;
        hide_in()
        }
      }else{
       obj.style.display="none"
       oo("in_party").style.display="none"
      }
    oo("in_party").style.top="200px";
      return;
}

function show_black(){
        scrollTo(0,0);
      if (window.navigator.userAgent.indexOf("MSIE")>=1){
    obj.style.display="";
    oo("quit-black").style.left=(document.body.offsetWidth-300)/2+"px";
    oo("quit-black").style.top="200px";
    oo("quit-black").style.display="";
    obj.style.width=oo("home").scrollWidth+"px";
    obj.style.height=oo("home").scrollHeight+"px";

//obj.style.width=document.body.clientWidth;
    //obj.style.height=document.body.clientHeight;

if(obj.filters.alpha.opacity>60){
        obj.filters.alpha.opacity=60;
        clearTimeout(t.timer1);
        return;
    }else{
        obj.filters.alpha.opacity+=2;
        show_black();
    }
    return;
    }else{
    obj.style.background="url(http://www.iyumen.cn/images/imgs/reg-pop-bg2.png)";
    obj.style.display="";
    //obj.style.width=document.body.clientWidth;
    //obj.style.height=document.body.clientHeight;

oo("quit-black").style.left=(document.body.offsetWidth-300)/2+"px";
    oo("quit-black").style.top="200px";
    oo("quit-black").style.display="";
    obj.style.width=oo("home").scrollWidth+"px";
    obj.style.height=oo("home").scrollHeight+"px";
    }
}

function show_add(){
        scrollTo(0,0);
      if (window.navigator.userAgent.indexOf("MSIE")>=1){
    obj.style.display="";

oo("add-alert").style.left=(document.body.offsetWidth-300)/2+"px";
    oo("add-alert").style.top="200px";
    oo("add-alert").style.display="";
    obj.style.width=oo("home").scrollWidth+"px";
    obj.style.height=oo("home").scrollHeight+"px";

//obj.style.width=document.body.clientWidth;
    //obj.style.height=document.body.clientHeight;

if(obj.filters.alpha.opacity>60){
        obj.filters.alpha.opacity=60;
        clearTimeout(t.timer1);
        return;
    }else{
        obj.filters.alpha.opacity+=2;
        show_add();
    }
    return;
    }else{
    //      alert("ssdd")
    obj.style.background="url(http://www.iyumen.cn/images/imgs/reg-pop-bg2.png)";
    obj.style.display="";
    //obj.style.width=document.body.clientWidth;
    //obj.style.height=document.body.clientHeight;

oo("add-alert").style.left=(document.body.offsetWidth-300)/2+"px";
    oo("add-alert").style.top="200px";
    oo("add-alert").style.display="";

obj.style.width=oo("home").scrollWidth+"px";
    obj.style.height=oo("home").scrollHeight+"px";
    //alert(obj.style.width)
    }
}

function show_login(){
             scrollTo(0,0);
         oo("login-out").style.display="";
         oo("login-pop").style.display="";
}

function show_login2(){
        oo("oDiv").style.display="none";
            oo("navigation_logo").style.display="none";
            oo("arrow_img").style.background="url('http://www.iyumen.cn/images/imgs/avatar_right.gif')";
            showi=0;
            scrollTo(0,0);
        oo("login-out").style.display="";
        oo("login-pop").style.display=""
}

function hide(){
      if (window.navigator.userAgent.indexOf("MSIE")>=1){
           if(obj.filters.alpha.opacity<=0){
        obj.filters.alpha.opacity=0;
        obj.style.display="none"

oo("info_dsss").style.display="none"
        clearTimeout(t.timer2)
        return;
        }else{
        obj.filters.alpha.opacity-=2;
        hide()
        }
      }else{
       obj.style.display="none"
       oo("info_dsss").style.display="none"
      }
    return;
}

function hide_login(){
      if (window.navigator.userAgent.indexOf("MSIE")>=1){
           if(obj.filters.alpha.opacity<=0){
        obj.filters.alpha.opacity=0;
        obj.style.display="none"

oo("login-out").style.display="none";
        oo("login-pop").style.display="none";
        clearTimeout(t.timer2)
        return;
        }else{
        obj.filters.alpha.opacity-=2;
        hide_login()
        }
      }else{
       obj.style.display="none"
       oo("login-out").style.display="none";
       oo("login-pop").style.display="none";
      }
    oo("login-out").style.top="95px";

return;
}

function hide_out(){
      if (window.navigator.userAgent.indexOf("MSIE")>=1){
           if(obj.filters.alpha.opacity<=0){
        obj.filters.alpha.opacity=0;
        obj.style.display="none"

oo("quit-alert").style.display="none"
        clearTimeout(t.timer2)
        return;
        }else{
        obj.filters.alpha.opacity-=2;
        hide_out()
        }
      }else{
       obj.style.display="none"
       oo("quit-alert").style.display="none"
      }
    oo("quit-alert").style.top="200px";
      return;
}

function hide_add(){
      if (window.navigator.userAgent.indexOf("MSIE")>=1){
           if(obj.filters.alpha.opacity<=0){
        obj.filters.alpha.opacity=0;
        obj.style.display="none"

oo("add-alert").style.display="none"
        clearTimeout(t.timer2)
        return;
        }else{
        obj.filters.alpha.opacity-=2;
        hide_add()
        }
      }else{
       obj.style.display="none"
       oo("add-alert").style.display="none"
      }
    oo("add-alert").style.top="200px";
      return;
}

function hide_black(){
      if (window.navigator.userAgent.indexOf("MSIE")>=1){
           if(obj.filters.alpha.opacity<=0){
        obj.filters.alpha.opacity=0;
        obj.style.display="none"

oo("quit-black").style.display="none"
        clearTimeout(t.timer2)
        return;
        }else{
        obj.filters.alpha.opacity-=2;
        hide_black();
        }
      }else{
       obj.style.display="none"
       oo("quit-black").style.display="none"
      }
    oo("quit-black").style.top="200px";
      return;
}

function login_url(op,partyid,groupid,styles){

var loghref=location.href ;
    oo("login_url").innerHTML="<input type=hidden name=url value=" + loghref + ">";
    actinfo(op);
    setday(partyid,groupid,styles);
}

(0)

相关推荐

  • 從博客網扣了一個效果出來

    從博客網扣了一個效果出來,但有個地方搞不定,求助無憂強人幫忙研究一下.現在演示:http://www.iyumen.cn/TopUser.asp效果說明:鼠標放到頭像上,頭像自動變換成另一張圖片.因為我網站里有兩種格式圖片 gif和jpg的,所以,現在如果原圖是jpg的話,就沒問題,如果是gif的話有提示說沒有上傳頭像,其實是有的,只是js里沒有設置讀取到 gif. 所以,我想要的功能就是 鼠標放到圖片上,不需要變換另一張圖片,這個能辦到嗎? 該頁面涉及到的源碼,我弄成壓縮包了,方便高人下載修改

  • JS实现新浪博客左侧的Blog管理菜单效果代码

    本文实例讲述了JS实现新浪博客左侧的Blog管理菜单效果代码.分享给大家供大家参考,具体如下: 这里介绍新浪博客左侧的Blog管理菜单,我们变通一下,如果你在设计程序,那么本款菜单用到后台管理中想必应该很合适吧,图片是调用新浪的,用了比较多的图片,你用的时候最好是下载到本地,以免新浪哪天改版了,你就傻了. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-sina-blog-left-menu-style-codes/ 具体代码如下: <ht

  • 圣诞节Merry Christmas给博客添加浪漫的下雪效果基于jquery实现

    一年一度的圣诞节又到了,首先祝大家好运一串串,健康一年年,平安到永远!在这个特殊的日子里,处处洋溢着节日的气氛,空中飘落的雪花更显得浪漫!今天就教大家如何在博客中添加纷纷扬扬的下雪效果.今天,你那里下雪了吗? 首先在页面引入 jQuery 库和 jQuery.snow.js(或者使用压缩版本 jQuery.snow.min.js): 复制代码 代码如下: <script src="jquery.js"></script> <script src="

  • js 博客内容进度插件详解

    前面的话 最近在复习自己写的博客,但有的博客内容很长,长到不知道多少时间可以读完.这时,就有种泄气的冲动.但,如果能够提供一个博客内容进度的插件,根据所读内容的多少,显示进度条,让自己对所读的内容进度心里有数,可以让自己平静下来,一点一点读下去.本文将详细介绍博客内容进度插件的实现 效果演示 无论是通过鼠标滚轮,还是拖动滚动条,也或者是按空格键,只要发生了页面的滚动操作,就会触发页面底部博客内容进度条的变化.根据当前内容的多少计算与博客所有内容的比例,最终对应成进度条的宽度.当鼠标移入进度条范围

  • 使用IE6看老赵的博客 jQuery初探

    很郁闷,看个博客吗,还要在安装一个浏览器?俺很懒,俺就是想要用IE6看! 最近在看jQuery,刚刚入一点门,发现了一个有趣的函数,就拿老赵的博客做实验了,哈. 装入一个 HTML 网页最新版本. jQuery 代码: 复制代码 代码如下: $.ajax({ url: "test.html", cache: false, success: function(html){ $("#results").append(html); } }); <div id=&qu

  • 利用ASP.NET MVC+Bootstrap搭建个人博客之修复UEditor编辑时Bug(四)

    我的个人博客站在使用百度富文本编辑器UEditor修改文章时,遇到了一些问题,(不知是bug,还是我没有配置好).但总算找到了解决方法,在此记录下来. 小站首页文章列表显示为(显示去除HTML标签后的前600个字符): 具体在www.zynblog.com 遇到的问题: 正常来讲,进入文章修改页,只需将UEditor对应的textarea的value设置为文章Content就行了: $('#editor').val('@Html.Raw(this.Model.Contents)'); 最开始我就

  • 手把手教你用Hexo+Github搭建属于自己的博客(详细图文)

    在大三的时候,一直就想搭建属于自己的一个博客,但由于各种原因,最终都不了了之,恰好最近比较有空,于是就自己参照网上的教程,搭建了属于自己的博客. 至于为什么要搭建自己的博客了? 哈哈,大概是为了装逼吧,同时自己搭建博客的话,样式的选择也比较自由,可以自己选择,不需要受限于各大平台. 转载请注明原博客地址:手把手教你用Hexo+Github 搭建属于自己的博客 大概可以分为以下几个步骤 搭建环境准备(包括node.js和git环境,gitHub账户的配置) 安装Hexo 配置Hexo 怎样将Hex

  • 利用Vue.js+Node.js+MongoDB实现一个博客系统(附源码)

    前言 这篇文章实现的博客系统使用 Vue 做前端框架,Node + express 做后端,数据库使用的是 MongoDB.实现了用户注册.用户登录.博客管理(文章的修改和删除).文章编辑(Markdown).标签分类等功能. 前端模仿的是 hexo 的经典主题 NexT,本来是想把源码直接拿过来用的,后来发现还不如自己写来得快,就全部自己动手实现成 vue components. 实现的功能 1.文章的编辑,修改,删除 2.支持使用 Markdown 编辑与实时预览 3.支持代码高亮 4.给文

  • 博客日志摘要暨RSS技术

    本文节选自<Dreamweaver8+ASP动态网站开发从基础到实践> 日志的摘要对于一个博客系统来说是必不可少的象征性技术,其主要RSS技术.RSS是英文Rich Site Summary(丰富站点摘要)的缩写,它是一种用于共享日志标题和内容的XML格式. 当不同的"博客系统"使用了统一格式的RSS,就方便了大众的阅读.利用RSS可通过浏览日志的标题或部分内容迅速查看到所需的阅读内容,为浏览者获取有用信息争取时间.提高效率.同时RSS还能被"聚合",将

  • 打造博客园(cnblogs)超级自定义界面

    定制博客界面的核心方法是通过引用我们自己上传的外部JS,使外部JS的代码能在当前博客页面上执行,从而用这个JS修改页面DOM结构(加入新的界面元素,加入引用自定义的CSS,加入新的界面交互功能),然后我们就可以在自己写的这个外部JS里任意发挥了. 在博客园中的博客页面中引用外部JS的方法: 进入博客设置页面->设置->子标题,在这里,你可以输入你博客的一些子标题的内容,同时,你其实还可以输入如下html:<script src="XXXX">XXXX代表你的JS

随机推荐