<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" debug="true">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>网友Script分享自己整理的前端设计辅助工具</title>
<style type="text/css">
body,ul,ol,h2,h3,h4,h5,p,dl,dt,dd,form{padding:0;margin:0;}img{border:none;}li{list-style:none;}a{text-decoration:none;outline:none;color:#666666;}a:hover{text-decoration:none}img{border:0}ul{list-style:none;margin:0;}label{color:#6CBD45;font-size:14px;font-weight:bold;padding-bottom:0.5em;margin:0;}.h3{font-size:13px;font-weight:bold;}#show{background:url(images/photo.jpg)}#meun{color:#fff;padding-left:10px;}#meun img{float:left;}#submeun{margin-left:70px;float:left;}#submeun span{text-align:center;margin-right:10px;float:left;display:inline;}#submeun span a{color:#fff;height:50px;line-height:50px;font-size:14px;font-weight:bold;text-align:center;padding-left:15px;padding-right:15px;display:block;}#submeun span.cur{text-align:center;background:#82ce18;margin-right:10px;float:left;display:inline;}#top{background-color:#000;margin:0em 0 10px 0em;border-style:solid;border-width:1px;border-color:#E5E5E5;height:50px;line-height:50px;}label.subtitle{font-size:13px;float:right;color:#6CBD45;margin:0 10px;text-align:right;}h1.title{height:50px;font-size:12px;background:url(logo.png) no-repeat;}h1.title a:link,h1.title a:visited,h1.title a:hover{color:#000;text-decoration:none;}
body {background:#f0f7fc url("images/bg.gif") repeat-x;text-align:left;color:#333;font:12px 'Times New Roman,Tahoma,Arial,sans-serif';line-height:16px;margin:0;padding:0;}
input, textarea, select, button {color:#333;font:12px Tahoma,Arial, sans-serif;line-height:16px;vertical-align:middle;}
h1, h2, h3, h4, h5, h6, form, fieldset {margin:0;padding:0;}
h1, h2, h3, h4, h5, h6 {font-size:1em;}
a{color:#22ac38; text-decoration:none;}
a:hover{color:red; text-decoration:underline;}
select{font-size:15px;}
.box h1{line-height:37px; height:37px; padding-left:20px; background:url("images/h1-bg.gif") repeat-x; color:#0066CC; border:1px solid #c5e2f2; border-bottom:0; font-size:14px; font-weight:normal;}
.box h1 span{float:right; background:url("images/h1.gif") no-repeat right; padding:10px 12px 0 0; font-weight:normal;}
.box h1 a{ color:blue; }
.box .titright{ float:right;padding-right:10px; }
.box .titleft {float:left;}
.clear{clear:both; font-size:0; line-height:0; height:10px;}
.input{border:1px solid #94c6e1; background:#fff; color:#22ac38; font-weight:bold; padding:5px; margin-bottom:5px; font-size:13px;}
.but2{ border:1px solid #c5e2f2; background:#cde4f2 url('images/but.gif') repeat-x 50% top; height:30px; margin-left:5px; cursor:pointer; margin-bottom:5px;width:90px;}
.wrap {margin:auto; width: 900px; clear:both; }
*html.box{clear:both; display:inline;}
.box1{background:#fff url("images/box1-bg.gif") repeat-x left top; border:1px solid #47BFF3; border-top:0; padding:3px 15px; line-height:30px; }
.titleft A{font-size:9pt;margin:10px;}
.box{padding-top:20px;}
.button {
background:#2680E9 none repeat scroll 0 0;
border-color:#66ACFF #094FA1 #094FA1 #66ACFF;
border-style:solid;
border-width:1px;
color:#FFFFFF;
cursor:pointer;
width:100px;
height:30px;
font-size:14px;
line-height:20px;
text-align:center;
vertical-align:middle;
}
#table1 .button {font-size:12px;}
#content{
overflow:hidden;
overflow-y:auto;
width:850px;
height:400px;
border:1px solid #208FD7;
padding:2px;
font-weight:400;
font-size:14px;
font-family:"Courier New",Courier,monospace;
color:#333333;
}
</style>
<script src="globals.js" type="text/javascript"></script>
<script src="base.js" type="text/javascript"></script>
<script src="jsformat.js" type="text/javascript"></script>
<script src="htmlformat.js" type="text/javascript"></script>
</head>
<body style="background:url(images/bg123.gif) #f0f7fc repeat-x;">
<script type="text/javascript">
var chinazTopBarMenu = {
create: function (target, menucontents) {
if (!document.getElementById(menucontents)) {
return;
}
var contents_wrap = document.getElementById(menucontents);
var contents = contents_wrap.innerHTML;
target.className += " hover";
var dropdownmenu_wrap = document.createElement("div");
dropdownmenu_wrap.className = "dropdownmenu-wrap";
var dropdownmenu = document.createElement("div");
dropdownmenu.className = "dropdownmenu";
dropdownmenu.style.width = "auto";
var dropdownmenu_inner = document.createElement("div");
dropdownmenu_inner.className = "dropdownmenu-inner";
dropdownmenu_wrap.appendChild(dropdownmenu);
dropdownmenu.appendChild(dropdownmenu_inner);
dropdownmenu_inner.innerHTML = contents;
if (target.getElementsByTagName("div").length == 0) {
target.appendChild(dropdownmenu_wrap);
}
},
clear: function (target) {
target.className = target.className.replace(" hover", "");
}
}
</script>
<script type="text/javascript">
function do_js_beautify() {
document.getElementById('beautify').disabled = true;
js_source = document.getElementById('content').value.replace(/^\s+/, '');
tabsize = document.getElementById('tabsize').value;
tabchar = ' ';
if (tabsize == 1) {
tabchar = '\t';
}
if (js_source && js_source.charAt(0) === '<') {
document.getElementById('content').value = style_html(js_source, tabsize, tabchar, 80);
} else {
document.getElementById('content').value = js_beautify(js_source, tabsize, tabchar);
}
document.getElementById('beautify').disabled = false;
return false;
}
function pack_js(base64) {
var input = document.getElementById('content').value;
var packer = new Packer;
if (base64) {
var output = packer.pack(input, 1, 0);
} else {
var output = packer.pack(input, 0, 0);
}
document.getElementById('content').value = output;
}
function Empty() {
document.getElementById('content').value = '';
document.getElementById('content').select();
}
function GetFocus() {
document.getElementById('content').focus();
}
</script>
<br />
<div class="wrap">
<div class="main">
<form>
<div class="box">
<div id="b_1">
<h1 style="color:#208FD7">JavaScript / html / CSS 在线：美化、优化、加密、解密、压缩、解压 - <font style="font-family:Times New Roman;font-size:14pt">script-test.net</font></h1>
<div class="box1">
<div align="center" style="padding-top:10px;">
<textarea id="content" name="content" style="border:1px solid #208FD7;" cols="20" rows="20">/*以下为CSS代码格式化演示*/
@charset "utf-8";
@font-face {font-family:dreamy;font-weight:bold;src:url(http://script-test.net/font.eot);}
@fontdef url("http://script-test.net/test.pfr");
.test {
font: normal normal 400 12pt "宋体, Times New Roman, Century Gothic, Arial, Helvetica";
filter: progid:dximagetransform.microsoft.alphaimageloader(src="black.jpg",sizingmethod="scale");
background: #292929 url("http://script-test.net/style/black.jpg") repeat scroll 0px 0px;
background-image: url("http://script-test.net/style/black.jpg");
background-color: #292929;
}
body {
scrollbar-3dLight-Color:black; /*设置箭头和滚动条左侧和顶边的颜色*/
scrollbar-Arrow-Color:white; /*设置滚动条上的箭头颜色*/
scrollbar-Base-Color:black; /*设置滚动条的底色*/
scrollbar-DarkShadow-Color:black; /*设置箭头和滚动条右侧和底边的颜色*/
scrollbar-Face-Color:black; /*设置滚动条的表色*/
scrollbar-Highlight-Color:white; /*设置箭头和滚动条左侧和顶边的颜色，以及滚动条的背景*/
scro
js.zip （12个子文件） 
格式化js 
htmlformat.js 15KB images 
bg.gif 621B box1-bg.gif 180B h1-bg.gif 161B Chinaz.ico 1KB but.gif 151B Thumbs.db 7KB base.js 40KB jsformat.js 18KB globals.js 12KB
demo.html 19KB demo.html.bak 19KB资源评论
novemberpanda
- 粉丝: 0
- 资源: 2
最新资源
- C#源码 上位机 联合Visionpro 通用框架开发源码，已应用于多个项目，整套设备程序，可以根据需求编出来，具体Vpp功能自己编 程序包含功能 1.自动设置界面窗体个数及分布 2.照方式以命令触
- 程序名称：悬架设计计算程序 开发平台：基于matlab平台 计算内容：悬架偏频刚度挠度；螺旋弹簧，多片簧，少片簧，稳定杆，减震器的匹配计算；悬架垂向纵向侧向力学、纵倾、侧倾校核等；独立悬架杠杆比，等效
- 华为OD+真题及解析+智能驾驶
- jQuery信息提示插件
- 基于stm32的通信系统，sim800c与服务器通信，无线通信监测，远程定位，服务器通信系统，gps，sim800c，心率，温度，stm32 由STM32F103ZET6单片机核心板电路、DS18B2
- 充电器检测9-YOLO（v5至v11）、COCO、Create充电器检测9L、Paligemma、TFRecord、VOC数据集合集.rar
- 华为OD+考试真题+实现过程
- 保险箱检测51-YOLO（v5至v11）、COCO、CreateML、Paligemma、TFRecord、VOC数据集合集.rar
- 五相电机邻近四矢量SVPWM模型-MATLAB-Simulink仿真模型包括： （1）原理说明文档（重要）：包括扇区判断、矢量作用时间计算、矢量作用顺序及切时间计算、PWM波的生成； （2）输出部分仿
- 一对一MybatisProgram.zip
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
