最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

GreyBox技术总结(转)_javascript技巧

来源:懂视网 责编:小采 时间:2020-11-27 20:56:01
文档

GreyBox技术总结(转)_javascript技巧

GreyBox技术总结(转)_javascript技巧:类似于thinkbox,lightbox等。用于以一种别致的模式对话框方式展示页面,图片或者其它内容。这是它的官网:http://orangoo.com/labs/GreyBox/ 我们先来看一下它的几个实例: (1) 打开网页: (2) 显示一组图片: 基本使用 (1) 进入官网,点
推荐度:
导读GreyBox技术总结(转)_javascript技巧:类似于thinkbox,lightbox等。用于以一种别致的模式对话框方式展示页面,图片或者其它内容。这是它的官网:http://orangoo.com/labs/GreyBox/ 我们先来看一下它的几个实例: (1) 打开网页: (2) 显示一组图片: 基本使用 (1) 进入官网,点

类似于thinkbox,lightbox等。用于以一种别致的模式对话框方式展示页面,图片或者其它内容。这是它的官网:http://orangoo.com/labs/GreyBox/

  我们先来看一下它的几个实例:

(1) 打开网页:

(2) 显示一组图片:

  基本使用

(1) 进入官网,点击下载

(2) 解压。(其中的 installation.html 对其使用进行了说明,很简单,一看就明白。我还是写一下步骤吧)

(3) 将其中的 greybox 文件夹拷贝到 web 项目根目录下,注意:一定要放在 web 根目录下,放在其他目录或二级目下肯能不能使用,在我的工程里是这么部署的:

  (顺便说下教训,一开始我将其放在了 js 文件夹下,因为我的 js 脚本都在里面放的,jQuery 也在,可就是不能用。。最后放在了 根目录下就可以使用了。)

(4) 现在就可以使用了,我们用一个测试页来进行测试,代码如下:
代码如下:



test.html

文档

GreyBox技术总结(转)_javascript技巧

GreyBox技术总结(转)_javascript技巧:类似于thinkbox,lightbox等。用于以一种别致的模式对话框方式展示页面,图片或者其它内容。这是它的官网:http://orangoo.com/labs/GreyBox/ 我们先来看一下它的几个实例: (1) 打开网页: (2) 显示一组图片: 基本使用 (1) 进入官网,点
推荐度:
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top