ウェブページ上にフローティング検索バーを作成する方法

Question

私は自分の活動の詳細を表示する顧客のウェブサイトのためにフローティッカーを作成しようとしており、これを埋め込みコードとして公開する予定です。

は、私は3つの質問があります。例：：springSource.org私は、フローティングテーブルやdivのセクションを作成するためのベストプラクティスをある何この

上でより多くの研究を行うことができるように、これは技術的に呼ばれるもの

1. ：自分のWebページに浮かぶと私は戻って

を、関連する情報を渡すように、いくつかのアニメーション

がどのように私は一意に私の埋め込みコードから、各ウェブサイトの要求を識別することができた検索バーがあります

あなたの時間と助けにあらかじめ感謝します。質問/コメントを感謝します。使用

テクノロジーズ：春、JSP（jQueryの、CSS3、HTML5などのような他のUI技術を使用して、オープン・アム）

Answer 1

ページの下部に固定された検索バーを表示するには、例えば使用することができます：

#search_bar { 
    z-index: 10; 
    position: fixed !important; 
    bottom: 0px; 
    left: 0; 
    width: 100%; 
    height: 36px; 
} 

あなたは、ユーザーが自分のサイト上のウィジェットのいくつかの種類をembbedすることができるようにしたい場合は、IFRAMEをembbedする必要があります：

<iframe src="//www.yourwebsite.com/some_page?params=...></iframe