HTML内容Html dialog

弹窗组件依赖于 fancyBox3,它使用jQuery库建成,可以显示图像、HTML元素、内部框架和Ajax请求,更多的自定义设置可以在它的官网中阅读,fancybox(file:/js/fanycbox)是独立被引用的,如果你不使用或想要其他插件来替换它,不用担心会有多余代码被留在框架中。

Our Technology

If you can dream it, we're making the technology to do it. At Google, we're on the cutting edge of real world technology that brings your imagination to life. Our innovative minds are taking on the toughest technical challenges to make customizing anything a possibility. We're developing not just the newest software for interacting with your creations before they happen, but also the state-of-the-art hardware and manufacturing processes that turn your dreams into realities.

We just need a little more info to create your account

  • First Name
  • Last Name
  • Address
  • City
  • Country
  • Zip
  • Personal Info
Click Button:
<a data-fancybox data-src="#text-box" href="javascript:;" class="btn">Button</a>

Dialog:
<div id="text-box" class="hide">
    <h3>Title</h3>
    <p>Content</p>
</div>

图片Image dialog

<a href="imgurl" data-fancybox><img src="imgurl"></a>

图片序列组Images dialog

<a href="imgurl" data-fancybox="detailimg"><img src="imgurl"></a>
<a href="imgurl" data-fancybox="detailimg"><img src="imgurl"></a>
<a href="imgurl" data-fancybox="detailimg"><img src="imgurl"></a>