Javascript 将接触形式集成到一个奇特的盒子中

有人能告诉我在一个花哨的盒子里放一张工作联系表的最佳方式吗？我已经走了这么远，但每次尝试都会遇到麻烦

<div class="clearfix">

  <div class="cul apear floatL">

    <div class="verticalLine"></div>

    <figure class="diamond relative"> <a class="fancybox" href="img/diamond01.jpg"><img class="centerAbsolute" src="img/diamond01.jpg" alt="Free plumbing quote"></a></figure>

    <h2 class="proximaBold">Get A Free Quote <br>

      Right Here, Right Now</h2>

    <div class="line"></div>

    <p>We offer free quotes so you can see the value for money that we guarantee. <br>

获得免费报价

就在这里，就在现在
我们提供免费报价，让您看到我们保证的性价比

<代码> > p>你是否考虑使用iFrAME来实现这一点？请尝试以下代码：

<script type="text/javascript">
    $(document).ready(function() {
        $("#iframe" ).fancybox({
            'width'             : '50%',
            'height'            : '50%',
            'autoScale'         : false,
            'transitionIn'      : 'none',
            'transitionOut'     : 'none',
            'type'              : 'iframe',
            'href'              : "http://www.yourhost.com/form.php"
        });
    });
</script>


$（文档）.ready（函数（）{
$（“#iframe”）.fancybox({
“宽度”：“50%”，
“高度”：“50%”，
“自动缩放”：false，
“transitionIn”：“无”，
“transitionOut”：“无”，
'type'：'iframe'，
'href'：“http://www.yourhost.com/form.php"
});
});
我为自定义登录模式制作了此功能，但您可以将其用于任何内容。干净简单无需花哨；）您好，onky的问题是我在页面上有多个花式方框，所以这会影响所有花式方框吗？感谢您通过将表单分配给特定的div容器或其他什么来定义要显示的表单。只需指定这个（
$（“#iframe”）。如果您的页面上有多个fancybox（{
），fancybox（{

）也应该可以工作。因此，我将“#iframe”替换为希望加载的div id？例如，如果您的div看起来像这样，您必须调用

$（“#test”）。fancybox({…

如果您想用链接打开Fancybox，可以使用此