WEB主题公园
WordPress原创主题,高端网站模板建站,网站模板建站资源以及开发知识分享,尽在WEB主题公园
WEB主题公园致力于开发适合中国人习惯的中文WordPress网站模板,并提供全程视频教程,让您能够轻松的使用网站模板建立好自己的网站!
wordpress网站边侧的悬浮小工具源码
WordPress应用技术 WordPress技术博客 20384
最近有不少朋友向我索要web主题公园网站的半侧悬浮小工具,觉得是一个非常方便而又美观的样式。今天应大家的要求特此发布源码,大家可以直接下载文件使用,本文介绍如何使用和修改此源码,希望能够对你有所帮助。
使用帮助:
1.首先下载文档:悬浮小工具
2.打开文档,将<style> </style>中的css全部复制到你的css文件夹中,并写好注释
3.将<script type="text/javascript"></script> 复制到你的js文档中,并写好注释。
最后将html代码css类 xf 中所有的编码复制到head区域,注意,复制的区域要在id="page-wrap" div之前哦!~
4.将images文件夹中的图片复制到你的图片文件夹中。
现在刷新你的网站,是不是出现了悬浮的小工具呢?
你可以修改图片xf.png来制作你自己的样式,在文件中我们附赠了psd文档可以提供修改哦~
文档中提供一些代码共你参考:
点击弹开qq的代码
收藏的js代码
最后记得加载jquery库哦,此段代码是居于jquery的!~
附:如何引用微博展示模块:
进入新浪微博,点击我的工具:

选择你的样式,需要显示的方式等,复制代码到相应位置即可:

下载文档:悬浮小工具
如未标明出处,所有文章均为WEB主题公园原创,如需转载,请附上原文地址,感谢您的支持和关注。
本文地址:https://www.themepark.com.cn/wordpresswzbcdxfxgjym.html
推荐阅读
- 2013年11月7日
- 2016年7月18日
- 2016年10月24日
- 2017年2月3日
- 2013年6月4日
- 2017年3月7日
- 2016年9月27日
- 2015年9月11日
- 2014年4月9日




