0

私はRapidShareを使用しているときに本当に見栄えの良いフォームに出くわしました、そして私は彼らがそれをどのように作ったかについて興味がありました。こちらをご覧になり、「RapidProで煩わしい待ち時間をなくしてください！」をクリックしてください。メニュー/フォームが表示されます。私はIntuitを使用して自分のウェブページをデザインしていますが、これが実際に目の前に表示されているフォームであるかどうかに興味がありました。

考えられる副次的な質問として-RapidShareによって表示されるものと同様のチェックボックスを備えた見栄えの良いテーブルを作成する簡単な方法はありますか？私は、2つの異なる計画を比較対照するためのこの方法が本当に好きです。

読んでくれてありがとう、

エヴァン

4

3 に答える 3

3

はい、その「ポップアップ」の内容は、より洗練されたものにするためにいくつかのcssを含むプレーンなHTMLテーブルです。彼らがしているのは、Javascriptを使用してdivをアニメーション化し、画面の中央にポップアップ表示し、cssを使用して適切なスタイルを設定することだけです。jQueryを使用しないカスタムソリューションがあるようですが、同じことを行うフレームワークプラグインはたくさんあります。

他にもあります。

于 2011-07-27T03:47:07.210 に答える
2

jQueryでfancyboxを探す

シャドーボックス

グレイボックス

このようなポップアップスタイルでページをロードできます。テーブルの場合は、比較テーブルを作成できます。それらはソースコードであり、複製が容易になります。

于 2011-07-27T03:41:44.530 に答える
1

JqueryのnyroModalを参照してください。HTMLフォームと画像ギャラリーのライトボックスの例を見ることができます。http://nyromodal.nyrodev.com/create.php?dl=1からバンドルをダウンロードし、ファイルを作成してこれらのコードを含めます

**index.html**
<script SRC="jquery.tools.min.js"></script>
<link rel="stylesheet" href="nyroModal.css" type="text/css" media="screen" />
<script type="text/javascript" src="jquery.nyroModal.custom.js"></script>
<script type="text/javascript" src="jquery.nyroModal-ie6.js"></script>

<script type="text/javascript">
$(function() {
$('.nyroModal').nyroModal();
});
</script>
<a class="nyroModal" href="test.html"> Light Box view</a>
----------------------------------------------------------------------------------------
**test.html**
<form>
<label>  name </label><input type="text" name="testname" />
</form>
于 2011-07-27T05:02:07.577 に答える