jquery實現彈出層遮罩效果的簡單一實例

jquery實現彈出層遮罩效果的簡單一實例

 這篇文章主要介紹了jquery實現彈出層遮罩效果的簡單一實例。需要的朋友可以過來參考下，希望對大家有所協助

代碼如下:

<input type="button" value="進階搜尋" id="click_test4" />";

var content4 = "<center>進階搜尋</center><form action='' method='post' id='formUserSuperSearch'>"

   + "使用者名稱 ：  <input type='text' name='username' id='username'>"

   + "<br/><br/>電子郵箱: <input type='text' id='email'/>"

   + "<br/><br/>單位: <input type='text'id='unit'/>"

   + "<br/><br/>電話：<input type='text'id='tel'/> "

   + "<br/><br/>手機: <input type='text'id='mobile'/>"

   + "<br/><input type='button' onClick='UserSuperSearche()' value='取消'/><input type='button' onclick='UserSuperSearch()' value='確定'/>"

   + "</form>";

 T$('click_test4').onclick = function() {

  //其中click_test4是上面的按鈕id

  //content4為要顯示的div上面的內容

  TINY.box.show(content4, 0, 350, 250, 0);

 };