mootools LightBox
<script src="http://www.clientcide.com/scripts/clientside.moo.v1.2.packed.js">
</script>
-->
<div id="marqueeTest6"><b>先点击我 才会有效果</b></div>
<DIV id=slimboxHolder>
<A style="CURSOR: pointer" href="http://www.clientcide.com/wiki/slimbox/image-1.jpg" rel=anotherLightBoxSet[set2]>
<IMG style="MARGIN: 2px" src="http://www.clientcide.com/wiki/slimbox/thumb-1.jpg" width=100 height=40></A><A style="CURSOR: pointer" href="http://www.clientcide.com/wiki/slimbox/image-2.jpg" rel=anotherLightBoxSet[set2]>
<IMG style="MARGIN: 2px" src="http://www.clientcide.com/wiki/slimbox/thumb-2.jpg" width=100 height=40></A><A style="CURSOR: pointer" href="http://www.clientcide.com/wiki/slimbox/image-3.jpg" rel=anotherLightBoxSet[set2]>
<IMG style="MARGIN: 2px" src="http://www.clientcide.com/wiki/slimbox/thumb-3.jpg" width=100 height=40></A><A style="CURSOR: pointer" href="http://www.clientcide.com/wiki/slimbox/image-4.jpg" rel=anotherLightBoxSet[set2]>
<IMG style="MARGIN: 2px" src="http://www.clientcide.com/wiki/slimbox/thumb-4.jpg" width=100 height=40></A>
</DIV>
<script defer=defer>
$('marqueeTest6').addEvent('click',function(e){
new Event(e).stop();
for (var i = 1; i < 5; i++) {
$('slimboxHolder').adopt(new Element('a').setStyle('cursor', 'pointer').setProperties({
href: 'http://www.clientcide.com/wiki/slimbox/image-' + i + '.jpg',
rel: 'anotherLightBoxSet[set2]'
}).adopt(new Element('img').setProperty('src', 'http://www.clientcide.com/wiki/slimbox/thumb-' + i + '.jpg').setStyles({'margin':2,display:'none'})));
}
//and add a lightbox
new Lightbox({
relString: 'anotherLightBoxSet'
}, $('slimboxHolder').getElements('a'));
});
</script>
转载于:https://www.cnblogs.com/zjm1126qqcom/archive/2009/05/24/1488078.html
mootools LightBox相关推荐
- 10个最佳jQuery Lightbox效果插件收集
http://www.qianduan.net/top-10-jquery-lightbox-scripts.html 您的位置:首页 > Ajax, Resource > 10个最佳jQ ...
- LightBox -灯箱效果插件(非常漂亮)
Lightbox,也就是灯箱特效 1)TopUp是一款 基于jquery用于显示图片和网页的对话框组件. 主页: http://gettopup.com/ 2)CeraB ...
- mootools的学习资源
网上看到有朋友搜集了很多关于mootools的资料链接,非常好,感谢. 一.教程/文章/代码实例: http://clientside.cnet.com/wiki/mootorial/ --- The ...
- 返回顶部的js实现(jQuery/MooTools)
一.引言 在web页面中,如果页面较高,为了方便用户快速地返回顶部,都会添加一个返回顶部按钮.例如: 如果你看到这段文字,说明转自<一棵树-博客园>,原文链接:http://www.cnb ...
- 使用Mootools动态添加Css样式表代码,兼容各浏览器
这个函数很有用处,尤其是当我们在使用Mootools开发插件的时候,例如Tips等,当我们需要额外的Css来支撑插件内的效果时,通常我们的做法是把Css放到单独的css文件里调用,但是这样做就不利于插 ...
- [导入]几种流行的AJAX框架jQuery,Mootools,Dojo,Ext JS的对比
AJAX是web20的基石,现在网上流行几种开源的AJAX框架,比如:jQuery,Mootools,Dojo,Ext JS等等,那么我们到底在什么情况下该使用那个框架?以下是一组摘抄的数据: Aja ...
- MooTools教程(1):认识MooTools
2019独角兽企业重金招聘Python工程师标准>>> 有人最近要求我们写一个关于MooTools 1.2的30天的教程,这似乎也是个很不错的主意,于是我们决定现在就开始.在这些教程 ...
- cdn大全 jquery/jqueryUI/Dojo/MooTools/Prototype
类库预览 https://developers.google.com/speed/libraries/ Audience This documentation is designed for peop ...
- 推荐15款响应式的 jQuery Lightbox 插件
利用现代 Web 技术,网络变得越来越轻巧与.模态框是突出展现内容的重要形式,能够让用户聚焦到重要的内容上去.在这个列表中,我们编制了15款响应式的 jQuery 灯箱库,这将有助于开发人员创建和设计 ...
最新文章
- 腾讯云智能制造首次披露三大战略布局,发布“511”生态伙伴计划
- Ruby已死——必须关注的内存问题
- Excel35招必学秘技
- layui列表显示缩略图_layUI实现列表查询功能
- C++读图片——Mac下对于bmp文件读写读取过大的解决方案
- Android工程师转型Java后端开发之路,自己选的路,跪着也要走下去!
- c++ 线程什么时候run_多线程并发支撑基础之JAVA内存模型
- java 单例方法_Java-单例模式 - 惊觉
- python列表转字节_如何在Python中将十进制数转换为字节列表
- SpringCloud应用在Kubernetes上的最佳实践—开发部署
- 37 SD配置-销售凭证设置-分配项目类别
- 法的详细步骤_空气能热水工程安装步骤讲解
- java sin函数图像_java中怎样绘制正弦函数图象
- 【codevs1553】互斥的数
- 【2016北京集训】魔法游戏
- 基于cat12和SPM12进行SBM数据分析笔记
- 在Ubuntu中安装pycharm社区版
- 阿里巴巴给我们的启示--个人评论
- C语言写出猜数字游戏的代码
- 小米手机NFC复制门禁卡读取芯片信息失败,报错103解决办法。
热门文章
- mysql5.7.11升级_MySQL升级从5.6.18到5.7.11
- 可串联使用的模10计数器
- 来瓶82年拉菲压压惊
- android.mk if else,gradle - 如何在Android Studio中使用我自己的Android.mk文件 - SO中文参考 - www.soinside.com...
- oracle 主键 字典表,oracle 增 删 改 查 新建表 主键 序列 数据字典
- Netty之大动脉Pipeline
- (转)Managed DirectX +C# 开发(入门篇)(七)
- 删除网络信息服务器端,网络安全:手动清除gh0st远控服务端
- easyui确认取消弹窗_Jquery EasyUI中弹出确认对话框
- vertica数据库将一个字段用逗号分割与拼接