现在位置:首页 > 网站设计 > 如何在导航上面添加狂欢一下教程

如何在导航上面添加狂欢一下教程

作者:蓝叶 分类:网站设计 时间:2016-01-13 浏览:17024 评论:12

之前蓝叶分享过一个EMLOG插件狂欢一下,很多用户想把这个狂欢一下加到导航上面去,懂代码的站长很容易就能做到,对于不懂代码的站长,那就是很难很难的事,有网友要求需要做个说明,那么蓝叶就简单说明下,给不懂代码的站长们照葫芦画瓢学会自己把狂欢一下添加到导航上面去。
首先找到你当前模版文件夹,就拿默认模版为例,登陆FTP空间进入content\templates\default\文件夹下,在里面找到module.php这个文件,下载到本地,使用编辑器代码(切记不要使用记事本编辑,可以用Notepad++编辑器编辑!),在里面找到查找到blog_navi()导航函数,在这个函数的结尾</ul>前面加上一段代码<li class="item common"><a title=狂欢一下 href=javascript:kuanghuan();javascript:alert('来朋友跟着节奏一起跳舞吧,解除刷新页面即可。');>狂欢一下</a></li>然后保存,这段代码中的文字部分可以随意修改,然后上传覆盖文件module.php到FTP空间里去;然后再把模版文件夹下的footer.php文件下载到本地,使用编辑器打开编辑;把下面的代码复制到footer.php文件里去,然后上传看看吧;如果此处代码复制有问题,还是建议从插件文件里复制代码,注意代码的格式,少或多一个标点符号都不行。

在最底部</body>前面加入以下代码,如果要把下面代码复制到js文件中调用,就去掉script标签包含,代码中最下方的音乐和CSS链接你可以换成你自己的,需要把音乐和CSS文件下载下来:
<script type="text/javascript">
function kuanghuan(){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;t<e.length;t++){document.body.removeChild(e[t])}}function p(){var e=document.createElement("div");e.setAttribute("class",a);document.body.appendChild(e);setTimeout(function(){document.body.removeChild(e)},100)}function d(e){return{height:e.offsetHeight,width:e.offsetWidth}}function v(i){var s=d(i);return s.height>e&&s.height<n&&s.width>t&&s.width<r}function m(e){var t=e;var n=0;while(!!t){n+=t.offsetTop;t=t.offsetParent}return n}function g(){var e=document.documentElement;if(!!window.innerWidth){return window.innerHeight}else if(e&&!isNaN(e.clientHeight)){return e.clientHeight}return 0}function y(){if(window.pageYOffset){return window.pageYOffset}return Math.max(document.documentElement.scrollTop,document.body.scrollTop)}function E(e){var t=m(e);return t>=w&&t<=b+w}function S(){var e=document.createElement("audio");e.setAttribute("class",l);e.src=m_src;e.loop=false;e.addEventListener("canplay",function(){setTimeout(function(){x(k)},500);setTimeout(function(){N();p();for(var e=0;e<O.length;e++){T(O[e])}},15500)},true);e.addEventListener("ended",function(){N();h()},true);e.innerHTML=" <p>If you are reading this, it is because your browser does not support the audio element. We recommend that you get a new browser.</p> <p>";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<e.length;){e[n].className=e[n].className.replace(t,"")}}var e=30;var t=30;var n=350;var r=350;var s="mw-harlem_shake_me";var o="im_first";var u=["im_drunk","im_baked","im_trippin","im_blown"];var a="mw-strobe_light";var l="mw_added_css";var b=g();var w=y();var C=document.getElementsByTagName("*");var k=null;for(var L=0;L<C.length;L++){var A=C[L];if(v(A)){if(E(A)){k=A;break}}}if(A===null){console.warn("Could not find a node of the right size. Please try a different page.");return}c();S();var O=[];for(var L=0;L<C.length;L++){var A=C[L];if(v(A)){O.push(A)}};$("body").css({"overflow-x":"hidden","transform":"rotate(1deg)","-webkit-transform":"rotate(1deg)","-moz-transform":"rotate(1deg)","-o-transform":"rotate(1deg)","-ms-transform":"rotate(1deg)"});}
var m_src = "http://lanyesmusic.duapp.com/deguozhanche.mp3";var f="http://lanyesmusic.duapp.com/kuanghai.css";
</script>


免责声明:

本页网址:点击复制分享给朋友吧!

本站分享的一切内容资源如若没有备注,均为蓝叶原创,如需转载请注明出处;如有侵权请与我们联系处理。敬请谅解!

评论列表
挤眼亲亲咆哮开心想想可怜糗大了委屈哈哈小声点右哼哼左哼哼疑问坏笑赚钱啦悲伤耍酷勾引厉害握手耶嘻嘻害羞鼓掌馋嘴抓狂抱抱围观威武给力
提交评论

清空信息
关闭评论
琳琅
琳琅游客
#6
导航上添加成功了,怎么隐藏网页上跳舞的小人呢?手机端看了好别扭,求指点谢谢!
2017-05-14 23:23回复
啊鑫
啊鑫游客
@琳琅:在后台关掉插件就行了
2017-10-03 19:15回复
欣欣
欣欣游客
#5
好像什么也没发生 一定是我打开方式不对嘤
2017-03-20 11:18回复
海诚
海诚游客
#4
功能没有加上呀
2016-04-05 15:07回复
蓝叶
蓝叶游客
@海诚:如果你懂代码就按照文章说明可以实现,如果不懂代码那就使用插件吧,也许你方法对了但没实现功能,也可能是JS冲突。
2016-04-05 15:16回复
海诚
海诚游客
@蓝叶:倒是添加上了 可惜在导航第一个显示 我在调调模板试试
2016-04-05 17:05回复
多翼网
多翼网游客
#3
已用上,蓝叶分享了不少有趣的东西,大家可以挖一挖
2016-03-27 22:35回复
星光璀璨
星光璀璨游客
#2
能不能把你上次那个插件改一下。做成导航形式
2016-02-01 20:31回复
蓝叶
蓝叶游客
@星光璀璨:导航没有插件加载点,自己看教程添加吧。
2016-02-01 20:58回复
海诚
海诚游客
@蓝叶:好吧我用插件吧
2016-04-05 15:29回复
蚂蚁窝
蚂蚁窝游客
#1
哈哈,这个功能挺好玩的
2016-01-20 20:45回复
蓝叶
蓝叶游客
@蚂蚁窝:好玩你就用
2016-01-20 20:46回复
音乐欣赏
返回顶部