浮动图片源码 php,【源码分享】博客浮动小人随机语句飘动代码

SeaTable

于 2021-03-18 23:52:18 发布

阅读量463

点赞数

文章标签：浮动图片源码 php

特效代码互动小人女生版 JS 网页互动

关键词由CSDN通过智能技术生成

效果如上图，其实这个易云早在1年多之前就分享过，后来部分文章在搬家过程中损失了，其中就有这文章。。。

现在重新分享下，这个源码使用很简单，其实有男生版和女生版，这个是女生版，也就是图片不同而已。。。

首先需要加载下下面的JS即可实现，代码如下：

<?php if((($display_name = wp_get_current_user()->display_name) != null)) echo 'var visitor="',$display_name,'";'; else if(isset($_COOKIE['comment_author_'.COOKIEHASH])) echo 'var visitor="',$_COOKIE['comment_author_'.COOKIEHASH],'";';else echo 'var visitor="游客";';echo "\n"; ?>

.spig {display:block;width:130px;height:170px;position:absolute;bottom: 300px;left:160px;z-index:9999;}

#message{color :#191919;border: 1px solid #c4c4c4;background:#ddd;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;min-height:1em;padding:5px;top:-45px;position:absolute;text-align:center;width:auto !important;z-index:10000;-moz-box-shadow:0 0 15px #eeeeee;-webkit-box-shadow:0 0 15px #eeeeee;border-color:#eeeeee;box-shadow:0 0 15px #eeeeee;outline:none;}

.mumu{width:130px;height:170px;cursor: move;background:url(小人图片地址) no-repeat;}

加载中……

然后把这个资源包上传到你的空间根目录，再按要求修改下代码里的【JS文件地址】和【小人图片】地址即可