码迷,mamicode.com
首页 > 其他好文 > 详细

王大仙的博客园小仓鼠

时间:2018-10-18 20:52:22      阅读:215      评论:0      收藏:0      [点我收藏+]

标签:粘贴   wave   top   weight   mod   ide   font   alt   div   

今天手敲了一套博客园的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>
显示代码

 

 

 

技术分享图片

王大仙的博客园小仓鼠

标签:粘贴   wave   top   weight   mod   ide   font   alt   div   

原文地址:https://www.cnblogs.com/wangdaxianer/p/9812899.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!