王大仙的博客园小仓鼠

Posted 2021-01-13 wangdaxianer

今天手敲了一套博客园的css样式，网上搜到的小仓鼠挺有意思，自己稍作改装，粘贴上就可以用

 

附上代码：

<style type="text/css">
#shhamster{
            background: #a8c1d8;border-radius:10px;
        }
        #shhamster:hover{
            border-radius: 5px;border: red 1px solid;background: orange;
        }
</style>

<div id="shhamster" style="position: absolute;left: 15px;top: 20px;weight:5px;font-size: 40px;">王<br/>大<br/>仙<br/>儿<br/>的<br/>小<br/>仓<br/>鼠</div>
    <div style="position: absolute;left: 60px;top:10px;">
        <object type="application/x-shockwave-flash" style="outline:none;" data="https://blog-static.cnblogs.com/files/wangdaxianer/hamster.swf" width="640" height="480">
            <param name="movie" value="https://blog-static.cnblogs.com/files/wangdaxianer/hamster.swf">
            <param name="AllowScriptAccess" value="always">
            <param name="wmode" value="opaque">
        </object>
    </div>

<script type="text/javascript">
    $(function () {
        $("#shhamster").next().hide();
        $("#shhamster").click(function () {
            $(this).next().toggle(function () {

            },function () {

            });
        });
    })
</script>

显示代码