三笠：只要有你在，我就无所不能

• 看到有博客右边的浮动窗口挺好看的，就从网上下了个，自己又改了改
• 可以搜索，原来长文还要上拉搜索，现在Mikasa陪着你，嘿嘿
• 插入了我的网易云音乐歌单，为枯燥的文章用歌曲点亮！

下面附上代码

// CSS
.spig {
    display:block;
    width:180px;
    height:180px;
    position:absolute;
    top: -200px;
    left: 50px;
    z-index:100;
}

#message {
    color :#191919;
    border: 1px solid #c4c4c4;
    background:#ddd;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    min-height:1em;
    padding:5px;
    top:-30px;
    position:absolute;
    text-align:center;
    width:auto !important;
    z-index:10000;
    -moz-box-shadow:0 0 15px #eeeeee;
    -webkit-box-shadow:0 0 15px #eeeeee;
    border-color:#eeeeee;
    box-shadow:0 0 15px #eeeeee;
    outline:none;
}

.mumu {
    width:180px;
    height:180px;
    cursor: move;
    background:url(./img/mikasa.png) no-repeat;
}

// JavaScript
//一打开就出现
jQuery(document).ready(function ($) {
    $(".spig").animate({
        top: $(".spig").offset().top + 550,
        left: document.body.offsetWidth - 180
    },
    {
        queue: false,
        duration: 1000
    });
});

jQuery(document).ready(function ($) {
    $("#spig").mousedown(
    function (e) {
        if(e.which==3){
        }
    }
);
    $("#spig").bind("contextmenu", function(e) {
    return false;
});
});

var spig_top = 50;
//滚动条移动
jQuery(document).ready(function ($) {
    var f = $(".spig").offset().top;
    $(window).scroll(function () {
        $(".spig").animate({
            top: $(window).scrollTop() + f + 550,
            left: document.body.offsetWidth - 180
        },
        {
            queue: false,
            duration: 1000
        });
    });
});

//超级搜索框
function search_go(n){
    var myselect=document.getElementById("searchengines");
    var index=myselect.selectedIndex ;             // selectedIndex代表的是你所选中项的index
    searchengine = myselect.options[index].value;
    if(searchengine == "Google"){
        return google_go_enter(n);
    }
    if(searchengine == "Baidu"){
        return Baidu_go_enter(n);
    }
    if(searchengine == "cnblogs"){
        return zzk_go_enter(n);
    }
    if(searchengine == "Wikipedia"){
        return wikipedia_go_enter(n);
    }
    if(searchengine == "CSDN"){
        return CSDN_go_enter(n);
    }
    if(searchengine == "Github"){
        return Github_go_enter(n);
    }
    if(searchengine == "sourceforge"){
        return sourceforge_go_enter(n);
    }
    if(searchengine == "v2ex"){
        return v2ex_go_enter(n);
    }
    if(searchengine == "stackoverflow"){
        return stackoverflow_go_enter(n);
    }
    if(searchengine == "arxiv"){
        return arxiv_go_enter(n);
    }
    else{
        return Baidu_go_enter(n);
    }
}

function google_go(){
    return window.open("http://www.google.com/search?q="+encodeURIComponent(document.getElementById("q").value)),
    !1
}
function google_go_enter(n){
    if(n.keyCode==13)
        return google_go(),
    !1
}

function Baidu_go(){
    return window.open("https://www.baidu.com/s?wd="+encodeURIComponent(document.getElementById("q").value)),
    !1
}
function Baidu_go_enter(n){
    if(n.keyCode==13)
        return Baidu_go(),
    !1
}

function zzk_go(){var n=encodeURIComponent("blog:"+currentBlogApp+" "+document.getElementById("q").value);window.open("http://zzk.cnblogs.com/s?w="+n)}
function zzk_go_enter(n){if(n.keyCode==13)return zzk_go(),!1}

function wikipedia_go(){
    return window.open("https://en.wikipedia.org/w/index.php?search="+encodeURIComponent(document.getElementById("q").value)),
    !1
}
function wikipedia_go_enter(n){
    if(n.keyCode==13)
        return wikipedia_go(),
    !1
}

function stackoverflow_go(){
    return window.open("https://stackoverflow.com/search?q="+encodeURIComponent(document.getElementById("q").value)),
    !1
}
function stackoverflow_go_enter(n){
    if(n.keyCode==13)
        return stackoverflow_go(),
    !1
}

function CSDN_go(){
    return window.open("http://so.csdn.net/so/search/s.do?q="+encodeURIComponent(document.getElementById("q").value)),
    !1
}
function CSDN_go_enter(n){
    if(n.keyCode==13)
        return CSDN_go(),
    !1
}

function v2ex_go(){
    return window.open("http://www.google.com/search?q="+encodeURIComponent("site:v2ex.com"+document.getElementById("q").value)),
    !1
}
function v2ex_go_enter(n){
    if(n.keyCode==13)
        return v2ex_go(),
    !1
}

function arxiv_go(){
    return window.open("https://arxiv.org/find/all/1/all:"+encodeURIComponent(document.getElementById("q").value)+"/0/1/0/all/0/1"),
    !1
}
function arxiv_go_enter(n){
    if(n.keyCode==13)
        return arxiv_go(),
    !1
}

function sourceforge_go(){
    return window.open("https://sourceforge.net/directory/os:windows/?q="+encodeURIComponent(document.getElementById("q").value)),
    !1
}
function sourceforge_go_enter(n){
    if(n.keyCode==13)
        return sourceforge_go(),
    !1
}

function Github_go(){
    return window.open("https://github.com/search?utf8=%E2%9C%93&q="+encodeURIComponent(document.getElementById("q").value)),
    !1
}
function Github_go_enter(n){
    if(n.keyCode==13)
        return Github_go(),
    !1
}

// html
<script type="text/javascript" src="js/mikasa.js"></script>

<link rel="stylesheet" href="css/mikasa.css" type="text/css"/>

<script type="text/javascript">
var isindex = true;
var visitor = true;
</script>

</head>
<body style="height:1000px;">
<!--三笠start*-->
<div id="mikasa" class="spig">
    <div id="message">Mikasa陪着你</div>
    <div id="sidebar_search_box">
    <div id="mumu" class="mumu"></div>
    <div id="sidebar_search" class="mySearch">
    <h3 class="catListTitle">搜索</h3>
    <div id="sidebar_search_box">
    <div id="widget_my_zzk" class="div_my_zzk">
    <form>
    <select id="searchengines" name="searchengines" style="width:60px;">
    <option value="Baidu">Baidu</option>
    <option value="Google">Google</option>
    <option value="cnblogs">cnblogs</option>
    <option value="Wikipedia">Wikipedia</option>
    <option value="CSDN">CSDN</option>
    <option value="Github">Github</option>
    <option value="sourceforge">sourceforge</option>
    <option value="v2ex">v2ex</option>
    <option value="arxiv">arxiv</option>
    <option value="stackoverflow">stackoverflow</option>
    </select>
    </form>
    <input id="q" onkeydown="return search_go(event);" class="input_my_zzk" type="text">
</div>
</div>
</div>
<!--三笠end*-->

 

<embed frameborder="no" border="0" marginwidth="1000px" marginheight="0" width=330 height=450 src="//music.163.com/outchain/player?type=0&id=738883444&auto=0&height=450" style="right:0;left:auto;position:fixed;z-index:99;padding: 0 0 0;"></embed>

 

.footer {
    width: 100%;
    background-color: #fff;
    color: #006;
    border-top: 1px solid #006;
    font-size: 11px;
    text-align: center;
    padding: 2px 1px 0 0;
    clear: both;
}