Colorbox - a jQuery lightbox
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了Colorbox - a jQuery lightbox,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含2042字,纯文字阅读大概需要3分钟。
内容图文
http://www.jacklmoore.com/colorbox/
http://www.jacklmoore.com/colorbox/example5/
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
|
<script type=
"text/javascript"
charset=
"utf-8"
>
$(document).ready(
function
() {
/* Automatically resize to content */
var
y = $(document.body).height();
var
x = $(document).width();
parent.$.colorbox.resize({innerWidth:x, innerHeight:y});
$(
"#button_cancel"
).click(
function
() {
parent.$.colorbox.close();
//注:塗聚文
return
false
;
})
});
</script>
<button id=
"button_cancel"
type=
"button"
>cancel</button>
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
|
<script language=
"javascript"
type=
"text/javascript"
>
$(document).ready(
function
(){
$(
".iframe"
).colorbox({iframe:
true
, width:
"80%"
, height:
"80%"
});
$(
".iframe"
).colorbox({
onOpen:
function
(){ alert(
‘onOpen: colorbox is about to open‘
); },
onLoad:
function
(){ alert(
‘onLoad: colorbox has started to load the targeted content‘
); },
onComplete:
function
(){ alert(
‘onComplete: colorbox has displayed the loaded content‘
); },
onCleanup:
function
(){ alert(
‘onCleanup: colorbox has begun the close process‘
); }
onClosed:
function
(){ alert(
‘關閉窗口‘
); window.location=
‘Index.aspx‘
;}
//關閉時的狀態//注:塗聚文
});
$(
".callbacks"
).colorbox({
onOpen:
function
(){ alert(
‘onOpen: colorbox is about to open‘
); },
onLoad:
function
(){ alert(
‘onLoad: colorbox has started to load the targeted content‘
); },
onComplete:
function
(){ alert(
‘onComplete: colorbox has displayed the loaded content‘
); },
onCleanup:
function
(){ alert(
‘onCleanup: colorbox has begun the close process‘
); },
onClosed:
function
(){ alert(
‘onClosed: colorbox has completely closed‘
); }
//關閉時的狀態
});
$(
"#click"
).click(
function
(){
$(
‘#click‘
).css({
"background-color"
:
"#f00"
,
"color"
:
"#fff"
,
"cursor"
:
"inherit"
}).text(
"Open this window again and this message will still be here."
);
return
false
;
});
});
</script>
|
原文:http://www.cnblogs.com/geovindu/p/3559083.html
内容总结
以上是互联网集市为您收集整理的Colorbox - a jQuery lightbox全部内容,希望文章能够帮你解决Colorbox - a jQuery lightbox所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。