HTML5鼠标移动光束粒子动画特效是一款基于Canvas绘制的酷炫空间穿越光束粒子跟随鼠标移动变化动画特效。
jQuery基于css3属性绘制的太阳星系轨道行星运行动画特效,太阳系八大行星运行轨迹动画特效,鼠标移到相应的行星名称上面,会高亮显示该行星的轨道。
一款不错的可设置动画属性的HTML5 Canvas岩浆动画背景特效,展开网页右顶部菜单便可以设置动画动画幅度、颜色等属性。
这是一款效果非常炫酷的HTML5SVG表单运动模糊动画特效。这个运动模糊特效使用SVG过滤器,并结合TweenMax.js来制作打开和关闭表单时的运动模糊效果。
代码片段:html5canvas天体运动动画特效< </p>
<div class="border-bottom border-light mb-2"></div>
<h4 class="mt-0 title text-truncate">
<a href="/down/5314249.html" title="HTML5SVG制作超酷运动模糊动画特效" class="font-16"><em class='text-danger fst-normal'>HTML</em><em class='text-danger fst-normal'>5</em>SVG制作超酷<em class='text-danger fst-normal'>运动</em>模糊<em class='text-danger fst-normal'>动画</em><em class='text-danger fst-normal'>特效</em></a>
</h4>
<p class="text-muted">
这是一款效果十分炫酷的HTML5 SVG制作的运动模糊动画特效。该SVG运动模糊特效有三种效果:画廊效果、模态窗口效果和侧边栏菜单效果。它们使用SVG过滤器和js及css相配合,在元素运动时产生动态模 </p>
<div class="border-bottom border-light mb-2"></div>
<h4 class="mt-0 title text-truncate">
<a href="/down/6211920.html" title="HTML5彩色烟花网页背景动画特效" class="font-16"><em class='text-danger fst-normal'>HTML5</em>彩色烟花网页背景<em class='text-danger fst-normal'>动画</em><em class='text-danger fst-normal'>特效</em></a>
</h4>
<p class="text-muted">
今天下午刚发布一款烟花动画,现在又有一款漂亮的HTML5彩色烟花网页背景动画特效,各有特色。 </p>
<div class="border-bottom border-light mb-2"></div>
<h4 class="mt-0 title text-truncate">
<a href="/down/5682731.html" title="HTML5鼠标控制树镜动画特效.zip" class="font-16"><em class='text-danger fst-normal'>HTML5</em>鼠标控制树镜<em class='text-danger fst-normal'>动画</em><em class='text-danger fst-normal'>特效</em>.zip</a>
</h4>
<p class="text-muted">
HTML5鼠标控制树镜动画特效是一款基于Canvas实现的酷炫动画特效下载。 </p>
<div class="border-bottom border-light mb-2"></div>
<h4 class="mt-0 title text-truncate">
<a href="/down/5779193.html" title="html5响应式视频背景动画特效.rar" class="font-16"><em class='text-danger fst-normal'>html5</em>响应式视频背景<em class='text-danger fst-normal'>动画</em><em class='text-danger fst-normal'>特效</em>.rar</a>
</h4>
<p class="text-muted">
全屏HTML5响应式视频动画背景特效。全屏自适应,兼容大部分浏览器,是HTML5风格网页效果的首选。 </p>
<div class="border-bottom border-light mb-2"></div>
<h4 class="mt-0 title text-truncate">
<a href="/down/5778277.html" title="html5交互设计乐器演奏动画特效" class="font-16"><em class='text-danger fst-normal'>html5</em>交互设计乐器演奏<em class='text-danger fst-normal'>动画</em><em class='text-danger fst-normal'>特效</em></a>
</h4>
<p class="text-muted">
html5交互设计乐器演奏动画特效 </p>
</div>
</aside>
<div class="card" id="comments">
<div class="card-header">
<span class="fs-5 fw-bold m-0">用户评论</span>
</div>
<form class="card-body pt-2 pb-2 needs-validation" id="CommentForm" novalidate>
<input name="aid" class="form-control" value="5806704" type = "hidden">
<textarea class="form-control form-control-light mb-2 " name="content" placeholder="说说您下载后对此资源的评价" id="Comment-textarea" rows="3" required></textarea>
<div class="invalid-feedback">
请输入评论内容
</div>
<div class="text-end">
<div class="btn-group mb-2">
<span>评分：</span>
<select name="rate" id="backing3b" class="invisible">
<option value="0">无用</option>
<option value="1">无用</option>
<option value="2">不行</option>
<option value="3">过得去</option>
<option value="4">还可以</option>
<option value="5">推荐好下载</option>
</select>
<div class="rateit" data-rateit-mode="font" data-rateit-backingfld="#backing3b" data-rateit-resetable="false"></div>
</div>
<div class="btn-group mb-2 ms-2">
<button class="btn btn-primary btn-sm" type="submit" id="btn-comments">
<span id="commentloading" class="spinner-border spinner-border-sm me-1" role="status" aria-hidden="true" style="display:none;"></span>
提交评论
</button>
</div>
</div>
<div class="text-center"><span>暂无评论</span></div>
</form>
</div>
</div>
</div>
</div>
<div id="Comment-Payid-Modal" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header border-bottom border-light m-0 pt-2 pb-2">
<strong class="font-14">请填写您下载此资源的订单号</strong>
</div>
<div class="modal-body">
<form id="CommentPayidForm" action="#" class="ps-3 pe-3 needs-validation" novalidate>
<div class="mb-3">
<label for="CommentPayid" class="form-label">订单号:</label>
<input name="payid" class="form-control" type="text" id="CommentPayid" required placeholder="填写订单号">
</div>
<div class="mb-3 text-center">
<div class="alert alert-danger alert-dismissible bg-danger text-white border-0 fade show" id="commentpayidalert" role="alert" style="display:none;"></div>
<button class="btn btn-primary" id="btn-comments1" type="submit">
<span id="commentPayidloading" class="spinner-border spinner-border-sm me-1" role="status" aria-hidden="true" style="display:none;"></span>
提交评论
</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<footer class="footer bg-white">
<div class="container-fluid">
<div class="row">
<div class="col-md-6">
<script>document.write(new Date().getFullYear())</script> 卡了网 - Kaledl.Com
</div>
<div class="col-md-6">
<div class="text-md-end footer-links d-none d-md-block">
<a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=44190002006597" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;">
<img src="/assets/img/gonganbeian.png" style="float:left;">
粤公网安备44190002006597号
</a>
<a href="https://beian.miit.gov.cn/" target="_blank">粤ICP备16081799号</a>
<a href="javascript: void(0);" id="mianze">免责声明</a>
<a href="javascript: void(0);" id="banquan">版权投诉</a>
</div>
</div>
</div>
</div>
</footer>
</div>
<script src="https://cdn.bootcdn.net/ajax/libs/highlight.js/11.7.0/highlight.min.js"></script>
<script src="https://dcdnimg.kaledl.com/assets/js/app.min.js"></script>
<script src="https://dcdnimg.kaledl.com/assets/js/jquery.rateit.min.js"></script><script src="https://dcdnimg.kaledl.com/assets/js/jquery.fancybox.min.js"></script>
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?3750a2043375524ccedd21eda5995292";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
<script>window.onload = function() {$.ajax({type:"GET", url:"/api/Frontend/navu", datatype: "html", success:function(data){document.getElementById("navu").innerHTML= data}, error: function(ret){}})};</script>
</body>
</html>
