王大仙的博客园小仓鼠
Posted wangdaxianer
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了王大仙的博客园小仓鼠相关的知识,希望对你有一定的参考价值。
今天手敲了一套博客园的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>
以上是关于王大仙的博客园小仓鼠的主要内容,如果未能解决你的问题,请参考以下文章