网创优客建站品牌官网
为成都网站建设公司企业提供高品质网站建设
热线:028-86922220
成都专业网站建设公司

定制建站费用3500元

符合中小企业对网站设计、功能常规化式的企业展示型网站建设

成都品牌网站建设

品牌网站建设费用6000元

本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...

成都商城网站建设

商城网站建设费用8000元

商城网站建设因基本功能的需求不同费用上面也有很大的差别...

成都微信网站建设

手机微信网站建站3000元

手机微信网站开发、微信官网、微信商城网站...

建站知识

当前位置:首页 > 建站知识

使用lightbox插件有什么效果-创新互联

这篇文章主要讲解了“使用lightbox插件有什么效果”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“使用lightbox插件有什么效果”吧!

创新互联公司是一家专注于网站设计、成都网站设计与策划设计,柘荣网站建设哪家好?创新互联公司做网站,专注于网站建设10年,网设计领域的专业建站公司;建站业务涵盖:柘荣等地区。柘荣做网站价格咨询:13518219792

slick-lightbox.js是一款基于slick.js和jquery的响应式弹出层lightbox插件。该jquerylightbox插件支持图片懒加载,支持键盘交互,支持html5HistoryAPI等。功能非常强大。

Lightbox的效果

Lightbox的效果类似于WinXP操作系统的注销/关机对话框,除去屏幕中心位置的对话框,其他的区域都以淡出的效果逐渐变为银灰色以增加对比度,此时除了对话框内的表单控件,没有其他区域可以获取焦点。

Lightbox的作用则相当于从前只在IE中被支持的"ModalDialog";现在在FireFox也可用window.open(url,name,"modal=yes");

来实现同样的效果。使用"ModalDialog"将限制用户的操作于弹出的对话框中,只有完成设定好的操作后方才关闭。在一些逻辑敏感的应用中强制吸引用户的注意力以防止用户的误操作导致程序逻辑淆乱。

其实Lightbox并不新鲜,在前年Ajax未诞生之前,它是以"InlinePopup"的名号出现的。诞生的原因是因为屏蔽弹出窗口的技术纷纷被浏览器采用,而浏览器厂商间也没有一个统一的Popup解决方案。当时我记得还有一些说"InlinePopup"破解了弹出窗口屏蔽的报道。

Lightbox的由来

"InlinePopup"并不被很多人关注,不过我还是发现国内的163信箱改版推出的时候大量使用了此效果。Ajax名正言顺之时,"InlinePopup"也重装再现了,并换了一个有美感的名字"Lightbox"。

LightboxJS最早被其作者LokeshDhakar用来放大显示图片覆盖于当前页面之上,其是用CSS来定义图片容器,用一幅半透明的png图片实现渐变阴暗的效果。使用相当简单:

1.加载lightbox.js

2.给图片链接增加一个rel="lightbox"属性。如:

image#1

感谢各位的阅读,以上就是“使用lightbox插件有什么效果”的内容了,经过本文的学习后,相信大家对使用lightbox插件有什么效果这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是创新互联网站建设公司,,小编将为大家推送更多相关知识点的文章,欢迎关注!


文章题目:使用lightbox插件有什么效果-创新互联
本文链接:http://bjjierui.cn/article/dhjsho.html

其他资讯