谷歌博客实现网页悬浮动漫小人效果

 在网上，我们可以看到一些站长为网页制作了浮动动画小人。橙君也觉得很好奇，研究了一下。其实网上有很多方法可以达到这种效果。如果你想给自己的网页添加一个动漫人物反派，

实施方法

首先，确定要在网页上显示哪个页面，找到该网页对应的模板，然后在头部添加以下代码

<script type=”text/javascript” src=”js/jquery.min.js”></script>

<script type=”text/javascript” src=”js/spig.js”></script>

<link rel=”stylesheet” href=”css/spigPet.css” type=”text/css”/>

<script type=”text/javascript”>

var isindex = true;

var visitor = true;

</script>

以下是css代码

<!–动漫小人–>

<div id=”spig” class=”spig”>

    <div id=”message”>正在加载中……</div>

    <div id=”mumu” class=”mumu”></div>

</div>

<!–动漫小人结束–>

该动漫小人支持在手机端展示，点击后人物同样会漂浮，并出现人物的提示框，一般建议只给网站首页加这个动漫小人效果，文章页不建议添加，可能影响阅读，喜欢的站长可以动手试试。