將聯繫表格整合到一個漂亮的盒子裏

有人請告訴我在漂亮的盒子裏有一個工作聯繫表格的最佳方法嗎？這是我得到了多少，但我嘗試每一次嘗試都遇到麻煩。將聯繫表格整合到一個漂亮的盒子裏

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

來源

2013-12-08 user3074956

我做了這個** [小提琴]（http://jsfiddle.net/mdesdev/LD7Zm/）**用於自定義登錄模式，但你可以使用它的任何內容。清潔和簡單沒有需要的花式;） – mdesdev

您是否考慮過使用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>

來源

2013-12-08 23:15:50

你好，這件事情是我有超過一個花式框在頁面上，這將影響所有的花式框？謝謝 – user3074956

您可以通過將其分配給某個div容器或或其他來定義要顯示哪種形式。只需指定這個（'$（「＃iframe」）.fancybox（{'）如果你的頁面上有多個fancybox，那麼也應該可以工作 –

所以我用我希望它加載的div id替換「#iframe」 – user3074956

將聯繫表格整合到一個漂亮的盒子裏

回答

相關問題