greybox使用说明

GreyBox是一个遮罩层的组件也称模式窗口或模态窗口(所谓模态窗口,就是指除非采取有效的关闭手段,用户的鼠标焦点或者输入光标将一直停留在其上的窗口),它运行以后可以产生不错的界面。类似于thinkbox,lightbox等。用于以一种别致的模式对话框方式展示页面,图片或者其它内容。这是它的官网:http://orangoo.com/labs/GreyBox/

成都创新互联公司是一家集网站建设,清涧企业网站建设,清涧品牌网站建设,网站定制,清涧网站建设报价,网络营销,网络优化,清涧网站推广为一体的创新建站企业,帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿,时刻以成就客户成长自我,坚持不断学习、思考、沉淀、净化自己,让我们为更多的企业打造出实用型网站。

使用步骤如下:
第一步:把下载的文件解压,拷贝其中的greybox目录到项目的WebRoot根目录下
第二步:在jsp页面中添加对greybox用的js和css文件的引用,代码如下:

 

  1.  
  2.             //设置greybox的根目录  
  3.             var GB_ROOT_DIR = "./greybox/";  
  4.  
  5.  
  6.  
  7.  
  8.  

第三步:实现功能:

 

  1. <%@ page language="java" import="java.util.*" pageEncoding="GB18030"%> 
  2.  
  3. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  4.      
  5.         My JSP 'index.jsp' starting page 
  6.          
  7.             //设置greybox的根目录  
  8.             var GB_ROOT_DIR = "./greybox/";  
  9.          
  10.          
  11.          
  12.          
  13.          
  14.          
  15.             function login(){  
  16.                 //GB_showCenter(caption, url, /* optional */ height, width, callback_fn)                  
  17.                 GB_showCenter("用户登录","/greybox/login.jsp",200,300,show);  
  18.             }  
  19.             function show(){    alert("关闭");}  
  20.          
  21.      
  22.      
  23.         登陆 
  24.  
  25.             for(var i=1;i<16;i++){  
  26.             var str="
  27.                 +i+".gif' border='0'/>"  
  28.                 document.write(str);  
  29.                 if(i%6==0){document.writeln("
    ");    }  
  30.             }  
  31.          
  32.      

 

附件:http://down.51cto.com/data/2359969

当前文章:greybox使用说明
转载来于:http://scyanting.com/article/jhgdph.html