转载博客 https://www.cnblogs.com/Penn000/p/6947472.html
侧边栏二刺猿
1 <script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script> 2 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-awesome/css/font-awesome.min.css"/> 3 <script src="https://cdn.jsdelivr.net/gh/stevenjoezhang/live2d-widget/autoload.js"></script>
点击特效
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
1 <script type="text/javascript"> 2 var a_idx = 0; 3 jQuery(document).ready(function($) { 4 $("body").click(function(e) { 5 var a = new Array("-v-","^@^","-x-","^.^","-o-","^-^","-.-","^o^"); 6 var $i = $("<span></span>").text(a[a_idx]); 7 a_idx = (a_idx + 1) % a.length; 8 var x = e.pageX, 9 y = e.pageY; 10 $i.css({ 11 "z-index": 999999999999999999999999999999999999999999999999999999999999999999999, 12 "top": y - 20, 13 "left": x, 14 "position": "absolute", 15 "font-weight": "bold", 16 "color": "rgb("+~~(255*Math.random())+","+~~(255*Math.random())+","+~~(255*Math.random())+")" 17 }); 18 $("body").append($i); 19 $i.animate({ 20 "top": y - 180, 21 "opacity": 0 22 }, 23 1500, 24 function() { 25 $i.remove(); 26 }); 27 }); 28 }); 29 30 31 </script>
背景连线
首页HTML代码(动态背景连线): <script type="text/javascript" color="255,235,0" opacity='0.1' zIndex="-2" count="15" src="https://files.cnblogs.com/files/yzl0/canvas-nest.js"></script>