易截截图软件、单文件、免安装、纯绿色、仅160KB

yuicompressor+ant 混淆压缩多个js和css文件方法

1、下载 yuicompressor 包
首先到官方网站 http://yuilibrary.com/downloads/#yuicompressor 上下载 yuicompressor-2.4.2.zip 资源包。解压后 yuicompressor-2.4.2.jar 在 yuicompressor-2.4.2\build 目录下。
2、创建build-yui.xml 文件
然后创建ant 运行的文件,内容如下:
<?xml version="1.0" encoding="UTF-8"?>
<project name="MyTask" basedir="." default="compress-css">
    <property name="src.dir"     value="./src"/>
    <target name="compress-js">
      <apply executable="java" parallel="false" failonerror="true"
       dest="${src.dir}/dest"
       append="false" force="true">
       <fileset
        dir="${src.dir}"
        includes="js/**.js" />
       <arg line="-jar" />
       <arg path="yuicompressor-2.4.2.jar" />
       <arg line="--charset utf-8" />
       <srcfile />
       <arg line="-o" />
       <mapper type="glob" from="*.js" to="*.js" />
       <targetfile />
       <arg line="--nomunge" /><!--只压缩去掉空格,不混淆-->
      </apply>
  </target>
    <target name="compress-css">
        <apply executable="java" parallel="false" failonerror="true"
          


相关文档:

CSS圆角

介于纯粹CSS的无图片圆角实在是代码太乱,还是倾向于利用图片结合CSS来自做圆角;
(1)高宽皆自适应:
.roundedcornr_box_510746 {
   background: #dddddd url(roundedcornr_510746_grad.gif) repeat top left;width:300px;
}
.roundedcornr_top_510746 div {
   background:transparent url(r ......

js+css实现翻页

<!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"><head>  
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> &nb ......

CSS样式表学习一

1. 定义样式
1.1 按html标签定义
例如:body{background-color:#999999; text-align:center}
1.2 按类定义
例如:.style1{border-style:solid; border-color:#0000FF; border-width:1px}
1.3 按id定义
例如:#style2{border-style:solid; border-color:#FF0000; border-width:1px}
2. CSS的位置和引用
   ......

CSS實現文字的邊框效果

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head><title>Cross-Browser Text Glow Demo</title>
<mce:style type="text/css"><!--
* {
font ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号