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

看到有博客右边的浮动窗口挺好看的，就从网上下了个，自己又改了改
可以搜索，原来长文还要上拉搜索，现在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 == "*"){
return *_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 *_go(){
return window.open("https://*.com/search?q="+encodeURIComponent(document.getElementById("q").value)),
!1
}
function *_go_enter(n){
if(n.keyCode==13)
return *_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="*">*</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>

秒客网

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

相关文章