如何给网站添加浮动小人.下

重庆SEO分享:给网站添加浮动小人如何调用源代码,上一篇文章介绍浮动小人的源代码和图片,接下来介绍在网站中调用源代码。

在看下内容之前你是否下了所需的源文件,如果没有下载请在《如何给网站添加浮动小人.上》文章的底部下载,否则你接下的就不实战了哟。边学习边操作,才能更快的找到问题,从而实现自我提升!

废话不说了,接下来重庆陈江林跟大家介绍“浮动小人”的具体步骤:

1、将下载好的源文件解压出来,你会看到如下文件:

fdxr

2、再打开FTP工具进入网站的主题,将JS、CSS中的文件分别上传到主题的JS和CSS文件中,最后把images文件中的图片上传到主题的images文件,如果自己的主题没有JS和CSS文件,那就创建JS和CSS文件呗;

3、所有文件上传完成后,基本工作就去了一大半,接下就是在网站后台调用,打开网站后台——外观——编辑——顶部(header.php),在头部文件加入JS+CSS调用代码,代码和试图如下:

    <script type="text/javascript" src="http://www.chenjianglin.cn/wp-content/themes/Lonely1.1/js/jquery.min.js"></script>
    <script type="text/javascript" src="http://www.chenjianglin.cn/wp-content/themes/Lonely1.1/js/spig.js"></script>
    <link rel="stylesheet" href="http://www.chenjianglin.cn/wp-content/themes/Lonely1.1/css/spigPet.css" type="text/css"/>
    <script type="text/javascript">
    var isindex = true;
    var visitor = true;
    </script>

fdxr (2)

4、再打开网站后台——外观——编辑——底部(footer.php),添加浮动小人的显示代码,代码和试图如下:

    <!--小人只在首页显示 start*-->
    <div id="spig" class="spig">
            <div id="message">正在加载中……</div>
            <div id="mumu" class="mumu"></div>
    </div>
    <!--小人end*-->
    <div style="text-align:center;clear:both">

fdxr (3)

5、保存好所有文件刷新网站,加载完成后是否也和《重庆网站优化》一样,小帅哥出现在网站勒!
face

6.以上调用代码在下载源文件“index.html”中,可以使用DW软件打开,只是调用的地址变,JS、CSS存放的地方不一样,调用的地址就有所变动。

Ps:浮动小人还有点小缺陷,就是鼠标点击浮动小人时,会跑出屏幕显示的范围,感觉不是很好,后期如有解决方法,我会及时更新。如果你有好的办法可以联系和或留言,谢谢大家耐心看完。

《浮动小人》源文件下载:http://pan.baidu.com/s/1c0Gio9q

发表评论

电子邮件地址不会被公开。 必填项已用*标注