最近的任务是改bug,空闲时间比较多,看了两个js文件,在我们做的项目中试验了下,感觉挺好的,原先对js一点不感兴趣,现在发现js有时候的效果真的很牛,记录一下.自己现在只是知道怎么应用这两个js而已.
corner.js:allows you to add corners (and also shading and shadow) to images on your webpages (alternatively: glossy.js). It uses unobtrusive javascript to keep your code clean.It works in all the major browsers - Mozilla Firefox 1.5+, Opera 9+, IE 6+ and Safari. On older browsers, it'll degrade and your visitors won't notice a thing.
corner.js官网:http://www.netzgesta.de/corner/
使用方法:在文件中导入js文件(我这里是jsp文件中加入:
<script type="text/javascript" src="js/corner.js"></script> 然后设置你要有corner效果的图片:
<img width=220 height=160 class="corner iradius16 ishade66 ishadow30" src="icon/news.png"/> 这里主要是class属性.
下面是应用抓图:
GreyBox.js:
GreyBox can be used to display websites, images and other content in a beautiful way.
greybox.js官网:http://orangoo.com/labs/GreyBox/
使用方法:
<script type="text/javascript">...
var GB_ROOT_DIR = "js/greybox/";
</script>
<script type="text/javascript" src="js/greybox/AJS.js"></script>
<script type="text/javascript" src="js/greybox/AJS_fx.js"></script>
<script type="text/javascript" src="js/greybox/gb_scripts.js"></script>
<link href="js/greybox/gb_styles.css" rel="stylesheet" type="text/css" media="all" />设置要显示的url或者图片:
<a href="newspublish.do?method=detail&pk_newspublish=<%=ss[0]%>" rel="gb_page_fs[]"> 效果图:
我的这个效果不好,加一张官网的效果抓图:
不错吧,这两个js写的的确很牛.
郁闷为什么编辑页面的抓图显示没任何问题,到主页面就显示红叉,唉,算了,把图片放到相册里算了,好几次都这样了
分享到:
相关推荐
This is a web sample for greybox js.
简介Lightbox,Thickbox,Greybox等安装,范例等。
轻量级类库,带图片总共20k,使用简单,包含demo
解决IE6中greybox弹出问题,只有关键的一些gb_scripts.js代码。
此javascript库可与任何javascript库(如jquery)以及任何提供模态对话框窗口(如lightbox或greybox)的窗口小部件库一起使用。如何在没有SurveyInvitation.js的情况下询问用户是否要进行调查如果您只是想让您网站...
比lightbox实用
Greybox除了可以用於圖片和網頁外、連 flash、影片都可以顯示在 Lightbox 彈出的方框裡面。 于项目要用到弹出窗口,或者叫做模拟窗口,这段时间就研究了下,解决方案很多,比如,window.open();window.showDialog();...
遮罩层的组件,它运行以后可以产生不错的界面。类似于thinkbox,lightbox等。可以用来展示图片(放大图片效果)
greybox可以无刷新弹出窗体,就像csdn上面的一样,父页面会变成灰色,还可以浏览图片等等 这个是个学习实例,很适合初学者使用.
GreyBox_v5_53,GreyBox
GreyBox Ajax无刷新弹出层插件 v5.5 GreyBox Ajax无刷新弹出层插件 v5.5 GreyBox Ajax无刷新弹出层插件 v5.5
NULL 博文链接:https://bdk82924.iteye.com/blog/1685497
greybox框架
greybox help for your greybox
GreyBox框架基本使用效果挺好的,可以实现"图片预览"和"页中页"的效果 详细解析:http://blog.csdn.net/jiezigege/archive/2009/09/28/4604781.aspx
GreyBox是www.open-open.com开发的一个遮罩层的组件,它运行以后可以产生不错的界面。类似于thinkbox,lightbox等。
此示例用GreyBox控件,Asp.net之DataList动态绑定图片实现仿QQ空间弹出图片效果。点击图片可以查看大图展示,图片之间的切换,有需要的朋友可以下载看看……
灰盒概述GreyBox 是用于离线锻炼和训练网络的单主机互联网模拟器。 它允许单个主机(物理或虚拟机)提供与真实 Internet 连接的错觉:真实的 BGP 骨干拓扑,具有基于路由器实际位置之间物理距离的点对点链路延迟,并...
greybox在Iframe的父窗口弹出
ajax_GreyBox_v5_5的DEMO,很使用的框架.