绵阳梓潼网站制作公司

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

 

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

本文标题：greybox使用说明
分享链接：http://myzitong.com/article/jhgdph.html

其他资讯