Canvas线条动画
日期：2020-09-05
浏览：
82 评论：0 核心提示：Canvas线条动画 简单的Canvas动画，代码只有71行，试试吧！没有谁天生就会，用这个动画，做为你的Canvas小结。 如果你觉得我的代码还算有趣，在你的学习中能有所帮助，请查看我的置顶文章，我由衷感谢！
</div><div id="content"><div class="content" id="article"><h2>Canvas线条动画</h2>
<p><font> 简单的Canvas动画，代码只有71行，试试吧！没有谁天生就会，用这个动画，做为你的Canvas小结。<br> 如果你觉得我的代码还算有趣，在你的学习中能有所帮助，请查看我的置顶文章，我由衷感谢！<br></font><br> <img src="/file/upload/2020/9/2um2mi.gif" class="aligncenter"></p>
<pre><code><span><!DOCTYPE html></span>
<span><span><span><</span>html</span> <span>lang</span><span><span>=</span><span>"</span>en<span>"</span></span><span>></span></span>
<span><span><span><</span>head</span><span>></span></span>
<span><span><span><</span>meta</span> <span>charset</span><span><span>=</span><span>"</span>UTF-8<span>"</span></span><span>></span></span>
<span><span><span><</span>script</span> <span>src</span><span><span>=</span><span>"</span>jquery.js<span>"</span></span><span>></span></span><span></span><span><span><span></</span>script</span><span>></span></span>
<span><span><span><</span>title</span><span>></span></span>Document<span><span><span></</span>title</span><span>></span></span>
<span><span><span><</span>style</span><span>></span></span><span> <span>body</span><span>{</span> <span>background</span><span>:</span>#000<span>;</span> <span>overflow</span><span>:</span>hidden<span>;</span> <span>margin</span><span>:</span>0<span>;</span> <span>}</span> <span>canvas</span><span>{</span> <span>width</span><span>:</span>45%<span>;</span> <span>margin</span><span>:</span>5% 30%<span>;</span> <span>}</span> </span><span><span><span></</span>style</span><span>></span></span>
<span><span><span></</span>head</span><span>></span></span>
<span><span><span><</span>body</span><span>></span></span>
<span><span><span><</span>canvas</span> <span>id</span><span><span>=</span><span>"</span>canv<span>"</span></span> <span>width</span><span><span>=</span><span>"</span>600<span>"</span></span> <span>height</span><span><span>=</span><span>"</span>600<span>"</span></span><span>></span></span><span><span><span></</span>canvas</span><span>></span></span>
<span><span><span></</span>body</span><span>></span></span>
<span><span><span><</span>script</span><span>></span></span><span> <span>var</span> c<span>;</span> <span>var</span> $<span>;</span> <span>var</span> w <span>=</span> <span>600</span><span>;</span> <span>var</span> h <span>=</span> <span>600</span><span>;</span> constant <span>=</span> <span>15</span><span>;</span> <span>var</span> rad <span>=</span> <span>300</span><span>;</span> <span>var</span> timeout <span>=</span> <span>0</span><span>;</span> c<span>=</span> document<span>.</span><span>getElementById</span><span>(</span><span>"canv"</span><span>)</span><span>;</span> $<span>=</span> c<span>.</span><span>getContext</span><span>(</span><span>'2d'</span><span>)</span><span>;</span> <span>drawLines</span><span>(</span><span>)</span><span>;</span> <span>function</span> <span>drawLines</span><span>(</span><span>)</span><span>{</span> $<span>.</span><span>fillRect</span><span>(</span><span>0</span><span>,</span><span>0</span><span>,</span>w<span>,</span>h<span>)</span><span>;</span> $<span>.</span><span>translate</span><span>(</span>w<span>/</span><span>2</span><span>,</span>h<span>/</span><span>2</span><span>)</span><span>;</span> <span>for</span> <span>(</span><span>var</span> i <span>=</span> <span>0</span><span>;</span> i <span><</span> <span>25</span><span>;</span> i<span>++</span><span>)</span> <span>{</span> <span>for</span> <span>(</span><span>var</span> n <span>=</span> <span>-</span><span>45</span><span>;</span> n <span><=</span> <span>45</span><span>;</span> n<span>+=</span>constant<span>)</span> <span>{</span> <span>setTimeout</span><span>(</span><span>"draw("</span><span>+</span>n<span>+</span><span>");"</span><span>,</span><span>100</span> <span>*</span> timeout<span>)</span><span>;</span> timeout<span>++</span><span>;</span> <span>}</span> <span>}</span> <span>}</span> <span>function</span> <span>draw</span><span>(</span>n<span>)</span><span>{</span> $<span>.</span><span>beginPath</span><span>(</span><span>)</span><span>;</span> $<span>.</span><span>moveTo</span><span>(</span><span>0</span><span>,</span>rad<span>)</span><span>;</span> <span>var</span> radians <span>=</span> Math<span>.</span><span>PI</span><span>/</span><span>180</span><span>*</span>n<span>;</span> <span>var</span> x <span>=</span> <span>(</span>rad <span>*</span> Math<span>.</span><span>sin</span><span>(</span>radians<span>)</span><span>)</span> <span>/</span> Math<span>.</span><span>sin</span><span>(</span>Math<span>.</span><span>PI</span><span>/</span><span>2</span> <span>-</span> radians<span>)</span><span>;</span> $<span>.</span><span>lineTo</span><span>(</span>x<span>,</span><span>0</span><span>)</span><span>;</span> <span>if</span> <span>(</span>Math<span>.</span><span>abs</span><span>(</span>n<span>)</span> <span>==</span> <span>45</span><span>)</span> <span>{</span> $<span>.</span>strokeStyle<span>=</span><span>rndColor</span><span>(</span><span>)</span><span>;</span> $<span>.</span>lineWidth<span>=</span><span>2</span><span>;</span> <span>}</span> <span>else</span> <span>if</span> <span>(</span>n <span>==</span> <span>0</span><span>)</span> <span>{</span> $<span>.</span>strokeStyle<span>=</span><span>"rgb(200,200,200)"</span><span>;</span> $<span>.</span>lineWidth<span>=</span><span>.5</span><span>;</span> <span>}</span> <span>else</span> <span>{</span> $<span>.</span>strokeStyle<span>=</span><span>"rgb(110,110,110)"</span><span>;</span> $<span>.</span>lineWidth<span>=</span><span>.5</span><span>;</span> <span>}</span> $<span>.</span><span>stroke</span><span>(</span><span>)</span><span>;</span> $<span>.</span><span>rotate</span><span>(</span><span>(</span>Math<span>.</span><span>PI</span><span>/</span><span>180</span><span>)</span><span>*</span><span>15</span><span>)</span><span>;</span> <span>}</span> <span>function</span> <span>rndColor</span><span>(</span><span>)</span> <span>{</span> <span>var</span> r <span>=</span> <span>255</span><span>*</span>Math<span>.</span><span>random</span><span>(</span><span>)</span><span>|</span><span>0</span><span>,</span> g <span>=</span> <span>255</span><span>*</span>Math<span>.</span><span>random</span><span>(</span><span>)</span><span>|</span><span>0</span><span>,</span> b <span>=</span> <span>255</span><span>*</span>Math<span>.</span><span>random</span><span>(</span><span>)</span><span>|</span><span>0</span><span>;</span> <span>return</span> <span>'rgb('</span> <span>+</span> r <span>+</span> <span>','</span> <span>+</span> g <span>+</span> <span>','</span> <span>+</span> b <span>+</span> <span>')'</span><span>;</span> <span>}</span> </span><span><span><span></</span>script</span><span>></span></span>
<span><span><span></</span>html</span><span>></span></span>
</code></pre>
<p><font> 如果你对代码有任何疑问，请在下方留言，或私信博主，能在前端学习中与你一同进步，是我发表博文的意义。</font></p>
<p><font>推荐阅读：</font><br> <font><br> CSS小鲨鱼<br><br>JS迷你键盘<br><br> 龙珠<br> </font></p></div>
</div>
<div class="b20 c_b"> </div>
<div class="award"><div onclick="Go('https://www.youqizhuangbei.com/member/award.php?mid=21&itemid=23696');">打赏</div></div> <div class="b20"> </div>
本文转载自：网络 <div class="b20"> 所有权利归属于原作者，如文章来源标示错误或侵犯了您的权利请联系微信13520258486 </div>
<div class="b20"> </div>
<div class="head-txt"><span><a href="https://www.youqizhuangbei.com/news/wulianwangwenzhang-c111-1.html">更多<i>></i></a></span><strong>最近资讯中心</strong></div>
<div class="related">
<table width="100%">
<tr><td width="50%"><a href="https://www.youqizhuangbei.com/news/show-23695.html" title="vue3.0+vite+ts 重写手机端upload组件">• vue3.0+vite+ts 重写手机端upload组件</a></td>
<td width="50%"><a href="https://www.youqizhuangbei.com/news/show-23694.html" title="弹性布局flex 伸缩布局 flex布局 什么是弹性布局 justify-content">• 弹性布局flex 伸缩布局 flex布局 什么是弹性布</a></td>
</tr><tr><td width="50%"><a href="https://www.youqizhuangbei.com/news/show-23693.html" title="JavaScript 进阶教程(3)---让你彻底搞懂原型链和继承">• JavaScript 进阶教程(3)---让你彻底搞懂原型链</a></td>
<td width="50%"><a href="https://www.youqizhuangbei.com/news/show-23692.html" title="面试经常会被问到的节流和防抖，一分钟理解">• 面试经常会被问到的节流和防抖，一分钟理解</a></td>
</tr><tr><td width="50%"><a href="https://www.youqizhuangbei.com/news/show-23691.html" title="Js中面向对象的三大特点：封装、继承、多态">• Js中面向对象的三大特点：封装、继承、多态</a></td>
<td width="50%"><a href="https://www.youqizhuangbei.com/news/show-23690.html" title="【问题】 Perform Metrics Collector 监听器使用问题">• 【问题】 Perform Metrics Collector 监听器使</a></td>
</tr></table>
<table width="100%">
<tr><td width="50%"><a href="https://www.youqizhuangbei.com/news/show-35506.html" title="Esp8266天猫精灵_RGB灯_非点灯平台">• Esp8266天猫精灵_RGB灯_非点灯平台</a></td>
<td width="50%"><a href="https://www.youqizhuangbei.com/news/show-35505.html" title="STM32F103 串口1和串口3对发数据 配合蓝牙模块 实现手机和单片机的简单通信demo">• STM32F103 串口1和串口3对发数据 配合蓝牙模块 </a></td>
</tr><tr><td width="50%"><a href="https://www.youqizhuangbei.com/news/show-35504.html" title="TMS570学习【1】了解什么是TMS570">• TMS570学习【1】了解什么是TMS570</a></td>
<td width="50%"><a href="https://www.youqizhuangbei.com/news/show-35503.html" title="新闻稿 | Qt公司收购froglogic公司以巩固市场领导者地位">• 新闻稿 | Qt公司收购froglogic公司以巩固市场领</a></td>
</tr><tr><td width="50%"><a href="https://www.youqizhuangbei.com/news/show-35502.html" title="[Java]SpringBoot2整合mqtt服务器EMQ实现消息订阅发布入库(二)">• [Java]SpringBoot2整合mqtt服务器EMQ实现消息订</a></td>
<td width="50%"><a href="https://www.youqizhuangbei.com/news/show-35501.html" title="苹果群控投屏同步操作原理及运用的平台APP分享">• 苹果群控投屏同步操作原理及运用的平台APP分享</a></td>
</tr></table>
</div>
<div class="b20"> </div>
<div class="head-txt"><span><a href="https://www.youqizhuangbei.com/news/wulianwangwenzhang-c111-1.html">更多<i>></i></a></span><strong>最新资讯中心</strong></div>
<div class="related"><table width="100%">
<tr><td width="50%"><a href="https://www.youqizhuangbei.com/news/show-35506.html" title="Esp8266天猫精灵_RGB灯_非点灯平台">• Esp8266天猫精灵_RGB灯_非点灯平台</a></td>
<td width="50%"><a href="https://www.youqizhuangbei.com/news/show-35505.html" title="STM32F103 串口1和串口3对发数据 配合蓝牙模块 实现手机和单片机的简单通信demo">• STM32F103 串口1和串口3对发数据 配合蓝牙模块 </a></td>
</tr><tr><td width="50%"><a href="https://www.youqizhuangbei.com/news/show-35504.html" title="TMS570学习【1】了解什么是TMS570">• TMS570学习【1】了解什么是TMS570</a></td>
<td width="50%"><a href="https://www.youqizhuangbei.com/news/show-35503.html" title="新闻稿 | Qt公司收购froglogic公司以巩固市场领导者地位">• 新闻稿 | Qt公司收购froglogic公司以巩固市场领</a></td>
</tr><tr><td width="50%"><a href="https://www.youqizhuangbei.com/news/show-35502.html" title="[Java]SpringBoot2整合mqtt服务器EMQ实现消息订阅发布入库(二)">• [Java]SpringBoot2整合mqtt服务器EMQ实现消息订</a></td>
<td width="50%"><a href="https://www.youqizhuangbei.com/news/show-35501.html" title="苹果群控投屏同步操作原理及运用的平台APP分享">• 苹果群控投屏同步操作原理及运用的平台APP分享</a></td>
</tr><tr><td width="50%"><a href="https://www.youqizhuangbei.com/news/show-35500.html" title="STM32查询式按键输入[直接用寄存器]">• STM32查询式按键输入[直接用寄存器]</a></td>
<td width="50%"><a href="https://www.youqizhuangbei.com/news/show-35499.html" title="Ubuntu系统 USB设备端口绑定">• Ubuntu系统 USB设备端口绑定</a></td>
</tr><tr><td width="50%"><a href="https://www.youqizhuangbei.com/news/show-35498.html" title="2021-04-14 第四次 按键输入实验">• 2021-04-14 第四次 按键输入实验</a></td>
<td width="50%"><a href="https://www.youqizhuangbei.com/news/show-35497.html" title="Flutter扫码功能完美实现">• Flutter扫码功能完美实现</a></td>
</tr></table>
</div>
<div class="b20"> </div>
<div id="comment_div" style="display:;">
<div class="head-txt"><span><a href="https://www.youqizhuangbei.com/comment/index-htm-mid-21-itemid-23696.html"><b id="comment_count" class="px16 f_red">0</b> 条</a></span><strong>相关评论</strong></div>
<div class="c_b" id="comment_main"><div></div></div>
</div>
<script type="text/javascript" src="https://www.youqizhuangbei.com/file/script/comment.js"></script>
<br/>
</div>
<div class="m3r">
<div class="head-sub"><strong>推荐图文</strong></div>
<div class="list-thumb"><table width="100%">
</table>
</div>
<div class="head-sub mt20"><strong>推荐资讯中心</strong></div>
<div class="list-txt"><ul>
</ul>
</div>
<div class="head-sub mt20"><strong>点击排行</strong></div>
<div class="list-rank"><ul>
</ul></div>
<div class="head-sub mt20"><strong>最新信息</strong></div>
<div class="list-rank"><ul>
<li><em>1</em><a href="https://www.youqizhuangbei.com/sell/show-3.html" title="北京傲云欣欣科技公司专业提供中高压变频器维修电气设备维修">北京傲云欣欣科技公司专业提供中高压变频器维修</a></li>
<li><em>2</em><a href="https://www.youqizhuangbei.com/sell/show-70.html" title="太原德力西高压变频器维修">太原德力西高压变频器维修</a></li>
<li><em>3</em><a href="https://www.youqizhuangbei.com/sell/show-56.html" title="AMB安邦信高压变频器维修中降低设备故障频次的方法">AMB安邦信高压变频器维修中降低设备故障频次的</a></li>
<li><i>4</i><a href="https://www.youqizhuangbei.com/sell/show-51.html" title="石家庄高压变频器维修请找北京傲云电气">石家庄高压变频器维修请找北京傲云电气</a></li>
<li><i>5</i><a href="https://www.youqizhuangbei.com/sell/show-21.html" title="AMB安邦信高压变频器维修">AMB安邦信高压变频器维修</a></li>
<li><i>6</i><a href="https://www.youqizhuangbei.com/sell/show-65.html" title="Samcovm三垦高压变频器维修中一些小技巧">Samcovm三垦高压变频器维修中一些小技巧</a></li>
<li><i>7</i><a href="https://www.youqizhuangbei.com/sell/show-64.html" title="ABB传动ACS6000/ACS800维修中的故障分析方法">ABB传动ACS6000/ACS800维修中的故障分析方法</a></li>
<li><i>8</i><a href="https://www.youqizhuangbei.com/sell/show-67.html" title="包头石家庄ABB高压变频器维修">包头石家庄ABB高压变频器维修</a></li>
<li><i>9</i><a href="https://www.youqizhuangbei.com/sell/show-45.html" title="攀枝花陕西西门子罗宾康高压变频器维修厂家">攀枝花陕西西门子罗宾康高压变频器维修厂家</a></li>
</ul></div>
</div>
</div>
<div class="c_b"></div>
</div>
<script type="text/javascript" src="https://www.youqizhuangbei.com/file/script/content.js"></script><div class="clear">
</div>
<div class="other_item">
<div class="copyrightbar">
<div class="wrapper">
<dl class="fore1">
<dt>新手指南</dt>
<dd>
<div><a rel="nofollow" target="_blank" href="https://www.youqizhuangbei.com/member/register.php">注册新用户</a></div>
<div><a rel="nofollow" target="_blank" href="">操作指南</a></div>
<div><a rel="nofollow" target="_blank" href="">常见问题</a></div>
</dd>
</dl>
<dl class="fore2">
<dt>采购商服务</dt>
<dd>
<div><a rel="nofollow" target="_blank" href="https://www.youqizhuangbei.com/sell/">找产品</a></div>
<div><a rel="nofollow" target="_blank" href="https://www.youqizhuangbei.com/company/">找公司</a></div>
<div><a rel="nofollow" target="_blank" href="">找采购</a></div>
<div><a rel="nofollow" target="_blank" href="https://www.youqizhuangbei.com/news/">看资讯</a></div>
</dd>
</dl>
<dl class="fore3">
<dt>供应商服务</dt>
<dd>
<div><a rel="nofollow" target="_blank" href="https://www.youqizhuangbei.com/member//home.php">企业商铺</a></div>
<div><a rel="nofollow" target="_blank" href="https://www.youqizhuangbei.com/member//grade.php">VIP服务</a></div>
<div><a rel="nofollow" target="_blank" href="https://www.youqizhuangbei.com/member//validate.php">认证服务</a></div>
<div><a rel="nofollow" target="_blank" href="https://www.youqizhuangbei.com/spread/">推广服务</a></div>
</dd>
</dl>
<dl class="fore4">
<dt>交易安全</dt>
<dd>
<div><a target="_blank" href="">买家防骗</a></div>
<div><a target="_blank" href="">卖家防骗</a></div>
<div><a rel="nofollow" href="javascript:SendReport();">投诉举报</a></div>
</dd>
</dl>
<dl class="fore5">
<dt>关注我们</dt>
<dd>
<div>手机网站: <a target="_blank" href="https://www.youqizhuangbei.com/mobile/mobile.php"></a></div>
<div>新浪微博: <a target="_blank" href="http://" rel="nofollow"></a></div>
<div>微信关注: </div>
<div style="margin-top: 5px;">
<a target="_blank" href="//shang.qq.com/wpa/qunwpa?idkey=5fd78221597e88a4af3e2c8512a61d5f1f8dc535171ea7773562452f9042dafd"><img border="0" src="//pub.idqqimg.com/wpa/images/group.png" alt="" title=""></a>
</div>
</dd>
</dl>
<div class="hotline">
<p class="phone">13520258486</p>
<p><span class="serviceTime-normal" style="">周一至周五 9:00-18:00</span>
<br>（其他时间联系在线客服）</p>
<a rel="nofollow" class="btn-line-primary" href="https://www.youqizhuangbei.com/about/contact.html" target="_blank">24小时在线客服</a>
</div>
<span class="clear"></span>
</div>
<div class="wrapper mt20" id="other_item">
<div id="footer">
<div class="links" style="font-size: 14px;margin-bottom: 10px;">
产品按字母分类：
<span style="color: #666;"><a href="https://www.youqizhuangbei.com/sitemap/index.php?mid=5&letter=a" target="_blank">a</a></span><span style="color: #666;"><a href="https://www.youqizhuangbei.com/sitemap/index.php?mid=5&letter=b" target="_blank">b</a></span><span style="color: #666;"><a href="https://www.youqizhuangbei.com/sitemap/index.php?mid=5&letter=c" target="_blank">c</a></span><span style="color: #666;"><a href="https://www.youqizhuangbei.com/sitemap/index.php?mid=5&letter=d" target="_blank">d</a></span><span style="color: #666;"><a href="https://www.youqizhuangbei.com/sitemap/index.php?mid=5&letter=e" target="_blank">e</a></span><span style="color: #666;"><a href="https://www.youqizhuangbei.com/sitemap/index.php?mid=5&letter=f" target="_blank">f</a></span><span style="color: #666;"><a href="https://www.youqizhuangbei.com/sitemap/index.php?mid=5&letter=g" target="_blank">g</a></span><span style="color: #666;"><a href="https://www.youqizhuangbei.com/sitemap/index.php?mid=5&letter=h" target="_blank">h</a></span><span style="color: #666;"><a href="https://www.youqizhuangbei.com/sitemap/index.php?mid=5&letter=i" target="_blank">i</a></span><span style="color: #666;"><a href="https://www.youqizhuangbei.com/sitemap/index.php?mid=5&letter=j" target="_blank">j</a></span><span style="color: #666;"><a href="https://www.youqizhuangbei.com/sitemap/index.php?mid=5&letter=k" target="_blank">k</a></span><span style="color: #666;"><a href="https://www.youqizhuangbei.com/sitemap/index.php?mid=5&letter=l" target="_blank">l</a></span><span style="color: #666;"><a href="https://www.youqizhuangbei.com/sitemap/index.php?mid=5&letter=m" target="_blank">m</a></span><span style="color: #666;"><a href="https://www.youqizhuangbei.com/sitemap/index.php?mid=5&letter=n" target="_blank">n</a></span><span style="color: #666;"><a href="https://www.youqizhuangbei.com/sitemap/index.php?mid=5&letter=o" target="_blank">o</a></span><span style="color: #666;"><a href="https://www.youqizhuangbei.com/sitemap/index.php?mid=5&letter=p" target="_blank">p</a></span><span style="color: #666;"><a href="https://www.youqizhuangbei.com/sitemap/index.php?mid=5&letter=q" target="_blank">q</a></span><span style="color: #666;"><a href="https://www.youqizhuangbei.com/sitemap/index.php?mid=5&letter=r" target="_blank">r</a></span><span style="color: #666;"><a href="https://www.youqizhuangbei.com/sitemap/index.php?mid=5&letter=s" target="_blank">s</a></span><span style="color: #666;"><a href="https://www.youqizhuangbei.com/sitemap/index.php?mid=5&letter=t" target="_blank">t</a></span><span style="color: #666;"><a href="https://www.youqizhuangbei.com/sitemap/index.php?mid=5&letter=u" target="_blank">u</a></span><span style="color: #666;"><a href="https://www.youqizhuangbei.com/sitemap/index.php?mid=5&letter=v" target="_blank">v</a></span><span style="color: #666;"><a href="https://www.youqizhuangbei.com/sitemap/index.php?mid=5&letter=w" target="_blank">w</a></span><span style="color: #666;"><a href="https://www.youqizhuangbei.com/sitemap/index.php?mid=5&letter=x" target="_blank">x</a></span><span style="color: #666;"><a href="https://www.youqizhuangbei.com/sitemap/index.php?mid=5&letter=y" target="_blank">y</a></span><span style="color: #666;"><a href="https://www.youqizhuangbei.com/sitemap/index.php?mid=5&letter=z" target="_blank">z</a></span>
</div>
<div class="links">
<a href="https://www.youqizhuangbei.com/about/index.html">关于我们</a> |
<a href="https://www.youqizhuangbei.com/about/contact.html">联系方式</a> |
<a href="https://www.youqizhuangbei.com/about/agreement.html">使用协议</a> |
<a href="https://www.youqizhuangbei.com/about/copyright.html">版权隐私</a> |
<a href="https://www.youqizhuangbei.com/sitemap/">网站地图</a>
| <a href="https://www.youqizhuangbei.com/spread/">排名推广</a>
| <a href="https://www.youqizhuangbei.com/ad/">广告服务</a> | <a href="https://www.youqizhuangbei.com/gift/" target="_blank" rel="nofollow">积分商城</a> | <a href="javascript:SendReport();" rel="nofollow">违规举报</a> </div>
<div class="copyright">
<div id="copyright">(c)2008-2023 湖北傲云电气有限公司 All Rights Reserved<script>var _hmt = _hmt || [];(function() {var hm = document.createElement("script");hm.src = "https://hm.baidu.com/hm.js?20195b23529f03df5cb2789a744df859";var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s);})();</script></div>
<div><a href="http://www.miibeian.gov.cn" target="_blank" rel="nofollow">鄂ICP备2020021666号-11</a></div></div>
<div class="authentication">
<div class="authentication_bg">
<a rel="nofollow" target="_blank" class="cert-1" href="#" title="网络警察"></a>
<a rel="nofollow" target="_blank" class="cert-2" href="#" title="网警备案"></a>
<a rel="nofollow" target="_blank" class="cert-3" href="#" title="网络工商"></a>
<a rel="nofollow" target="_blank" class="cert-4" href="#" title="浙江省网站信用联盟"></a>
<a rel="nofollow" target="_blank" class="cert-5" href="#" title="可信网站"></a>
<a rel="nofollow" target="_blank" class="cert-6" href="/" title="违法和不良信息举报中心"></a>
<a rel="nofollow" target="_blank" class="cert-7" href="/" title="违法和不良信息举报中心APP下载"></a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="feedBackWidget">
<div class="ronline"><a href="//wpa.qq.com/msgrd?v=3&uin=&site=qq&menu=yes" target="_blank" title=""></a></div>
<div class="rweixin"><a href="javascript:Dqrcode();"></a></div>
<div class="feedback"><a href="javascript:SendReport();"></a></div>
<div class="back2top" style="display: none;"><a href="javascript:void(0);" title="返回顶部"> </a></div>
</div><script type="text/javascript">
//全站悬浮右侧
$('.guess').scrollToFixed({
marginTop: $('.small-goods').outerHeight(true) - 345,
limit: function() {
var limit = $('.other_item').offset().top ;
return limit;
},
minWidth: 1000,
zIndex: 999,
fixed: function() { },
dontCheckForPositionFixedSupport: true
});
//右侧到位自动隐藏
function changeScreen() {
var itemTop = document.getElementById("other_item").offsetTop;
if ($(document).scrollTop() > itemTop - 600) {
$(".guess").hide();
} else if ($(window).width() < 1200) {
$(".guess").hide();
} else {
$(".guess").show();
}
}
$(window).scroll(function() {
changeScreen();
});
$(window).resize(function(e) {
changeScreen();
});
</script>
<script type="text/javascript" src="https://www.youqizhuangbei.com/skin/st03lanskin/js/myjs.js"></script>
<script type="text/javascript" src="https://www.youqizhuangbei.com/skin/st03lanskin/js/topso.js"></script>
<script type="text/javascript" src="https://www.youqizhuangbei.com/skin/st03lanskin/js/scrolltofixed.js"></script>
<script type="text/javascript">
</script>
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?d7f1c93b824c5ee2887566c40d0984af";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
<script>
(function(){
var bp = document.createElement('script');
var curProtocol = window.location.protocol.split(':')[0];
if (curProtocol === 'https') {
bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
}
else {
bp.src = 'http://push.zhanzhang.baidu.com/push.js';
}
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(bp, s);
})();
</script>
</body>
</html> 
