閱讀本文約花費: 1 (分鐘)

在 coolshell.cn 的，页面头部右上角，有个 “High一下”功能，点击之后，伴随着动感的音乐，整个页面上的元素，会以各个模块（DIV），进行跳动。

其实它的实现效果也很简单。

比如，在WordPress站中，可以如下实现：

• 进入后台管理WordPress wp-admin -> 外观 -> 小工具;
• 将 可用小工具 中的 自定义HTML 拖拽入 右侧 Sidebar;
• 自定义其内容为: 标题: High一下, 内容: 看最后.
• 可上下拖动此”自定义HTML”排序.
• 点击 保存, 完毕.

High一下 的HTML内容:

<a title=”把这个链接拖到你的Chrome收藏夹工具栏中” href=”javascript:(function(){function c(){var e=document.createElement(“link”);e.setAttribute(“type”,”text/css”);e.setAttribute(“rel”,”stylesheet”);e.setAttribute(“href”,f);e.setAttribute(“class”,l);document.body.appendChild(e)}function h(){var e=document.getElementsByClassName(l);for(var t=0;te&&s.heightt&&s.width=w&&t<=b+w}function S(){var e=document.createElement(“audio”);e.setAttribute(“class”,l);e.src=i;e.loop=false;e.addEventListener(“canplay”,function(){setTimeout(function(){x(k)},500);setTimeout(function(){N();p();for(var e=0;eIf you are reading this, it is because your browser does not support the audio element. We recommend that you get a new browser.
“;document.body.appendChild(e);e.play()}function x(e){e.className+=” “+s+” “+o}function T(e){e.className+=” “+s+” “+u[Math.floor(Math.random()u.length)]}function N(){var e=document.getElementsByClassName(s);var t=new RegExp(“\b”+s+”\b”);for(var n=0;n”);var k=null;for(var L=0;LHigh一下!</a>