将联系表单集成到一个奇特的盒子中

时间:2013-12-08 23:10:30

标签: javascript html forms lightbox

有人可以告诉我在一个精美的盒子里有一个工作联系表格的最佳方法吗?这是我有多远,但我遇到的每一次尝试都遇到了麻烦。

<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>

1 个答案:

答案 0 :(得分:0)

您是否考虑过使用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>