zoukankan      html  css  js  c++  java
  • lovelygallery_popup(卡哇依相册)

    /*************************** 相册 ***************************/
    LovelyGallery


    功能特点:
    超过200个令人惊叹的3D&2D硬件加速的转换与过渡画廊!
    易于使用的视觉过渡建设者 -创建自己的自定义转换,并用它与滑块!
    支持所有主要的浏览器(包括IE7-11,我们建议您使用Chrome浏览器,Safari或Firefox)。
    网络范围内的激活和处理新的网站在网络中的 多站点准备。(未提供)
    本地化准备好了,你可以翻译整个插件,包括管理用户界面。(未提供)
    翻译插件的支持(如qTranslate)创建多语言滑块。(未提供)
    皮肤编辑器,你可以修改皮肤从您的WordPress管理。(未提供)
    支持wordpress,discuz、phpcms、dedecms等。(未提供)
    样品滑块。
    用于移动设备的 触摸控制。
    键盘导航。
    内置功能强大的API。(未提供)
    在一个页面上的多个滑块。
    非常详细的文档。(未提供)
    配置方法文档。
    搜索引擎友好。
    32套(可扩展和替换)皮肤支持。
    分层的皮肤文件中包含PSD格式。(未提供)
    幻灯模板。(未提供)
    幻灯模块(可无限扩展)功能。
    开发者文档。(未提供)
    免费的支持和未来的自动更新功能更新。(未提供)




    /*************************** 相册弹出窗口 ***************************/
    lovelygallery popup


    功能特点:
    20套预定义的皮肤,智能皮肤引擎,功能:允许登记为一个特定皮肤的JavaScript代码运行。
    15个预定义的CSS3转换,你可以使用超过17个预定义的CSS3效果和过渡。这意味着你应该忘了懒惰和缓慢的JavaScript动画。
    7个预定义的jQuery的过渡,兼容老的浏览器。
    较小的文件体积,最低使用一个css和一个js文件,就能运行,也可以使用更多(皮肤、过渡和其它功能)。
    在最上层的显示,自动居中和定位,无抖动的弹出窗口,
    响应式,弹出插件是完全响应,自动检测的宽度或高度,尺寸的自动计算是基于你的内容(默认),也可以自定义。
    跨浏览器的兼容性(IE7-11 chrome firefox等。)
    页面水平目标,您可以创建不同的弹出窗口显示在网页,类别或窗体。你必须创造总量控制。
    延迟计时器显示,你可以选择你的博客上显示的对话框,在X秒内。同时,你一段时间后,可以选择关闭弹出窗口。
    你可以为每一篇文章或者网页设置弹出的次数。手机铃声
    接受短码,插入任何短码在您的网页或创建一个轻松方式的任何弹出对话框。
    模块化,如果你想进一步定制用于特定的窗口弹出,你可以改变任何设置的内部部件不改变使用弹出。
    自定义弹出窗口的链接。
    自定义按钮,弹出让你来弹出添加自定义按钮。
    拖动,使拖动功能的任何实例弹出。通过点击鼠标并拖动它在页面的任何地方将弹出实例(< IE9有效)。
    支持所有的东西,OGG、MP3、HTML元素、Ajax调用、iframe、媒体文件(SWF)、嵌入式视频(包括YouTube或Vimeo与简单的链接)
    打开任何一种内容,你可以打开任何一种内的弹出内容(例如,谷歌地图,视频,图像,表格或任何你需要的)。
    节省内存,弹出是模块化的,使用原型技术的建立。它节省了不必重新为您创建的每一个实例方法弹出很多记忆。
    多个实例,就像你知道的,你可以有无限数量的不同岗位的不同设置的弹出窗口。
    在一个页面上的多个实例。此外,您可以使用不同的主题,每个人。(未提供)
    自动显示加载内容和图像。
    显示计时器,你能中心自动,或者你可以选择你自己的垂直和水平位置。
    API。(未提供)
    模板的支持。(未提供)
    多个回调call。(未提供)
    后台给你做出改变,为您的需求定制弹出几乎无限的可能。(未提供)
    您可以创建模态窗口和使用他们在一个网页,插件,或短码。您可以自定义弹出在你所处的位置设置的高级选项进一步使用。(未提供)
    1. [代码][HTML]代码     
    使用方法:
    <a class="preview-button" data-skin="lovely" href="javascript:void(0);" alt="preview skin button">Preview this skin</a>
     
    <a class="preview-button" href="#" data-src="http://yourdomain.com/" data-width="800" data-height="400" >Show example</a>
     
    <a class="preview-button" href="#" data-src="https://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=Eiffel+Tower,+Avenue+Anatole+France,+Paris,+France&amp;aq=0&amp;oq=eiff&amp;sll=37.0625,-95.677068&amp;sspn=55.279921,79.013672&amp;ie=UTF8&amp;hq=Eiffel+Tower,+Avenue+Anatole+France,+Paris,+France&amp;hnear=&amp;radius=15000&amp;t=m&amp;ll=48.858278,2.294254&amp;spn=0.071946,0.071946&amp;output=embed" data-width="800" data-height="400">Show example</a>
     
    <a class="preview-button" href="#" data-src="images/001/flash_html5_ico.swf?width=800&height=600" >Show example</a>
     
    data-src="images/flash/slider/swap12/images/swap12/swap12.swf"
     
    <a class="lg-link preview-button" data-skin="lovelyboxglassbluewinter" href="javascript:void(0);" data-css3effect="zoomOut" data-src="images/001/iframe_html_001.png" data-width="800" data-height="400"  ></a>http://www.huiyi8.com/lingsheng/
     
    <a class="lg-link preview-button" data-skin="lovelyboxglass" href="javascript:void(0);" data-css3effect="pulse" data-src="http://yourdomain.com/" data-width="800" data-height="400"  ></a>
     
    href="javascript:void(0);" <!-- 弹出窗口响应事件,基础功能可以不需要。 -->
     
    class="lg-link preview-button" <!-- 弹出窗口的链接层,鼠标移上去可以点击的层 -->
     
    data-skin="lovelyboxglassbluewinter" <!-- 弹出窗口皮肤(共20套)。default blueglass clouds dark ignito light lightbox lovely lovelybox lovelyboxglass lovelyboxglassbluewinter lovelyboxglassrain lovelyboxglasssnow lovelyboxsnow metro notifyglass rain snow trap winter -->
     
    data-css3effect="zoomOut" <!-- css3过渡效果。(共15种。)zoomIn zoomOut flip flipInHor flipInVer bounceIn pageTop flyIn fadeInScale scaleDown fadeSpin pulse leftSpeedIn rollIn rollOut  -->
     
    data-effect="fade" <!-- javascript过渡效果(共7种)。fade incerto slideLeft slideRight slideTop slideBottom slideZoom -->
     
    data-src="images/001/iframe_html_001.png" <!-- 弹出窗口显示的内容。图片url -->
     
    data-src="images/001/flash_html5_ico.swf?width=800&height=600" <!-- 弹出窗口显示的flash内容并指定宽度和高度。flash内容url?width=800&height=600 -->
     
    data-src="images/flash/slider/swap12/images/swap12/swap12.swf" <!-- 弹出窗口显示的flash内容自动获取宽度和高度。flash内容url 尺寸自动获取,有时因为flash尺寸原因会不准确。 -->
     
    data-src="http://yourdomain.com/" <!-- 弹出窗口显示的iframe。网站url -->
     
    data-src="https://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=Eiffel+Tower,+Avenue+Anatole+France,+Paris,+France&amp;aq=0&amp;oq=eiff&amp;sll=37.0625,-95.677068&amp;sspn=55.279921,79.013672&amp;ie=UTF8&amp;hq=Eiffel+Tower,+Avenue+Anatole+France,+Paris,+France&amp;hnear=&amp;radius=15000&amp;t=m&amp;ll=48.858278,2.294254&amp;spn=0.071946,0.071946&amp;output=embed"  <!-- 弹出窗口显示的谷歌地图。谷歌地图url -->
     
    data-width="800" <!-- 弹出窗口的宽度。800 -->
     
    data-height="400" <!-- 弹出窗口的高度。400 -->

  • 相关阅读:
    N、Z、Q、R 分别代表什么
    Android常用代码-监听网络状态
    完整的android use SSL发送邮件
    android 发送邮件相关文章
    Spring RMI的实现原理
    spring+quartz配置
    Quartz配置表达式
    singleton容器
    Spring学习-框架概览
    [Shader2D]漩涡效果
  • 原文地址:https://www.cnblogs.com/xkzy/p/3887106.html
Copyright © 2011-2022 走看看