网站综合信息 www.hz39.com
- 标题:
- Swipebox | A touchable jQuery lightbox
- 关键字:
- 惠州新闻网 惠州新闻 惠州 惠州政务 惠州热线 惠州信息门户 惠州信息网 惠州生活信息 惠州房产网 惠州地图 惠州学院 惠州旅游 惠州事件
- 描述:
- A touchable jQuery lightbox plugin for desktop, mobile and tablet
- 域名信息
- 域名年龄:14年9个月8天 注册日期:2010年10月11日 到期时间:
邮箱:abuse 电话:+864009981766
注册商:Chengdu Fly-Digital Technology Co., Ltd.
- 服务器空间
- IP:该域名无法解析为IP
地址:
- 备案信息
- 备案号:粤ICP备10226785号 审核时间:2012-09-12 详情
主办单位:宫平 性质:个人
网站名:我的假期 首页网址:www.hz39.com
域名流量Alexa排名
域名注册Whois信息
hz39.com
域名年龄: 14年9个月8天注册时间: 2010-10-11
注 册 商: Chengdu Fly-Digital Technology Co., Ltd.
注册邮箱: abuse
联系电话: +864009981766
获取时间: 2019年07月10日 22:22:23
Domain Name: HZ39.COM
Registry Domain ID: 1619816390_DOMAIN_COM-VRSN
Registrar WHOIS Server: whois.sudu.cn
Registrar URL: http://www.sudu.cn
Updated Date: 2018-09-25T03:07:29Z
Creation Date: 2010-10-11T06:43:58Z
Registry Expiry Date: 2019-10-11T06:43:58Z
Registrar: Chengdu Fly-Digital Technology Co., Ltd.
Registrar IANA ID: 1605
Registrar Abuse Contact Email: abuse
Registrar Abuse Contact Phone: +864009981766
Domain Status: ok https://icann.org/epp#ok
Name Server: NS11.BIGWWW.COM
Name Server: NS12.BIGWWW.COM
Name Server: NS13.BIGWWW.COM
Name Server: NS14.BIGWWW.COM
Name Server: NS15.BIGWWW.COM
Name Server: NS16.BIGWWW.COM
DNSSEC: unsigned
URL of the ICANN Whois Inaccuracy Complaint Form: https://www.icann.org/wicf/
>>> Last update of whois database: 2019-07-10T14:22:02Z <<<
For more information on Whois status codes, please visit https://icann.org/epp
网站头文件(HTTP Header)
HTTP/1.1 200 OK 类型:text/html Content-Encoding: gzip 修改日期:2014年07月21日 16:01:36 接受单位:字节 网页标记:"03056feb9a4cf1:0" 动作:Accept-Encoding 服务器:Microsoft-IIS/7.5 语言环境:ASP.NET 访问时间:2015年07月07日 07:09:24 文件大小:3660 页面编码:UTF-8
同IP网站(同服务器)
该域名无法解析为IP
网站首页快照(纯文字版)
抓取时间:2019年06月20日 02:09:09
网址:http://www.hz39.com/
标题:Swipebox | A touchable jQuery lightbox
关键字:惠州新闻网,惠州新闻,惠州,惠州政务,惠州热线,惠州信息门户,惠州信息网,惠州生活信息,惠州房产网,惠州地图,惠州学院,惠州旅游,惠州事件,惠州人才网,惠州交通违章查询,惠州社保,惠州天气预报
描述:A touchable jQuery lightbox plugin for desktop, mobile and tablet
主体:
网址:http://www.hz39.com/
标题:Swipebox | A touchable jQuery lightbox
关键字:惠州新闻网,惠州新闻,惠州,惠州政务,惠州热线,惠州信息门户,惠州信息网,惠州生活信息,惠州房产网,惠州地图,惠州学院,惠州旅游,惠州事件,惠州人才网,惠州交通违章查询,惠州社保,惠州天气预报
描述:A touchable jQuery lightbox plugin for desktop, mobile and tablet
主体:
我的假期 图片组件演示Swipebox.A touchable jQuery lightboxTweetWhat is Swipebox ?Main FeaturesCompatibilityTry itBasic UsageAdvancedGalleryVideo supportLoad slides dynamicallyCheck open stateOptionsDownloadWhat is Swipebox ?Swipebox is a jQuery "lightbox" plugin for desktop, mobile and tablet.Main FeaturesSwipe gestures for mobileKeyboard Navigation for desktopCSS transitions with jQuery fallbackRetina support for UI iconsEasy CSS customizationCompatibilityChrome, Safari, Firefox, Opera, IE9+, IOS4+, Android, windows phone.Basic UsageJavascriptInclude jquery and the swipebox script in your head tags or right before your body closing tag.<script src="lib/jquery-2.0.3.js"></script><script src="src/js/jquery.swipebox.js"></script>CSSInclude the swipebox CSS style in your head tags.<link rel="stylesheet" href="src/css/swipebox.css">HTMLUse a specific class for your links and use the title attribute as caption.<a href="big/image.jpg" class="swipebox" title="My Caption">
<img src="http://brutaldesign.github.io/swipebox/small/image.jpg" alt="image">
</a>
Fire the plugin
Bind the swipebox behaviour on every link with the "swipebox" class.
<script type="text/javascript">
;( function( $ ) {
$( '.swipebox' ).swipebox();
} )( jQuery );
</script>
Advanced
Gallery
You can add a rel attribute to your links to seperate your galleries.
<!-- Gallery 1 -->
<a rel="gallery-1" href="http://brutaldesign.github.io/swipebox/big/image1.jpg" class="swipebox">
<img src="http://brutaldesign.github.io/swipebox/small/image1.jpg" alt="image">
</a>
<a rel="gallery-1" href="http://brutaldesign.github.io/swipebox/big/image2.jpg" class="swipebox">
<img src="http://brutaldesign.github.io/swipebox/small/image2.jpg" alt="image">
</a>
<!-- Gallery 2 -->
<a rel="gallery-2" href="http://brutaldesign.github.io/swipebox/big/image3.jpg" class="swipebox">
<img src="http://brutaldesign.github.io/swipebox/small/image3.jpg" alt="image">
</a>
<a rel="gallery-2" href="http://brutaldesign.github.io/swipebox/big/image4.jpg" class="swipebox">
<img src="http://brutaldesign.github.io/swipebox/small/image4.jpg" alt="image">
</a>
Video support
Simply paste a youtube or vimeo video URL in your href attribute. The script will automatically check if it's a youtube or vimeo URL and open the video in the swipebox.
My Video
<a class="swipebox-video" rel="vimeo" href="http://vimeo.com/29193046">My Videos</a>
Load slides dynamically
You can set your gallery dynamically by passing an array object to the swipebox.
View gallery
$( '#gallery' ).click( function( e ) {
e.preventDefault();
$.swipebox( [
{ href:'http://brutaldesign.github.io/swipebox/big/image1.jpg', title:'My Caption' },
{ href:'http://brutaldesign.github.io/swipebox/big/image2.jpg', title:'My Second Caption' }
] );
} );
Check open state
if ( $.swipebox.isOpen ) {
// do stuff
}
Options
<script type="text
最近查询网站