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

机场推荐2年前 (2021)发布 yanyu
1.7K 0

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

实施方法

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

<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>

<!–动漫小人结束–>

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

© 版权声明

相关文章

暂无评论

您必须登录才能参与评论!
立即登录
暂无评论...