绿软研究所

一个前端工具箱特别美化版

最近突然想给自己的博客加一个前端工具箱的功能,网上流传的都是由嗯哌网编写的,工具很少用,毕竟有时候写一些 HTML 的代码时,不需要自己一个一个字符的去改了。

1. 美化说明

工具虽好,但是却有些小瑕疵,博主这里仿照 DUX 主题独立页面的左侧菜单,对其进行了一些的美化:1) 修复前端工具箱左侧菜单选中后不显示背景颜色问题2) 美化左侧菜单背景颜色3) 美化右侧按钮

2. 效果展示

美化后的效果如下图所示

3. 使用方法

使用方法很简单:1) 下载博主分享的前端工具箱后,将解压的 tools 文件夹复制到主题根目录里面2) 新建一个页面,使用模板为 Tools(前端工具箱)3) 复制下面代码放到 header.php 中的 head 标签中

<script type="text/javascript">
$(function(){ 
var a1 = document.URL;
var a2 = $(".toolsmenu a");
for (var i = 0; i < a2.length; i++) {
if (a1.indexOf($(a2[i]).attr("href")) != -1) {
$(a2[i]).parent().addClass("active");
return;
}
}
$(a2[0]).parent().addClass("active");
})
</script>

一个前端工具箱特别美化版

下载地址

https://www.lanzous.com/i43bwte

Download Best WordPress Themes Free Download
Download WordPress Themes
Download Premium WordPress Themes Free
Download WordPress Themes Free
lynda course free download
download coolpad firmware
Download Nulled WordPress Themes
lynda course free download