-->

先点击我 才会有效果
Code
        <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相关推荐

  1. 10个最佳jQuery Lightbox效果插件收集

    http://www.qianduan.net/top-10-jquery-lightbox-scripts.html 您的位置:首页 > Ajax, Resource > 10个最佳jQ ...

  2. LightBox -灯箱效果插件(非常漂亮)

             Lightbox,也就是灯箱特效    1)TopUp是一款 基于jquery用于显示图片和网页的对话框组件. 主页: http://gettopup.com/    2)CeraB ...

  3. mootools的学习资源

    网上看到有朋友搜集了很多关于mootools的资料链接,非常好,感谢. 一.教程/文章/代码实例: http://clientside.cnet.com/wiki/mootorial/ --- The ...

  4. 返回顶部的js实现(jQuery/MooTools)

    一.引言 在web页面中,如果页面较高,为了方便用户快速地返回顶部,都会添加一个返回顶部按钮.例如: 如果你看到这段文字,说明转自<一棵树-博客园>,原文链接:http://www.cnb ...

  5. 使用Mootools动态添加Css样式表代码,兼容各浏览器

    这个函数很有用处,尤其是当我们在使用Mootools开发插件的时候,例如Tips等,当我们需要额外的Css来支撑插件内的效果时,通常我们的做法是把Css放到单独的css文件里调用,但是这样做就不利于插 ...

  6. [导入]几种流行的AJAX框架jQuery,Mootools,Dojo,Ext JS的对比

    AJAX是web20的基石,现在网上流行几种开源的AJAX框架,比如:jQuery,Mootools,Dojo,Ext JS等等,那么我们到底在什么情况下该使用那个框架?以下是一组摘抄的数据: Aja ...

  7. MooTools教程(1):认识MooTools

    2019独角兽企业重金招聘Python工程师标准>>> 有人最近要求我们写一个关于MooTools 1.2的30天的教程,这似乎也是个很不错的主意,于是我们决定现在就开始.在这些教程 ...

  8. cdn大全 jquery/jqueryUI/Dojo/MooTools/Prototype

    类库预览 https://developers.google.com/speed/libraries/ Audience This documentation is designed for peop ...

  9. 推荐15款响应式的 jQuery Lightbox 插件

    利用现代 Web 技术,网络变得越来越轻巧与.模态框是突出展现内容的重要形式,能够让用户聚焦到重要的内容上去.在这个列表中,我们编制了15款响应式的 jQuery 灯箱库,这将有助于开发人员创建和设计 ...

最新文章

  1. 腾讯云智能制造首次披露三大战略布局,发布“511”生态伙伴计划
  2. Ruby已死——必须关注的内存问题
  3. Excel35招必学秘技
  4. layui列表显示缩略图_layUI实现列表查询功能
  5. C++读图片——Mac下对于bmp文件读写读取过大的解决方案
  6. Android工程师转型Java后端开发之路,自己选的路,跪着也要走下去!
  7. c++ 线程什么时候run_多线程并发支撑基础之JAVA内存模型
  8. java 单例方法_Java-单例模式 - 惊觉
  9. python列表转字节_如何在Python中将十进制数转换为字节列表
  10. SpringCloud应用在Kubernetes上的最佳实践—开发部署
  11. 37 SD配置-销售凭证设置-分配项目类别
  12. 法的详细步骤_空气能热水工程安装步骤讲解
  13. java sin函数图像_java中怎样绘制正弦函数图象
  14. 【codevs1553】互斥的数
  15. 【2016北京集训】魔法游戏
  16. 基于cat12和SPM12进行SBM数据分析笔记
  17. 在Ubuntu中安装pycharm社区版
  18. 阿里巴巴给我们的启示--个人评论
  19. C语言写出猜数字游戏的代码
  20. 小米手机NFC复制门禁卡读取芯片信息失败,报错103解决办法。

热门文章

  1. mysql5.7.11升级_MySQL升级从5.6.18到5.7.11
  2. 可串联使用的模10计数器
  3. 来瓶82年拉菲压压惊
  4. android.mk if else,gradle - 如何在Android Studio中使用我自己的Android.mk文件 - SO中文参考 - www.soinside.com...
  5. oracle 主键 字典表,oracle 增 删 改 查 新建表 主键 序列 数据字典
  6. Netty之大动脉Pipeline
  7. (转)Managed DirectX +C# 开发(入门篇)(七)
  8. 删除网络信息服务器端,网络安全:手动清除gh0st远控服务端
  9. easyui确认取消弹窗_Jquery EasyUI中弹出确认对话框
  10. vertica数据库将一个字段用逗号分割与拼接