WebVR和WebGL API 已经使我们能够开始在 Web 浏览器中创建虚拟现实 (VR) 体验，但社区仍在等待工具和库的出现，以使这一任务更容易完成。
Mozilla 的A-Frame框架提供了一种标记语言，允许我们使用 Web 开发人员熟悉的系统构建 3D VR 场景，该系统遵循游戏开发编码原则；这对于快速成功地构建原型和演示很有用，而无需编写大量 JavaScript 或 GLSL。本文解释了如何启动和运行 A-Frame，以及如何使用它来构建一个简单的演示。
1、高级概述
A-Frame 的当前版本是 0.3.2，这意味着它是高度实验性的，但它已经可以工作，你可以立即在浏览器中对其进行测试。它可以在台式机、移动设备（iOS 和 Android）以及 Oculus Rift、Gear VR 和 HTC Vive 上运行。
A-Frame 建立在WebGL之上，并提供了在应用程序中使用的预构建组件——模型、视频播放器、天空盒、几何图形、控件、动画、光标等。它基于实体组件系统，在游戏开发领域这是众所周知的，但它面向具有熟悉标记结构的 Web 开发人员，可使用 JavaScript 进行操作。最终结果是默认启用 VR 的 3D 网络体验。
2、环境设置
让我们首先设置一个环境来使用 A-Frame 创建一些东西。然后我们将构建一个演示并运行它。你应该开始：
- 确保使用的是具有良好 WebGL 支持的现代浏览器（如果有可用的 VR 硬件，则支持 WebVR），例如最新的 Firefox 或 Chrome — 下载Firefox Nightly或 Chrome（v54 或更高版本）。
- （可选）设置 VR 设备，例如 Oculus Rift 或 Google Cardboard。
- 创建一个新目录来保存的项目。
- 在你的目录中保存最新的 A-Frame JavaScript 库文件的副本（检查 GitHub 存储库以获取最新的稳定开发版本）。
- 在单独的选项卡中打开A-Frame 文档——参考它很有用。
3、HTML结构
第一步是创建一个 HTML 文档——在你的项目目录中，创建一个新index.html文件，并在其中保存以下 HTML：
MDN Games: A-Frame demo
这包含一些基本信息，例如文档charset和. 该<script>元素包括页面中的A-Frame框架；我们将在<body>元素内编写示例代码。</span></p><h1 class="pgc-h-arrow-right" data-track="17">4、初始化场景</h1><p data-track="18"><span style="color: #333333; --tt-darkmode-color: #A3A3A3;">场景是一切发生的地方。在演示中创建新对象时，我们会将它们全部添加到场景中以使它们在屏幕上可见。在 A-Frame 中，场景由Scene entity表示。</span></p><blockquote><p data-track="19"><strong>注意：</strong>实体是任何元素——它可以是像盒子、圆柱体或圆锥体这样的对象，但它也可以是相机、光源或声源。</p></blockquote><p data-track="20"><span style="color: #333333; --tt-darkmode-color: #A3A3A3;"><a-scene>让我们通过在元素中添加一个元素来创建场景<body>：</span></p><pre><code><a-scene>
</a-scene></code></pre><h1 class="pgc-h-arrow-right" data-track="22">5、添加立方体</h1><p data-track="23"><span style="color: #333333; --tt-darkmode-color: #A3A3A3;"><a-box>通过在元素内添加一个简单元素来将立方体添加到场景中<a-scene>。现在添加它：</span></p><pre><code><a-box
color="#0095DD"
position="0 1 0"
rotation="20 40 0">
</a-box>
</code></pre><p data-track="25"><span style="color: #333333; --tt-darkmode-color: #A3A3A3;">它包含一些已经定义的参数：color和position—rotation这些参数相当明显，它们定义了立方体的基色、3D 场景中的位置以及立方体的旋转。</span></p><blockquote><p data-track="26"><strong>注意：</strong>距离值（例如立方体 y 位置）是无单位的，基本上可以是你认为适合你的场景的任何值——毫米、米、英尺或英里——这取决于你。</p></blockquote><h1 class="pgc-h-arrow-right" data-track="27">6、添加背景：天空盒</h1><p data-track="28"><span style="color: #333333; --tt-darkmode-color: #A3A3A3;">天空盒是 3D 世界的背景，由一个<a-sky>元素表示。在我们的例子中，我们将使用简单的颜色，但它也可以是图像等。环顾四周会给人一种置身于开阔的天空、木制谷仓的印象——无论你喜欢哪里！<a-cube>在元素前添加以下 HTML ：</span></p><pre><code><a-sky color="#DDDDDD"></a-sky>
</code></pre><p data-track="30"><span style="color: #333333; --tt-darkmode-color: #A3A3A3;">此时，如果保存代码并刷新浏览器，已经可以在屏幕上看到带有我们自定义背景的立方体：</span></p><img src="https://p3.toutiaoimg.com/origin/tos-cn-i-qvj2lq49k0/21bb4d9ca66a488c801806206463fb55?from=pc" img_width="1200" img_height="640" alt="A-Frame虚拟现实开发入门" inline="0"><p class="pgc-img-caption"></p><p data-track="31"><span style="color: #333333; --tt-darkmode-color: #A3A3A3;">可以前往 github 查看此代码。</span></p><hr><p data-track="32"><span style="color: #333333; --tt-darkmode-color: #A3A3A3;">原文链接：http://www.bimant.com/blog/a-frame-tutorial/</span></p> <div id="page"> </div>
<div class="Qr-code"> <span class="like"> <a title="喜欢就赞一个！" href="JavaScript:makeRequest('/e/public/digg/?classid=2&id=1965518&dotop=1&doajax=1&ajaxarea=diggnum','EchoReturnedText','GET','');" class="dotGood "> <i class="icon icon-article-zan icon-thumbs-up"></i> <span class="num count" id="diggnum"><script src=https://www.fensifuwu.com/e/public/ViewClick/?classid=2&id=1965518&down=5></script></span></a> </span>
<div class="footer-icon-list js-qr-ds"> <a href="javascript:">
<li class="Qr-code-footer">
<div class="app-qrcode dashang"> <img src="/skin/ecms137/images/zfbds.png"> </div>
支付宝打赏 </li>
</a> </div>
<div class="footer-icon-list js-qr-ds"> <a href="javascript:">
<li class="Qr-code-footer">
<div class="app-qrcode dashang"> <img src="/skin/ecms137/images/wxds.png"> </div>
微信打赏 </li>
</a> </div>
</div>
<div class="tag-box "> </div>
<div class="pcd_ad"><script src=https://www.fensifuwu.com/d/js/acmsd/thea7.js></script></div>
<div class="mbd_ad"><!-- 广告位：h7 -->
<script>
(function() {
var s = "_" + Math.random().toString(36).slice(2);
document.write('<div id="' + s + '"></div>');
(window.slotbydup=window.slotbydup || []).push({
id: '7741724',
container: s,
size: '6,5',
display: 'inlay-fix'
});
})();
</script>
<script src="//dup.baidustatic.com/js/om.js"></script></div>
<!--评论开始-->
<div id="comment-title"><span class="span-mark-author active">发表评论</span></div>
<div id="comments" class="clearfix">
<link href="/skin/ecmspl/css/pl.css" rel="stylesheet">
<div class="showpage" id="plpost">
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="line-height: 25px; padding: 5px 3px 1px 8px; font-size: 18px;">
<tr><td><strong><font color="#333333">留言与评论（共有 <span id="infocommentnumarea">0</span> 条评论）
“”</font></strong></td></tr>
</table>
<script>
function CheckPl(obj)
{
if(obj.saytext.value=="")
{
alert("您没什么话要说吗？");
obj.saytext.focus();
return false;
}
return true;
}
</script>
<form action="/e/pl/doaction.php" method="post" name="saypl" id="saypl" onsubmit="return CheckPl(document.saypl)">
<table width="100%" border="0" cellpadding="0" cellspacing="0" id="plpost">
<tr>
<td>
<table width="100%" border="0" cellspacing="10" cellpadding="0">
<tr>
<td>
<script src="https://www.fensifuwu.com/e/pl/loginjspl.php"></script>
<textarea name="saytext" rows="6" id="saytext" placeholder=""></textarea>
<script src="/d/js/js/plface.js"></script>
<table width='100%' align='left' cellpadding=3 cellspacing=1 bgcolor='#FFF'>
<tr>
<td width="80%" height="40" bgcolor="#FFFFFF">验证码：<input name="key" type="text" class="inputText" size="16" />
<img src="/e/ShowKey/?v=pl" align="absmiddle" name="plKeyImg" id="plKeyImg" onclick="plKeyImg.src='/e/ShowKey/?v=pl&t='+Math.random()" title="看不清楚,点击刷新" />
</td>
<td width="20%" height="40" bgcolor="#FFFFFF">
<input name="sumbit" type="submit" value="提交评论" tabindex="6" style="border-radius: 5px;font-size: 16px;background: #e94c3d none repeat scroll 0% 0%;border: 0px none;margin: 0px 16px;padding: 1px 16px;height: 33px;line-height: 30px;color: rgb(255, 255, 255);opacity: 0.95;">
<input name="id" type="hidden" id="id" value="1965518" />
<input name="classid" type="hidden" id="classid" value="2" />
<input name="enews" type="hidden" id="enews" value="AddPl" />
<input name="repid" type="hidden" id="repid" value="0" />
<input type="hidden" name="ecmsfrom" value="https://www.fensifuwu.com/technology/1965518.html">
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table></form>
<table width="100%" border="0" cellpadding="3" cellspacing="1" bgcolor="#FFFFFF">
<tr>
<td bgcolor="#FFFFFF" id="infocommentarea"></td>
</tr>
</table>
<script src="https://www.fensifuwu.com/e/extend/infocomment/commentajax.php?classid=2&id=1965518"></script>
</div>
</div>
</div>
<!--相关文章 -->
<div class="article-re" id="article-re">
<h3><span class="title-re">相关文章</span></h3>
<div class="article-tw clearfix">
</div>
</div>
</div>
<!--文章内容结束 -->
<div class="wrap-right pull-right">
<div id="zuozhebg1">
<div id="zuozhebg"></div>
<div class="box-author-info">
<div class="author-face"> <a href="https://www.fensifuwu.com/e/space/listuseract.php?mid=1&tempid=12&userid=2" target="_blank"> <img alt="网友投稿" src="/skin/ecmspic/random/userpic/65.gif" class="avatar avatar-98 photo" height="98" width="98" /> </a> </div>
<div class="author-name"> <a href="https://www.fensifuwu.com/e/space/listuseract.php?mid=1&tempid=12&userid=2" target="_blank"> 网友投稿 </a> <span>普通会员</span> </div>
<div class="author-one">我还没有学会写个人说明</div>
<div class="author-article-pl">
<ul>
<li><a href="https://www.fensifuwu.com/e/space/listuseract.php?mid=1&tempid=12&userid=2" title="网友投稿所有的文章" target="_blank">132783 篇文章</a></li>
<i class="icon icon-line-face"></i>
<li><a href="https://www.fensifuwu.com/e/space/listuseract.php?mid=1&tempid=12&userid=2">4360319 次浏览</a></li>
</ul>
</div>
</div>
<dl class="article-newest">
<dt><span class="tit">最近文章</span></dt>
<li> <a href="https://www.fensifuwu.com/emotion/me/2022/06/20/1907294.html" target="_blank" title="那天上课，我发现女同桌竟将手机调成震动夹在大腿根处"><i class="iconfont icon-sanjiao"></i>那天上课，我发现女同桌竟将手机调成震动夹在大腿根处</a> </li>
<li> <a href="https://www.fensifuwu.com/emotion/me/2018-08/503818.html" target="_blank" title="投诉西安大唐医院医疗欺诈 希望大家注意 避免上当受骗"><i class="iconfont icon-sanjiao"></i>投诉西安大唐医院医疗欺诈 希望大家注意 避免上当受骗</a> </li>
<li> <a href="https://www.fensifuwu.com/emotion/me/2018-08/504232.html" target="_blank" title="西安莲湖大唐医院黑心骗子高昂收费不说 病情治疗不彻底医生无德 大家小心千万不要去"><i class="iconfont icon-sanjiao"></i>西安莲湖大唐医院黑心骗子高昂收费不说 病情治疗不彻底医生无德 大家小心千万不要去</a> </li>
<li> <a href="https://www.fensifuwu.com/emotion/me/2018-08/506421.html" target="_blank" title="曝光夸大病情恐吓患者治疗 西安大唐医院就是黑心骗子医院 医生态度极其恶劣"><i class="iconfont icon-sanjiao"></i>曝光夸大病情恐吓患者治疗 西安大唐医院就是黑心骗子医院 医生态度极其恶劣</a> </li>
<li> <a href="https://www.fensifuwu.com/technology/1612370.html" target="_blank" title="《心跳文学部》是一款什么样的游戏，为什么在国内被禁？"><i class="iconfont icon-sanjiao"></i>《心跳文学部》是一款什么样的游戏，为什么在国内被禁？</a> </li>
<li> <a href="https://www.fensifuwu.com/eatables/1832739.html" target="_blank" title="日本福井SKIJAM胜山滑雪度假村14日开放 力争19.8万人次到场"><i class="iconfont icon-sanjiao"></i>日本福井SKIJAM胜山滑雪度假村14日开放 力争19.8万人次到场</a> </li>
<li> <a href="https://www.fensifuwu.com/eatables/1832740.html" target="_blank" title="长江文化旅游博览会举办"><i class="iconfont icon-sanjiao"></i>长江文化旅游博览会举办</a> </li>
<li> <a href="https://www.fensifuwu.com/sport/1832742.html" target="_blank" title="英超：切尔西胜热刺"><i class="iconfont icon-sanjiao"></i>英超：切尔西胜热刺</a> </li>
<li> <a href="https://www.fensifuwu.com/eatables/1832741.html" target="_blank" title="文化和旅游部：变更个别国家级文化生态保护区"><i class="iconfont icon-sanjiao"></i>文化和旅游部：变更个别国家级文化生态保护区</a> </li>
<li> <a href="https://www.fensifuwu.com/sport/1832744.html" target="_blank" title="巴塞罗那球员平均工资冠绝全球体育榜"><i class="iconfont icon-sanjiao"></i>巴塞罗那球员平均工资冠绝全球体育榜</a> </li>
</dl>
</div>
<div class="widget widget_ztmao_hotpost">
<div class="box-moder hot-article">
<h3>推荐文章</h3>
</div>
<div class="box-moder hot-article"> <span class="span-mark"></span>
<ul class="hots-post-widget">
</ul>
</div>
<div class="placeholder"></div>
</div>
<div class="widget">
<script src=https://www.fensifuwu.com/d/js/acmsd/thea2.js></script>
</div>
<div class="widget widget_ztmao_mostviews2">
<div class="box-moder hot-article">
<h3>最热点击文章</h3>
</div>
<div class="box-moder hot-article"> <span class="span-mark"></span>
<ul class="hots-post-widget">
<li>
<div class="mod-thumb"> <a href="https://www.fensifuwu.com/technology/1818039.html" target="_blank"> <img class="xyscale" src="https://www.fensifuwu.com/e/extend/timthumb.php?src=https://rmrbcmsonline.peopleapp.com/upload/zw/bjh_image/1589006087_1fb6db121d45adec8216f5e9e462c999.png&w=100&h=74&zc=1" alt="42000颗星链计划对人类会产生什么影响？为什么有科学家反对？"/> </a> </div>
<div class="project-content"> <a href="https://www.fensifuwu.com/technology/1818039.html" target="_blank">
42000颗星链计划对人类会产生什么影响？为什么有科学家反对？ </a> </div>
</li>
<li>
<div class="mod-thumb"> <a href="https://www.fensifuwu.com/technology/1817708.html" target="_blank"> <img class="xyscale" src="https://www.fensifuwu.com/e/extend/timthumb.php?src=https://rmrbcmsonline.peopleapp.com/upload/zw/bjh_image/1588734756_3ef9402d857fb953ac97b2f0c229637f.jpeg&w=100&h=74&zc=1" alt="“长征5号B遥一火箭”是什么意思？一文看懂火箭命名规则"/> </a> </div>
<div class="project-content"> <a href="https://www.fensifuwu.com/technology/1817708.html" target="_blank">
“长征5号B遥一火箭”是什么意思？一文看懂火箭命名规则 </a> </div>
</li>
<li>
<div class="mod-thumb"> <a href="https://www.fensifuwu.com/technology/1816653.html" target="_blank"> <img class="xyscale" src="https://www.fensifuwu.com/e/extend/timthumb.php?src=https://rmrbcmsonline.oss-cn-beijing.aliyuncs.com/upload/ueditor/image/20200424/a_438155227430907904.jpg?x-oss-process=i&w=100&h=74&zc=1" alt="火箭：我要飞……………………………得更高！"/> </a> </div>
<div class="project-content"> <a href="https://www.fensifuwu.com/technology/1816653.html" target="_blank">
火箭：我要飞……………………………得更高！ </a> </div>
</li>
<li>
<div class="mod-thumb"> <a href="https://www.fensifuwu.com/technology/1819266.html" target="_blank"> <img class="xyscale" src="https://www.fensifuwu.com/e/extend/timthumb.php?src=https://rmrbcmsonline.peopleapp.com/upload/zw/bjh_image/1590596814_c73b9573d87f580bd2db4f16ce59bbad.png&w=100&h=74&zc=1" alt="母螳螂为什么以丈夫为食，丈夫受到攻击时不跑，是因为爱情吗？"/> </a> </div>
<div class="project-content"> <a href="https://www.fensifuwu.com/technology/1819266.html" target="_blank">
母螳螂为什么以丈夫为食，丈夫受到攻击时不跑，是因为爱情吗？ </a> </div>
</li>
<li>
<div class="mod-thumb"> <a href="https://www.fensifuwu.com/technology/1830954.html" target="_blank"> <img class="xyscale" src="https://www.fensifuwu.com/e/extend/timthumb.php?src=https://rmrbcmsonline.oss-cn-beijing.aliyuncs.com/upload/ueditor/image/20210308/a_553544457861984256.jpeg?x-oss-process=&w=100&h=74&zc=1" alt="航天小姐姐们，最美的节日祝福送给你们……"/> </a> </div>
<div class="project-content"> <a href="https://www.fensifuwu.com/technology/1830954.html" target="_blank">
航天小姐姐们，最美的节日祝福送给你们…… </a> </div>
</li>
<li>
<div class="mod-thumb"> <a href="https://www.fensifuwu.com/technology/1612370.html" target="_blank"> <img class="xyscale" src="https://www.fensifuwu.com/e/extend/timthumb.php?src=http://p1.pstatp.com/large/pgc-image/1644b82ffe3c43b985481bfce6ec88b2?123.jpg&w=100&h=74&zc=1" alt="《心跳文学部》是一款什么样的游戏，为什么在国内被禁？"/> </a> </div>
<div class="project-content"> <a href="https://www.fensifuwu.com/technology/1612370.html" target="_blank">
《心跳文学部》是一款什么样的游戏，为什么在国内被禁？ </a> </div>
</li>
<li>
<div class="mod-thumb"> <a href="https://www.fensifuwu.com/technology/1826823.html" target="_blank"> <img class="xyscale" src="https://www.fensifuwu.com/e/extend/timthumb.php?src=https://rmrbcmsonline.peopleapp.com/upload/zw/bjh_image/1611036109_c73b9573d87f580bd2db4f16ce59bbad.png&w=100&h=74&zc=1" alt="人类为什么不再登月？美国宇航员在月球上看到了什么？"/> </a> </div>
<div class="project-content"> <a href="https://www.fensifuwu.com/technology/1826823.html" target="_blank">
人类为什么不再登月？美国宇航员在月球上看到了什么？ </a> </div>
</li>
<li>
<div class="mod-thumb"> <a href="https://www.fensifuwu.com/technology/1816302.html" target="_blank"> <img class="xyscale" src="https://www.fensifuwu.com/e/extend/timthumb.php?src=https://rmrbcmsonline.peopleapp.com/upload/zw/bjh_image/1587439998_fe4db5b90e5b711ea9188cef8e4f0f1b.jpeg&w=100&h=74&zc=1" alt="NASA哈勃太空望远镜：在服务了30年后，哈勃将迎来一个不同的生日"/> </a> </div>
<div class="project-content"> <a href="https://www.fensifuwu.com/technology/1816302.html" target="_blank">
NASA哈勃太空望远镜：在服务了30年后，哈勃将迎来一个不同的生日 </a> </div>
</li>
</ul>
</div>
<div class="placeholder"></div>
</div>
<div class="widget ztmao_tag">
<div class="box-moder hot-article">
<h3>热门标签</h3>
</div>
<div class="box-moder hot-tag"><span class="span-mark"></span>
<div class="search-history search-hot">
<ul>
<li class="transition"><a href="https://www.fensifuwu.com/e/tags/?tagname=%5Bdb%3A%E5%85%B3%E9%94%AE%E5%AD%97%5D" class="tag-item" title="浏览和[db:关键字]有关的文章">[db:关键字]</a></li> <li class="transition"><a href="https://www.fensifuwu.com/e/tags/?tagname=%E4%B8%AD%E5%9B%BD" class="tag-item" title="浏览和中国有关的文章">中国</a></li> <li class="transition"><a href="https://www.fensifuwu.com/e/tags/?tagname=%E8%87%AA%E5%B7%B1%E7%9A%84" class="tag-item" title="浏览和自己的有关的文章">自己的</a></li> <li class="transition"><a href="https://www.fensifuwu.com/e/tags/?tagname=%E7%BE%8E%E5%9B%BD" class="tag-item" title="浏览和美国有关的文章">美国</a></li> <li class="transition"><a href="https://www.fensifuwu.com/e/tags/?tagname=%E9%83%BD%E6%98%AF" class="tag-item" title="浏览和都是有关的文章">都是</a></li> <li class="transition"><a href="https://www.fensifuwu.com/e/tags/?tagname=%E7%9A%84%E6%98%AF" class="tag-item" title="浏览和的是有关的文章">的是</a></li> <li class="transition"><a href="https://www.fensifuwu.com/e/tags/?tagname=%E4%B8%89%E6%98%9F" class="tag-item" title="浏览和三星有关的文章">三星</a></li> <li class="transition"><a href="https://www.fensifuwu.com/e/tags/?tagname=%E7%9A%84%E4%BA%BA" class="tag-item" title="浏览和的人有关的文章">的人</a></li> <li class="transition"><a href="https://www.fensifuwu.com/e/tags/?tagname=%E6%89%8B%E6%9C%BA" class="tag-item" title="浏览和手机有关的文章">手机</a></li> <li class="transition"><a href="https://www.fensifuwu.com/e/tags/?tagname=%E8%BF%99%E6%AC%BE" class="tag-item" title="浏览和这款有关的文章">这款</a></li> <li class="transition"><a href="https://www.fensifuwu.com/e/tags/?tagname=%E8%BD%A6%E5%9E%8B" class="tag-item" title="浏览和车型有关的文章">车型</a></li> <li class="transition"><a href="https://www.fensifuwu.com/e/tags/?tagname=%E5%8D%8E%E4%B8%BA" class="tag-item" title="浏览和华为有关的文章">华为</a></li> <li class="transition"><a href="https://www.fensifuwu.com/e/tags/?tagname=%E5%B0%8F%E7%B1%B3" class="tag-item" title="浏览和小米有关的文章">小米</a></li> <li class="transition"><a href="https://www.fensifuwu.com/e/tags/?tagname=%E6%97%A5%E6%9C%AC" class="tag-item" title="浏览和日本有关的文章">日本</a></li> <li class="transition"><a href="https://www.fensifuwu.com/e/tags/?tagname=%E4%BF%84%E7%BD%97%E6%96%AF" class="tag-item" title="浏览和俄罗斯有关的文章">俄罗斯</a></li> <li class="transition"><a href="https://www.fensifuwu.com/e/tags/?tagname=%E8%8D%A3%E8%80%80" class="tag-item" title="浏览和荣耀有关的文章">荣耀</a></li> <li class="transition"><a href="https://www.fensifuwu.com/e/tags/?tagname=%E6%B8%B8%E6%88%8F" class="tag-item" title="浏览和游戏有关的文章">游戏</a></li> <li class="transition"><a href="https://www.fensifuwu.com/e/tags/?tagname=%E6%9C%AC%E6%96%87" class="tag-item" title="浏览和本文有关的文章">本文</a></li> <li class="transition"><a href="https://www.fensifuwu.com/e/tags/?tagname=chinaso" class="tag-item" title="浏览和chinaso有关的文章">chinaso</a></li> <li class="transition"><a href="https://www.fensifuwu.com/e/tags/?tagname=%E4%B8%87%E5%85%83" class="tag-item" title="浏览和万元有关的文章">万元</a></li> </ul>
</div>
</div>
<div class="placeholder"></div>
</div>
<div class="widget">
<script src=https://www.fensifuwu.com/d/js/acmsd/thea3.js></script>
</div>
</div>
</div>
</div>
</div>
<!--底部 -->
<div class="go-top0" id="gotopbtn" > <i class="icon icon-top"></i></div>
<div class="footer" id="footer">
<div class="container">
<div class="row">
<div class=" col-sm-12 col-md-6 col-lg-6 footer-left">
<div class="footer-icon-list pull-right0">
<ul>
<a href="javascript:">
<li class="Qr-code-footer">
<div class="app-qrcode"> <img src="/skin/ecms137/images/weixin.jpg"> </div>
<i class="icon icon-footer icon-footer-wx"></i> </li>
</a>
<!--<a href="javascript:">
<li class="Qr-code-footer">
<div class="app-qrcode"> <img src="/skin/ecms137/images/weixin.jpg"> </div>
<i class="icon icon-footer icon-footer-ios"></i> </li>
</a>
<a href="javascript:">
<li class="Qr-code-footer">
<div class="app-qrcode"> <img src="/skin/ecms137/images/weixin.jpg"> </div>
<i class="icon icon-footer icon-footer-android"></i> </li>
</a>-->
<a href="https://weibo.com/" target="_blank">
<li><i class="icon icon-footer icon-footer-inter"></i></li>
</a>
<a href="http://wpa.qq.com/msgrd?v=3&uin=1259718828&site=qq&menu=yes" target="_blank">
<li><i class="icon icon-footer icon-footer-rss"></i></li>
</a>
</ul>
</div>
</div>
<div class=" col-sm-12 col-md-6 col-lg-6 footer-right">
<div class="copy-right">
<div class="footer-tag-list"> <a href="/gywm/">关于我们</a> <a href="/lxwm/">联系我们</a> <a href="/gghz/">广告合作</a> </div>
<span>Copyright © 2013-2022 <a href="https://www.fensifuwu.com/">粉丝服务平台-粉丝头条-fensifuwu.com </a> </span> </div>
</div>
</div>
</div>
</div>
<script src="https://www.fensifuwu.com/skin/ecms137/js/glodil.js" type="text/javascript"></script>
<script src="https://www.fensifuwu.com/skin/ecms137/js/jquery-ias.min.js" type="text/javascript"></script>
<script type="text/javascript">
var ias = $.ias({
container: ".cont-left",
item: ".line-botm",
pagination: ".get-mod-more",
next: ".get-mod-more a",
});
ias.extension(new IASTriggerExtension({
text: "点击加载更多",
offset: 1,
}));
ias.extension(new IASSpinnerExtension());
ias.extension(new IASNoneLeftExtension({
text: "没有更多了...",
}));
</script>
<script type="text/javascript">
$('.weixin').mouseover(function(){
$('.weixin-Qr-code').css({"opacity":"1","margin-left":"70px","display":"block"}),
$('.weixin').addClass('disabled')
// alert('fdafdsa');
});
$('.weixin').mouseout(function(){
$('.weixin-Qr-code').css({"opacity":"1","margin-left":"70px","display":"none"}),
$('.weixin').removeClass('disabled')
// alert('fdafdsa');
});
</script>
<script type='text/javascript' src='https://www.fensifuwu.com/skin/ecms137/js/wp-embed.min.js'></script>
</body>
</html>
