ここで使用されている「オーバーレイとシャドークラス」エフェクトを再作成しようとしています:難しいです。私はそれを1つの要素(その要素をオーバーレイする、その要素の内容を中心にするなど)に適用したいと思います。彼らがそれをするためにいくつかのjQuery関数を使用したことを示唆するものは何も見つかりません。彼らはちょうどCSSのクラスを使用しているようだ。私は彼らのCSSクラスについてすべてを学び、それを使うべきですか?またはそこにクイックjqueryuiソリューションはありますか?jQueryUIのデモ「オーバーレイとシャドークラス」を再作成する方法
1
A
答えて
2
さて、CSSまたはJQueryのいずれかを使用して効果を得ることができます。しかし、実際には、単純なCSSクラスのほんの一部です。それはpositioningの非常に単純な概念を使用します。あなたの要素を保持するコンテナはrelative
の位置にする必要があり、内部の要素はabsolute
の位置になります。要素がコンテナ内にあるabsolute
の場合、内側コンテナのtop: 0px
とleft: 0px
は外側コンテナの左上隅になります。非常に簡単な例はthis fiddleをご覧ください。
ここでJQueryを使用する理由は、計算が必要な場合です。私のフィドルでは、コンテナの幅は静的な値ですが、そのコンテナのサイズが動的に変更される場合は、イベント処理を追加する必要があります。がんばろう。
関連する問題
- 1. 再生回数:オーバーレイする方法は?
- 2. アプリケーションのデモを作成
- 3. ウェブアプリケーションのデモを作成
- 4. Flexの高度なグリッドでオーバーレイを作成する方法
- 5. Winforms C#でコントロールのオーバーレイ部分を作成する方法?
- 6. ブートストラップのサムネイルでオーバーレイを作成する方法は?
- 7. ビュー上にオーバーレイを作成する方法
- 8. RabbitMQ - クラウドでデモを作成する
- 9. jqueryuiカスタムデータの自動作成、リスト作成
- 10. MVC 3とjQueryUIでajaxログインダイアログボックスを作成
- 11. ヘッダーをオーバーレイするが、同時にオーバーレイするフッターに100%高さのサイドバーを作成する方法
- 12. jQueryUIでサブタブを作成するには?
- 13. Java JPanel(オブジェクトの再作成)を再描画する方法は?
- 14. プロダクションでの再作成と再作成
- 15. Xamarin.iOSでの教材オーバーレイの作成方法
- 16. 再生ボタンを再作成する方法は?
- 17. ビデオサムネイル画像に再生ボタンをオーバーレイする方法は?
- 18. Androidで「オーバーレイ」アクティビティを作成する
- 19. データベースから画像の上にCSSオーバーレイを作成する方法
- 20. SWT:テキストフィールドの既定のコンテキストメニューを再作成する方法
- 21. デモと有料アプリケーション - 実装方法
- 22. C#GetEnumerator()の再帰バージョンを作成する方法
- 23. HTML5ビデオ再生リストを作成する最良の方法は?
- 24. mysqlのデフォルト 'mysql'データベースを回復/再作成する方法
- 25. iPadでインタラクティブビデオを作成する - デモ用のアプリケーション
- 26. スキャナメソッドを使用して画像を再作成する方法
- 27. Androidのリストビューをオーバーレイする方法
- 28. Magentoでテーブルを再作成する方法
- 29. 各テスト実行時にデータベースを再展開、再作成する方法
- 30. jqueryとjqueryuiをInternet Explorerのアドオン作成に使用するには?
ありがとう、ありがとう。私は要素がコンテナの外に出るのでjqueryが必要になりました – 1237812789123