公司的项目中用到了这个新消息提示的效果，主要用于提示用户有新消息。具体实现代码如下：

调用显示新消息提示：newMessageRemind.show();

调用取消新消息提示：newMessageRemind.clear();

查看demo：http://www.css88.com/demo/newMessageRemind/

另：单纯的这个代码会出现这么一个问题：
就是当你打开一个站点很多张页面的时候，如过有新消息，那么所有页面都会不停的闪，当你查看消息后其他页面仍会提示。

我们公司是通过使用Cookie的方式解决的，当查看新消息后所有标题闪动的页面将全部取消提示。

声明: 本文采用 BY-NC-SA 协议进行授权 | WEB前端开发
转载请注明转自《标题栏新消息提示效果》

今天一个刚学js的朋友给了我一段代码问为什么方法不执行，代码如下：

其实不是不执行，只是朋友的意思这里alert出来的应该是“0”，而不是function (){return x;}。
不是脚本写错了，只是没搞懂return，从当前函数退出，并从那个函数返回一个值。如果返回的是一个函数，那么返回的也是函数本身。
可以这样修改上面的代码,就是alert(makefunc(0)())：

如果要返回函数执行的结果那么首先要让这个函数执行，例如：

这里有一个匿名函数，

在第一个括号内是匿名函数，第二个括号用于调用该匿名函数，您可以在第二个括号中传入所需的参数。例如：

声明: 本文采用 BY-NC-SA 协议进行授权 | WEB前端开发
转载请注明转自《return闭包函数》

哇，居然页面倒过来了，页头和页脚翻了一个根头，其实我以前还在想，背景图片是不是可以这样呢，今天至少在页面上看到了。

真好奇，立即启动火狐看了一下，哈哈，找到原因了，马上在试了一下IE，搞定，也OK，哈哈，如果不知道的同学们，我想你们也想知道这是怎么回事吧。

其实就是这个东东在做怪。。。

-moz-transform: rotate(180deg);

-webkit-transform: rotate(180deg);

filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);

三行代码，分别用来支持moz，webkit和IE的内核的浏览器。

我们看看克军是怎么做的呢，他使用了JS，让代码立即执行的方式。。给页面增加一个<sytle>和相应的样式，并且为body增加相应的class.下面我将他的js代码贴出来。嘿嘿！

;(function(){
var d = document, n = d.createElement('style'), r='.flip { -moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); }';
n.type = 'text/css';
if(n.styleSheet)
{
 n.styleSheet.cssText = r;
}
else
{
 n.appendChild(d.createTextNode(r))
}
d.getElementsByTagName('head')[0].appendChild(n);
d.body.className += ' flip';
}

为了使用document方便，他把document传给了变量d,建立了一个style标签为变量n，把样式的内容传给
了变量r，克军的命名都很简洁。
在为这个n其实就是style标签了type这个属性。
下面是进行判断页面中style有不有属性，如果没有，直接将r，也就是样式的内容放入n中。
如果有，就得使用建立文本并且追加的方式。
我不知道我的解释对不对哈，反正大概意思就是这样的，欢迎指正。
一切准备就绪以后，就将n添加到head中去，在将class增加到body上，这样页面一加载。。。。你的页面就会被旋转180度，当然你可以旋转90度，10度，数字是可以调整的哟。

2010.09.30  今天在使用过程中，最后发现，原来ie只支持4个值，分别旋转值可以是1，2，3或4。这些数字分别代表90，180，270，或360度旋转。

<a href="http://www.cookseo.com?keepThis=true&TB_iframe=true&height=500&width=820" title="ThickBox 3.1:调用框架，固定宽度和高度，超出显示滚动条" class="thickbox">OECSPACE</a>

<a href="boxs.html?keepThis=true&TB_iframe=true&height=100&width=220&modal=true" title="ThickBox 3.1:modal=true表示禁用title，去掉即可显示title及可自动关闭" class="thickbox">Open iFrame Modal</a>

<a href="box.html?height=350&width=350&modal=true" title="ThickBox 3.1:Ajax载入，页面无法查看源代码" class="thickbox">Example</a>

<a href="#TB_inline?height=200&width=300&inlineId=hiddenModalContent&modal=true" title="ThickBox 3.1:链接显示隐藏层" class="thickbox">Show hidden modal content</a>

<div id="hiddenModalContent" style="display:none">
<p>ThickBox hidden modal content. Click to hide.</p>
<p style="text-align:center"><input type="submit" value=" O K " onclick="tb_remove()" /></p>
</div>

<input alt="#TB_inline?height=150&width=400&inlineId=myOnPageContent " title="ThickBox 3.1:按钮显示隐藏层" class="thickbox" type="button" value="Show" />

<div id="myOnPageContent" style="display:none">
<p>ThickBox hidden modal content.Auto Hide.</p>
</div>

<a href="images/plant1.jpg" title="plant" class="thickbox"><img src="images/plant1_t.jpg" alt="ThickBox 3.1" /></a>

<a href="images/plant1.jpg" title="plant1" class="thickbox" rel="gallery-plants"><img src="images/plant1_t.jpg" alt="ThickBox 3.1 1" /></a>
<a href="images/plant2.jpg" title="plant2" class="thickbox" rel="gallery-plants"><img src="images/plant2_t.jpg" alt="ThickBox 3.1 2" /></a>
<a href="images/plant3.jpg" title="plant3" class="thickbox" rel="gallery-plants"><img src="images/plant3_t.jpg" alt="ThickBox 3.1 3" /></a>

$("#TB_window").append("<a href='' id='TB_ImageOff' title='Close'><img id='TB_Image' src='"+url+"' width='"+imageWidth+"' height='"+imageHeight+"' alt='"+caption+"'/></a>" + "<div id='TB_caption'>"+caption+"<div id='TB_secondLine'>" + TB_imageCount + TB_PrevHTML + TB_NextHTML + "</div></div><div id='TB_closeWindow'><a href='#' id='TB_closeWindowButton' title='Close'>close</a> or Esc Key</div>");     


$("#TB_window").append("<img id='TB_Image' src='"+url+"' width='"+imageWidth+"' height='"+imageHeight+"' alt='"+caption+"'/>" + "<div id='TB_caption'>"+caption+"<div id='TB_secondLine'>" + TB_imageCount + TB_PrevHTML + TB_NextHTML + "</div></div><div id='TB_closeWindow'><a href='#' id='TB_closeWindowButton' title='Close'>close</a> or Esc Key</div>");     


<body>
<p align="center">
    你已经上传成功，
    <a href="upload.jsp">请返回</a>
</p>
</body>
</html>
========================================================================
后台：一共需要三个4个java文件
1.  <FileMes>
package upload.until;

/**
 * Created by IntelliJ IDEA.
 * User: lvjiachun
 * Date: 2006-5-3
 * Time: 7:51:11
 * To change this template use File | Settings | File Templates.
 */
public class FileMes {
    private String fileName;

    public String getFileName() {
        return fileName;
    }

    public void setFileName(String fileName) {
        this.fileName = fileName;
    }

    public String getFilePath() {
        return filePath;
    }

    public void setFilePath(String filePath) {
        this.filePath = filePath;
    }

    private String filePath;
}
2.<FileSelect >
package upload.until;

/**
 * Created by IntelliJ IDEA.
 * User: lvjiachun
 * Date: 2006-5-3
 * Time: 7:51:23
 * To change this template use File | Settings | File Templates.
 */
public class FileSelect {
    private String fileName;
    private String fileURL;
    private String type;

    public String getFileName() {
        return fileName;
    }

    public void setFileName(String fileName) {
        this.fileName = fileName;
    }

    public String getFileURL() {
        return fileURL;
    }

    public void setFileURL(String fileURL) {
        this.fileURL = fileURL;
    }

    public String getType() {
        return type;
    }

    public void setType(String type) {
        this.type = type;
    }
}
3.<UploadUntil >
package upload.until;

import com.opensymphony.webwork.dispatcher.multipart.MultiPartRequestWrapper;
import com.opensymphony.webwork.dispatcher.multipart.MultiPartRequest;
import com.opensymphony.webwork.ServletActionContext;

import java.util.List;
import java.util.ArrayList;
import java.util.Enumeration;
import java.util.Calendar;
import java.io.*;

/**
 * Created by IntelliJ IDEA.
 * User: lvjiachun
 * Date: 2006-5-3
 * Time: 7:51:00
 * To change this template use File | Settings | File Templates.
 */
public class UploadUntil {
    public static List<FileMes> Upload(String smallPath) throws IOException {
        List<FileMes> fileMesList = new ArrayList<FileMes>();
        String path = smallPath;
        System.out.println("PATH 2:" + path);
        MultiPartRequestWrapper multiWrapper = (MultiPartRequestWrapper) ServletActionContext.getRequest();
        if (multiWrapper == null) return null;
        Enumeration e = multiWrapper.getFileNames();
        int i = 0;
//===============================================================//
        //这个是单文件上传的代码；！！如果想做单文件上传，把注释掉的代码去掉就可以了
//        while (e.hasMoreElements()) {
//            String inputValue = (String) e.nextElement();
//            String contentType = multiWrapper.getContentType(inputValue);
//            String flie1 = multiWrapper.getFilesystemName(inputValue);
//            String fileName = flie1;
//            System.out.println("FileName underfinded:" + fileName);
//            String savePath = path + fileName;
//            File file = multiWrapper.getFile(inputValue);
//            if (file != null) {
//                InputStream inStream = new FileInputStream(file.getPath());
//                FileMes fm = new FileMes();
//                fm.setFileName(flie1);
//                System.out.println("FileName:" + fm.getFileName());
//                System.out.println("SmallPath in UploadUntil.java" + smallPath);
//                fm.setFilePath(smallPath + fileName);
//                System.out.println("FilePath:" + fm.getFilePath());
//                fileMesList.add(fm);
//                System.out.println("SavePath:" + savePath);
//                FileOutputStream fs = new FileOutputStream(savePath);
//                byte[]buffer = new byte[1444];
//                int length;
//                int bytesum = 0;
//                int byteread = 0;
//                while ((byteread = inStream.read(buffer)) != -1) {
//                    bytesum += byteread;
//                    fs.write(buffer, 0, byteread);
//                }
//============================================================//
// 下面这个是多文件上传-------------------
        while (e.hasMoreElements()) {
            String inputValue = (String) e.nextElement();
            String contentType = multiWrapper.getContentType(inputValue);
            String flie1 = multiWrapper.getFilesystemName(inputValue);
            String fileName = Calendar.getInstance().getTime().getTime() + "-" + i + flie1;
            String savePath = path + fileName;
            File file = multiWrapper.getFile(inputValue);
            if (file != null) {
                InputStream inStream = new FileInputStream(file.getPath()); //读入原文件
                FileMes fm = new FileMes();
                fm.setFileName(flie1);
                fm.setFilePath(smallPath + fileName);
                fileMesList.add(fm);
                FileOutputStream fs = new FileOutputStream(savePath);
                byte[] buffer = new byte[1444];
                int length;
                int bytesum = 0;
                int byteread = 0;
                while ((byteread = inStream.read(buffer)) != -1) {
                    bytesum += byteread; //字节数 文件大小
                    fs.write(buffer, 0, byteread);
                }
//==============================================================//
                inStream.close();   //关闭输入流
                i++;
                if (file.exists()) {
                    file.delete();
                }   //如果上传的文件存在则将其删除；
            }

        }
        return fileMesList;
    }
}
4.也就是最后一个，action<UploadfilesAction>
package upload.fileupload;

import com.opensymphony.xwork.ActionSupport;
import com.opensymphony.xwork.Action;
import com.opensymphony.xwork.ModelDriven;
import upload.until.FileSelect;

/**
 * Created by IntelliJ IDEA.
 * User:lvjiachun
 * Date: 2006-5-3
 * Time: 7:52:34
 * To change this template use File | Settings | File Templates.
 */
public class UploadfilesAction extends ActionSupport implements Action, ModelDriven {
    FileSelect fileMes = new FileSelect();

    public String upload() throws Exception {
        String smallPath = fileMes.getFileURL();
        System.out.println(smallPath+"xiaosao");
        java.io.File myFilePath = new java.io.File(smallPath);
        if (smallPath != null) {
            if (!myFilePath.exists()) {
                myFilePath.mkdir();
                System.out.println("*******MaKe DIR!*********");
            }
        }
        upload.until.UploadUntil.Upload(smallPath);
        return SUCCESS;

    }
    public Object getModel() {
        return fileMes;  //To change body of implemented methods use File | Settings | File Templates.
    }
}
**********************************************************************
xwork中
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE xwork PUBLIC "-//OpenSymphony Group//XWork 1.1.1//EN" "http://www.opensymphony.com/xwork/xwork-1.1.1.dtd">
<xwork>
    <include file="webwork-default.xml"/>
    <package name="upload" extends="webwork-default">
        <interceptors>
            <interceptor name="upload" class="com.opensymphony.webwork.interceptor.FileUploadInterceptor"/>
            <interceptor-stack name="uploadStack">
                <interceptor-ref name="upload"/>
                <interceptor-ref name="defaultStack"/>
            </interceptor-stack>
        </interceptors>
        <default-interceptor-ref name="WSStack"/>
    
        <action name="upload" class="upload.fileupload.UploadfilesAction" method="upload">
            <result name="success">
                <param name="location">/upload/upload-success.jsp</param>
            </result>
            <interceptor-ref name="uploadStack"/>
            <interceptor-ref name="model-driven"/>
        </action>
    </package>
</xwork>
webwork.properties
在webwork.properties中要加上这段代码
webwork.multipart.parser=com.opensymphony.webwork.dispatcher.multipart.PellMultiPartRequest
webwork.multipart.saveDir=d:\\  #这个是上传文件的默认保存路径#

xiaosao：具体的解析过程不是我写的，是我工作室boss写的，我也没那个能力！具体怎么用
看代码就足够了，这个是我在做上传得时候用到的，开始做的时候没有任何思路，在网上找
也没找到，憋了半个月也没弄出来，用webwork可以得到上传得文件，但传得内容只有upload这
几个字(传txt时候),后来才清楚是要解析过程的，后台的前三段代码就是解析过程，我是个新
手，这个东西做的让我脑袋都大了，为了大家方便，发到这里，有需要的来看一下！代码是好
使得，需要自己认真调试！有什么不足给点意见

        <ww:textfield label="名称" name="content.contentName" value="" required="true"/>

        <tr>
            <td>上传文件</td>
            <td colspan="2">
                <input type="file" name="file1"><br/>
                <input type="file" name="file2"><br/>
                <input type="file" name="file3"><br/>
                <input type="file" name="file4"><br/>
                <input type="file" name="file5"> <br/>
            </td></tr>
        <ww:submit value="提交"></ww:submit>

    </table>
</form>
      在另一个界面，用${param.category}得到，param指的是<c:param>标签[jstl] ，在xwork中对result可以不用做任何处理，只要告诉它下一个界面是什么就可以了！
其中：${param.categoryId}和${param.testId}是得到上个界面的值得！
    2. 如果在两个页面传值，中间经过了一个java文件，那么可以通过xwork进行传值，具体做法如果下
jsp：
 <c:url var="testContent" value="/admin/select_Test_category.action">
                    <c:param name="model.test_id" value="${test.testId}"/>
                    <c:param name="model.category_id" value="${test.categoryId}"/>
                </c:url>
                <a href="${testContent}">编辑</a>
xwork中：
<action name="select_Test_category" class="com.cool.lvjiachun.Select_Test_categoryAction">
            <result name="success" type="dispatcher">
                <param name="location">/cool/lvjiachun/test_category.jsp</param>
            </result>
            <result name="alone" type="dispatcher">
                <param name="location">
                    /cool/lvjiachun/editor_test_category.jsp?model.category_id=${model.category_id}</param>
            </result>
            <interceptor-ref name="WSStack"/>
        </action>
看一下result是怎么弄得吧，“?model.category_id=${model.category_id}”，${model.category_id}是第一个jsp“<c:paramname="model.test_id"value="${test.testId}"/>”
里的name，这样值在下一个界面就可以得到了
下一个jsp，也就是editor_test_category.jsp，
  <ww:a href="admin/getTestList.action?model.category_id=${model.category_id}&id=${model.category_id}" value="返回">
        返回
    </ww:a>
这样就可以了！
  3.如果要经过两个action，经过一个action后还要经过另一个action才能到下一个jsp，后一个action需要jsp界面的数据，那么可以用重定向redirect，这样就可以达到你想要的结果！（也可以不用，但要通过数据库在去查数据，这样很耗费时间，也麻烦）
例如：
jsp：
<ww:form action="/admin/addTestCategory.action" method="post" validate="true">
        <ww:textfield label="添加分类" name="test.testName" required="true"/>
        <ww:submit value="添加"></ww:submit>
        <ww:url id="listlink" namespace="/admin" action="getTestList" method="getList"></ww:url>
        <ww:hidden name="test.categoryId" value="${param.id}"></ww:hidden>
    </ww:form>
xwork中：
<action name="addTestCategory" class="com.dream.action.TestCategoryAction" method="insert">
            <external-ref name="testcategoryDAO">testcategoryDAOProxy</external-ref>
            <result name="success" type="redirect">
                <param name="location">/admin/getTestList.action?id=${test.categoryId}&amp;model.category_id=${test.categoryId}</param>
            </result>
            <result name="input" type="redirect">
                <param name="location">/admin/getTestList.action?model.category_id=${test.categoryId}&amp;id=${test.categoryId}</param>
            </result>
            <interceptor-ref name="WSStack"/>
            <interceptor-ref name="validationWorkflowStack"/>
        </action>
“${param.id}”，看到了吧，它就是1的方法得到的！！！
            其实这些也是经过高人指点才做到的，发在这里有兴趣的大家分享一下，也许我描述不对，但我相信大家看例子也可以看懂得！如果有什么不对的地方，也请前辈们谅解并给予纠正！