に質問検索_PHP中国語ウェブサイト

コミュニティ学ぶツールライブラリレジャー

日本語

人気の検索：
PHP
MySQL
jquery
HTML
CSS

純粋な Javascript を使用して画像置換のためのトランジション効果を実装する

私が作成した Web サイトには多数のアコーディオンがあり、それぞれの上部に画像があります。アコーディオンを開くと中に説明があり、画像が切り替わります。アコーディオンを閉じると、画像は最初の画像に戻ります。問題は、この画像の変更には、フェード効果を伴う滑らかな遷移を持たせたいのですが、現在は単なる突然の変更であるということです。どうすればいいですか？アコーディオンボタンの ID が「button」で、最初の画像 (2 番目の画像に変更されます) を含むラベルの ID が「firstimage」だとします。これはJavaSです

P粉458913655 2024-03-30 00:14:11

angular.js - Angular の双方向バインディングが壊れています!

最初にコードを貼り付けます: コントローラー: {code...} ディレクティブ: {code...} html: {code...} 効果: 折りたたまれて展開されると、転送送信が完了します。私の期待は次のとおりです: 展開されたときに成功するをクリックします。折りたたまれた領域を折りたたんで元に戻し、scope.isFold 折りたたみフラグを変更して...

伊谢尔伦 2017-05-15 16:52:42

vim - コードの折りたたみを見つけるためのコード

既存の折りコード: {コード...} 折り前のテキスト: 既存の折り効果: 私のニーズ: 下の図に示すように、前の余分な部分を削除すると、見た目がきれいになります。 Vim に連絡を取り始めたばかりです。アドバイスをいただければ幸いです。

给我你的怀抱 2017-05-16 16:41:57

背景画像に CSS フィルター効果を使用する方法

検索ページの背景画像として使用している JPEG ファイルがあり、Backbone.js コンテキストで作業しているため、CSS を使用して設定しています。 "); 背景のみに CSS3 ぼかしフィルターを適用したいのですが、その要素だけをスタイル設定する方法がわかりません。試してみると: -webkit-filter:blur(5px); -moz-filter:blur(5p)

P粉022285768 2023-08-20 13:28:36

JavaScript - モバイル側でsarafiやIEに表示されるラバーバンド効果を無効にする方法

iOS の Safari ブラウザでは、Web ページを一番上までスクロールすると、ゴムバンドのようにさらにスクロールし、手を離すと元に戻ることができます。この影響は Windows タブレットにも存在します。ページ内のスクロールに影響を与えることが多いため、この効果をCSSで無効にする方法を教えてください。私の知る限りでは...

大家讲道理 2017-05-19 10:12:15

モバイル Safari でスクロールしてもアドレスバー/URL バーが変化しない

React (16.8.6) を使用して Web サイトを構築していますが、モバイル Safari では、ユーザーがスクロールを開始しても、他の Web サイトのように URL バーが折りたたまれたり縮小されません。ラッピング div の CSS は次のようになります: {...otherComponentsHere}constContentContainer=styled.div`height:100%;/*ブラウザウィンドウの高さ全体を 2 つの列で占有できるようにします*/overflow-y:auto;flex -成長: 1;di

P粉768045522 2023-08-16 12:29:00

JavaScript - ページ内で固定配置されたサイドバーの位置をスクロールバーに合わせて動的に増加させるにはどうすればよいですか?

要件としては、ページのサイドバーは、最初はページ上の特定の位置（右: 0、下: 0 など）に固定されていますが、スクロールバーがスクロールするにつれて、サイドバーが表示されなくなるのを防ぐために、フッター部分を折りたたむと (下の図を参照)、特定の位置に達すると、スクロールバーの増加に応じて Bottom の値が増加し、開始点と同様の効果が得られます。

高洛峰 2017-06-26 10:53:43

JavaScript - slideToggle は折りたたみメニュー効果を実装していますが、このオプションをクリックすると展開され、他のオプションが自動的に折りたたまれることをどのように実現すればよいでしょうか?

実現したいのは折りたたみメニューですが、スライドトグルはクリックすることによってのみ折りたたむことができます。他のオプションをクリックすると、展開されたメニューが自動的に折りたたまれます。どうすれば変更できますか?コードは次のとおりです: $("> li", this).each(function () { {code...}

某草草 2017-07-05 11:06:06

グラデーション効果が画像の端でフェードアウトしないのはなぜですか?

画像の端をぼかすか、少なくとも漠然とフェードアウトしたいと考えています。何を試してもうまくいかず、Stackoverflow のすべての質問を調べました。 SassではなくCSSを使用しています。問題を複雑にするために、ページに背景画像を配置し、それを不透明度 0.8 の白いマスクで覆います。誰か助けてくれませんか？これが私のコードペンです。 .screen{位置:相対;幅:100vw;高さ:100vh;disp

P粉317679342 2023-09-09 23:34:16

CSS のヒント: 水平線と中央揃えのテキストを作成する

テキストを含む水平方向の仕切りを作成しようとしています。例: ----------------------------------これが私のタイトルです -------- - ------------------------CSS でこの効果を実現する方法はありますか?明らかに、すべての「-」ダッシュを使用する必要はありません。

P粉248602298 2023-08-20 15:11:18

2 つの接触フィールドの相互作用能力を強化するにはどうすればよいですか?

2 つのフィールド (「CallUs」と「OurEmail」) を中央に配置し、同時に応答可能にする必要があります。小さな画面に重ねて表示する必要があります。図のように大きな画面に正しく配置するためのインライン CSS がありますが、小さな画面では正しくスタックされません。コードを挿入する CSS ファイルが見つからないため、インライン CSS を使用しています。インライン CSS を使用してこれを修正することはできますか?可能であれば、これら 2 つのフィールドを大きくするためのインライン CSS を以下に示します。

P粉725827686 2023-08-14 21:20:22

Psuedo 要素の CSS ホバー効果を使用してメイン要素をオーバーラップする

基本的に、ホバーしたときの効果は次のようになります。私の Web サイトのコードは次のとおりです。無視してください。重要: .cta-button-menu,.cta-button-menu::before{transition:all0.3slinear!重要;幅:120px!重要;高さ:50px!重要;表示:インラインフレックス!重要;justify-cont

P粉838563523 2024-03-20 10:31:28

object-c - IOS でアバターを選択するための NetEase Cloud Music の ImagePicker を実装する方法

ImagePicker の概要を読んだ後、その多くは、ユーザーがカメラまたは写真の使用を選択する方法を使用します。しかし、NetEase Cloud Music では、写真ギャラリーの横にカメラを追加してアバターが変更されていることがわかりました。効果は写真の通りですが、このような効果を得る方法があればお聞きしたいです。

巴扎黑 2017-05-31 10:31:51

背景や透明文字が切れてしまう

CSS を使用して、以下に示すように背景から透明なテキストを切り取る効果を作成する方法はありますか?画像がテキストに置き換わるため、貴重な SEO をすべて失うのは残念です。最初に影を考えましたが、何も思いつきませんでした...画像は Web サイトの背景で、絶対位置の <img> タグです

P粉439804514 2024-03-25 16:47:36

javascript - 弾幕効果を模倣するときに発生するバグ

ポジショニングを使用して模倣弾幕エフェクトを記述すると、端に触れるとすぐにバグが発生します CSS: {code...} JS: {code...} 問題は、弾幕が左側に触れるとすぐに壊れることです画面の「でも、数字を入力するときはこうはなりません。固定幅を指定していないのですが、どうしてこうなるのですか？」

習慣沉默 2017-06-30 09:58:38