• 快来参加7月17日在成都举行的SOA中国技术论坛
• 搜狐网站诚聘Java、PHP和C++工程师
• JavaEye问答大赛开始了！ 从6月23日 至 7月6日，奖品丰厚 ！
• Oracle专区上线，有Oracle最新文章，重要下载及知识库等精彩内容，欢迎访问。
• 北京: 千橡集团暨校内网诚聘软件研发工程师

• 北京: 千橡集团暨校内网诚聘软件研发工程师
• 搜狐网站诚聘Java、PHP和C++工程师
• 快来参加7月17日在成都举行的SOA中国技术论坛
• JavaEye问答大赛开始了！ 从6月23日 至 7月6日，奖品丰厚 ！
• Oracle专区上线，有Oracle最新文章，重要下载及知识库等精彩内容，欢迎访问。

• 快来参加7月17日在成都举行的SOA中国技术论坛
• JavaEye问答大赛开始了！ 从6月23日 至 7月6日，奖品丰厚 ！
• 北京: 千橡集团暨校内网诚聘软件研发工程师
• Oracle专区上线，有Oracle最新文章，重要下载及知识库等精彩内容，欢迎访问。
• 搜狐网站诚聘Java、PHP和C++工程师

• Oracle专区上线，有Oracle最新文章，重要下载及知识库等精彩内容，欢迎访问。
• JavaEye问答大赛开始了！ 从6月23日 至 7月6日，奖品丰厚 ！
• 北京: 千橡集团暨校内网诚聘软件研发工程师
• 快来参加7月17日在成都举行的SOA中国技术论坛
• 搜狐网站诚聘Java、PHP和C++工程师

• 快来参加7月17日在成都举行的SOA中国技术论坛
• 北京: 千橡集团暨校内网诚聘软件研发工程师
• JavaEye问答大赛开始了！ 从6月23日 至 7月6日，奖品丰厚 ！
• 搜狐网站诚聘Java、PHP和C++工程师
• Oracle专区上线，有Oracle最新文章，重要下载及知识库等精彩内容，欢迎访问。

• 北京: 千橡集团暨校内网诚聘软件研发工程师
• 快来参加7月17日在成都举行的SOA中国技术论坛
• JavaEye问答大赛开始了！ 从6月23日 至 7月6日，奖品丰厚 ！
• Oracle专区上线，有Oracle最新文章，重要下载及知识库等精彩内容，欢迎访问。
• 搜狐网站诚聘Java、PHP和C++工程师

• Oracle专区上线，有Oracle最新文章，重要下载及知识库等精彩内容，欢迎访问。
• 北京: 千橡集团暨校内网诚聘软件研发工程师
• 搜狐网站诚聘Java、PHP和C++工程师
• JavaEye问答大赛开始了！ 从6月23日 至 7月6日，奖品丰厚 ！
• 快来参加7月17日在成都举行的SOA中国技术论坛

• 快来参加7月17日在成都举行的SOA中国技术论坛
• 北京: 千橡集团暨校内网诚聘软件研发工程师
• Oracle专区上线，有Oracle最新文章，重要下载及知识库等精彩内容，欢迎访问。
• JavaEye问答大赛开始了！ 从6月23日 至 7月6日，奖品丰厚 ！
• 搜狐网站诚聘Java、PHP和C++工程师

• 快来参加7月17日在成都举行的SOA中国技术论坛
• 搜狐网站诚聘Java、PHP和C++工程师
• Oracle专区上线，有Oracle最新文章，重要下载及知识库等精彩内容，欢迎访问。
• 北京: 千橡集团暨校内网诚聘软件研发工程师
• JavaEye问答大赛开始了！ 从6月23日 至 7月6日，奖品丰厚 ！

• 快来参加7月17日在成都举行的SOA中国技术论坛
• 搜狐网站诚聘Java、PHP和C++工程师
• 北京: 千橡集团暨校内网诚聘软件研发工程师
• JavaEye问答大赛开始了！ 从6月23日 至 7月6日，奖品丰厚 ！
• Oracle专区上线，有Oracle最新文章，重要下载及知识库等精彩内容，欢迎访问。

• 快来参加7月17日在成都举行的SOA中国技术论坛
• Oracle专区上线，有Oracle最新文章，重要下载及知识库等精彩内容，欢迎访问。
• 北京: 千橡集团暨校内网诚聘软件研发工程师
• JavaEye问答大赛开始了！ 从6月23日 至 7月6日，奖品丰厚 ！
• 搜狐网站诚聘Java、PHP和C++工程师

关于jsp验证码生成，显示，验证和刷新：

1：四位数据的验证图片生成，用servlet实现

2: 在web.xmlli配置servlet

3：页面上显示servlet生成的图片

4: 关于验证码输入数据的验证

5: 验证码的刷新

——————————————————————–

1：四位数据的验证图片生成，用servlet实现,servlet代码如下：
import java.io.*;
import javax.servlet.http.*;
import javax.servlet.*;
import java.util.*;

import java.awt.*;
import java.awt.image.*;
import javax.imageio.*;

public class vImage extends HttpServlet {
public void init(ServletConfig conf) throws ServletException {
super.init(conf);
}

public void doGet(HttpServletRequest req, HttpServletResponse res) throws ServletException, IOException {
res.setContentType(”image/jpeg”);
res.setHeader(”Pragma”, “No-cache”);
res.setHeader(”Cache-Control”, “no-cache”);
res.setDateHeader(”Expires”, 0);
HttpSession session = req.getSession();

// 在内存中创建图象
int width = 60, height = 20;
BufferedImage image = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB);

// 获取图形上下文
Graphics g = image.getGraphics();

// 生成随机类
Random random = new Random();

// 设定背景色
g.setColor(getRandColor(200, 250));
g.fillRect(0, 0, width, height);

// 设定字体
g.setFont(new Font(”Times New Roman”, Font.PLAIN, 18));

// 画边框
//g.setColor(new Color());
//g.drawRect(0,0,width-1,height-1);

// 随机产生155条干扰线，使图象中的认证码不易被其它程序探测到
g.setColor(getRandColor(160, 200));
for (int i = 0; i 255) fc = 255;
if (bc > 255) bc = 255;
int r = fc + random.nextInt(bc - fc);
int g = fc + random.nextInt(bc - fc);
int b = fc + random.nextInt(bc - fc);
return new Color(r, g, b);
}
}

2: 在web.xmlli配置servlet：

vImage
/vimage

注：注意元素在web.xml文件里的位置

3：页面上显示servlet生成的图片：

注：在需要显示验证码的地方加上这句，name在刷新验证码的时候会用到。

4: 关于验证码输入数据的验证：

验证码生成时存入了session,就是servlet里的这句session.setAttribute(”post_validate_code”, sRand);具体验证就不多说了。
5: 验证码的刷新
刷新验证码

• Oracle专区上线，有Oracle最新文章，重要下载及知识库等精彩内容，欢迎访问。
• 快来参加7月17日在成都举行的SOA中国技术论坛
• 搜狐网站诚聘Java、PHP和C++工程师
• JavaEye问答大赛开始了！ 从6月23日 至 7月6日，奖品丰厚 ！
• 北京: 千橡集团暨校内网诚聘软件研发工程师

众所周知，比较古老的圆角的做法是通过表格和图像构成。但随着AJAX的流行、CSS + DIV的页面布局技术的风靡，古老的做法显得苍白无力，所以人们不断寻求改进的方法。本文的实现就是一种现在比较流行的做法。

实现原理

其实这种方法的原理很简单——在要圆角的元素的上下堆放一些边缘（MARGIN）不同的<DIV>元素（也有的使用其它元素的，如<B>等，不过原理是一样的），如下图所示：

清单1 原理图

接下来的问题就是计算margin的长度。这也不难只要运用一下初中所学的勾股定理便可以求出来，如下图所示：

清单2 MARGIN求解图

具体编码

下面该工具类的源码：

var Corner = {
    // 标志圆角位置的旗标
   TOP_LEFT:     0x1 ,
   TOP_RIGHT:     0x2 ,
   BOTTOM_LEFT:   0x4 ,
   BOTTOM_RIGHT: 0x8 ,
   ALL:           0xf ,
   
    /**/ /* *******************************************************
   * target: 要圆角的目标元素
   * radius: 圆角的半径，默认值为5
   * flags: 圆角位置的旗标或其组合，默认值为全部
   * backgroundColor: 圆角的背景色，默认值为目标元素的背景色
   ******************************************************* */
   round: function (target, radius, flags, backgroundColor) {
        var t = $(target);
        var r = radius || 5 ;
        var f = flags || Corner.ALL;
        var c = Element.getStyle(t, 'backgroundColor');
        var b = backgroundColor || c;
       
        // 修正在IE里元素样式为FLOAT时，圆角DIV宽度为0的BUG
        var ft = Element.getStyle(t, ' float ');
        if (navigator.appVersion.match( / \bMSIE\b / ) && ft != 'none' && ! t.style.width) {            
           Element.setStyle(t, { width: Element.getWidth(t) + 'px' } );
       }
       
        // 创建DIV，并把目标元素的内容剪切到其中
        var d = document.createElement('div');          
       d.innerHTML = t.innerHTML;
       t.innerHTML = '';        
       
        // 设置新DIV的背景色为目标元素的背景色，并目标元素为透明背景
       Element.setStyle( d, { backgroundColor: c } );      
       Element.setStyle( t, { backgroundColor: 'transparent' } );      
       
        // 设置新DIV的高度为目标元素的高度
        var h = t.style.height;
        var nh = 0 ;
        if (h) {
           Element.setStyle( d, { height: h } );
           nh = parseInt(h);
       }                    
       
        // 设置新DIV的缩进
        var p = Element.getStyle(t, 'padding');
        if (p) {
           Element.setStyle( d, { padding: p } );            
           Element.setStyle( t, { padding: '0px 0px 0px 0px' } );
       }          
       
        // 创建用于新DIV和圆角DIV的文档片段，这样避免每次设置元素样式或添加新元素时重绘页面，提高效率
        var ds = document.createDocumentFragment();                
        var ls = null ;
        // 创建顶部圆角DIV
        if (f & (Corner.TOP_LEFT | Corner.TOP_RIGHT)) {
           ls = Corner._createRoundFragment(r, f, b , false );            
           ds.appendChild(ls);             
           nh += r;
       }        
       
       ds.appendChild(d);
       
        // 创建底部圆角DIV
        if (f & (Corner.BOTTOM_LEFT | Corner.BOTTOM_RIGHT)) {
           ls = Corner._createRoundFragment(r, f, b, true );            
           ds.appendChild(ls); 
           nh += r;
       }  
       
        if (h) {
           Element.setStyle( t, { height: nh + 'px' } );      
       }        
       
       t.appendChild(ds);   
   } ,
   
   _createRoundFragment: function (r, f, c, b) {
        var ls = document.createDocumentFragment();
        var l = null ;
        var m = ml = mr = null ;
        var j = 0 ;
        for (i = 1 ; i <= r; i ++ ) {
           l = document.createElement('div');
           
            // 计算margin
           j = b ? i : r - i + 1 ;
           m = Math.sqrt(r * r - j * j);            
           m = Math.round(r - m) + 'px';
           
            if (b) {
               ml = f & Corner.BOTTOM_LEFT ? m : '0px';
               mr = f & Corner.BOTTOM_RIGHT ? m : '0px';            
           } else {
               ml = f & Corner.TOP_LEFT ? m : '0px';
               mr = f & Corner.TOP_RIGHT ? m : '0px';            
           }
           Element.setStyle( l, { backgroundColor: c,
                                  fontSize: '1px',
                                  height: '1px',                                   
                                  marginLeft: ml,
                                  marginRight: mr,
                                  overflowX: 'hidden',
                                  overflowY: 'hidden' } );
           ls.appendChild(l);
       }
        return ls;
   }
}

因为Javascript是没有方法重写的，所以当你调用Corner.round('div1')和调用Coner.round('div1', 20)是一样的，它们最终调用的都是Corner.round(target, radius, flags, backgroundColor)，只过没有赋值的参数会为undefined。这里有一个小技巧，就var r = radius || 5，这里的“||”符号表示如果radius为undefined、null或0等值时，r的取值为5。

接着让我们看看运行的页面代码：