問題タブ [rollover]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
html - ボタン付きのロールオーバー画像
タイプimageのフォーム入力を作成してロールオーバー画像を作成する方法はありますか?
actionscript-3 - アクションスクリプト3:マウスロールオーバーのアルファ変更
画像をロールオーバーしたときにテキストが表示されるようにしようとしています。
私は何が間違っているのですか?
シンボルのアルファは現在0です。
フルコードビュー:
tomcat - Tomcat 5.5 の stderr および stdout ファイルが大きくなりすぎた場合、それらをロールオーバーするにはどうすればよいですか?
私は、Tomcat 5.5 の stderr および stdout ログ ファイルを取得し、それらが大きくなりすぎたときにロールオーバーする方法を見つけようとしてきましたが、そうすることができませんでした。ここで、これは Web アプリのログ記録用ではないことを理解してください。これは、Tomcat によって自動的に作成される stdout および stderr ログです。繰り返しますが、サイズが大きくなりすぎます。サイズが大きくなりすぎた場合や一定の時間間隔 (つまり、毎日、毎時間) にロールオーバーする方法が必要なだけです。
log4j を使用してみましたが、Tomcat 向けではなく、アプリケーション ロギング向けのようです。og4j (http://sysgears.com/articles/how-to-redirect-stdout-and-stderr-writing-to-a-log4j-appender#comment -749)、私はこのサイトでいくつかの質問を書き、私の窮状を詳しく説明しましたが、動作させることができませんでした. その方法を機能させることができれば、またはlog4jの外にある別の方法があれば、それをいただければ幸いです。
さらに、たとえば Java や Perl などで自分でファイルをロールオーバーすることは可能でしょうか? テストとして、書き込み中のファイルを削除してみましたが、もちろんできませんでした。ファイルは Tomcat によってロックされていました。プロセスは次のようになります。
Tomcat プロセスからファイルのロックを解除します サイズが「大きすぎる」かどうかを確認します サイズが「大きすぎる」場合は、ファイルを保存して閉じ、新しいファイル名で新しいファイルを書き込みます (つまり、stderr01012011_1.log) 新しいファイルを Tomcat プロセスにロックします
これは大変な作業のように思えますし、実行可能でさえないかもしれませんが、log4j メソッドを機能させることができない場合、どうすればよいでしょうか? ありがとうございました。
Apache に stderr および stdout ログ ファイルをロールオーバーするための組み込み機能があればいいのにと思います。
html - ホバー時に画像を表示するテキストリンク
リンクのすぐ左に画像を表示するためにホバーしたときにリンクを取得しようとしています。私はHTMLの問題を抱えていることを除いて、ほぼ私が望むことを達成しました。
ロールオーバー効果のあるリンクのバックスラッシュにレッドテキストクラスを表示させようとしています。
これを回避する方法、またはこれを達成するためのより良い方法はありますか?問題のリンクはyaya写真です
CSS
そして、これが私が仕事に取り掛かるのに苦労しているhtmlです
前もって感謝します!
css - ロールオーバーにcss背景画像を使用する場合(位置を変更することにより)、iPhoneの画像の右側に1pxの線が表示されないようにしますか?
次のようにCSSの背景画像を使用して構築しているサイトにロールオーバー画像を設定しました:
これはすべてのブラウザーで完全に機能しますが、iPhone では右側に 1 ピクセル余分に表示されるように見えるため (400 ピクセルではなく 401 ピクセルが表示されます)、メイン ページに 1 ピクセルのロールオーバー画像が表示されますが、これは明らかに正しくありません。誰かがこれが起こっている理由を提案できるなら、私は非常に感謝しています.
いつも本当にありがとうございます!
デイブ
javascript - 画像ボタンに関するヘルプが必要
ロールオーバー画像でナビゲーション メニューバーを作成しようとしています。ロールオーバー イメージ パーツは Dreamweaver によって作成されたため、すべてMM_functions
. しかしonclick
、ハイパーリンクを開くだけでなく、メインフレームの内容を変更したい。
だから私も試してみonclick="JS_funtion()"
ましたonMouseDown
とonMouseUP
. 何も機能していないようでした。例が示すように関数を呼び出すことすらありません。呼び出してみましたがalert()
、まだ機能していません。HTML/Javascript は初めてです。
私は何を間違っていますか?
私のサイトはwww.sitebloviate.com です
jquery - qTip参照画像要素
こんにちは、qTip という Jquery プラグインを使用して、一連のサムネイルに画像のロールオーバー効果を作成しています。ロールオーバーされているイメージ タグの src を取得する必要がありますが、この例を見つけるのに苦労しています。うまくいくと思いました$(this).src
が、画像ではなくツールチップを参照しています。何か案は?
html - TextFlow 内のリンク: rollOver/rollOut バブル、バブルすべきではなく、回避できない
変な振る舞いをしています。TextFlow 内に HTML リンクがあります。を設定するlinkHoverFormat
と、ロールオーバー/ロールアウト イベントがチェーンに送信され始めます。これらのイベントはバブルしないと言いますが、どういうわけかバブルします。そして、私は彼らがそうするのを止めることができないようです.
次に例を示します。
このアプリを実行し、パネルから移動せずにマウスをリンクの上に数回移動すると、テキストが変更されていることがわかります。
そこで私は、この奇妙な出来事がバブリングするのを止めようと決心しました。
とのすべての組み合わせpreventDefault
を試しました。イベントの動作は変更されますが、リンクのホバリング効果も損なわれます。stopImmediatePropagation
stopPropagation
次に、でイベントをインターセプトしようとしましたRichEditableText
が、同じような結果が得られました。
かつて同様の問題がありましたが、rollOver/rollOut の代わりに mouseOver/mouseOut イベントを使用していたことが原因であることがわかりました。rollOver/rollOut に切り替えたので、うまくいきました。今まで。
そして今、私は無知です。
助けてください。
ありがとう。
css - 画像のロールオーバー、Javascript なし、リンクなし、純粋な CSS、コード検証、Broswer 互換
画像のロールオーバー、JavaScript なし、リンクなし、純粋な CSS、コード検証、ブラウザ互換。
こんにちは、私はこのかなり簡単な解決策を考え出すために24時間苦労してきました. すべてが大丈夫かどうか、改善する方法があるかどうかを知りたいです。それは非常にエレガントです。
「ロゴ」という画像は 1 つしかありませんが、それぞれロールオーバー効果のある 2 つの異なるロゴとして表示されます。スプライト (4 つのロゴを含む 1 つの画像のみ) を使用し、その位置を変更するだけです。
ここで、画像をdivに挿入します
次に、別の div に同じ画像を挿入しますが、ID は異なります
今私のCSS:
説明: 誰かが画像にカーソルを合わせると、画像が透明になり、背景の魔女が同じ画像であるが位置が異なることを示します。opacity: Firefox、Google の場合は 0、Explorer の場合は filter:alpha(opacity=0) です。.logo-rollover クラスの position: relative は、IE6 および IE7 との隠しオーバーフローの互換性のためのものです。表示ブロック; Opera ブラウザの id img に追加されます。
No Hack:リンクがない場合、href="#" や "javascript:void(0)" は必要ありません
利点: 4 つ (またはそれ以上) の画像を要求する代わりに、1 つの画像しかありません (1 つの画像スプライトの合計サイズは、4 つの合計サイズより小さい)。イメージはすでにダウンロードされているため、ロールオーバーは瞬時に行われます。ハッキングなし、偽リンクなし、コード検証なし。画像にタイトルを追加します。ロールオーバーしない唯一のブラウザは IE6 ですが、サイトは壊れていません。ロゴは正しく表示されます。IE6 のホバーを有効にするためのハックがありますが、IE6 が死んでいるので気にしませんでした。
ヒント: どこでも画像に同じパスを使用してください。つまり、「イメージへのパス」はすべての呼び出しで同じである必要があります。ブラウザのキャッシュが原因です。
これは最高のエレガントな方法ですか?このコードは改善できますか? ここで他のユーザーに感謝して開発するのは本当に苦痛だったので、誰かの助けになることを願っています ここでいくつかのトリックを見つけて、これを思いつきました.
コメントよろしくお願いします。
html - 両方の寸法で画像の上にテキストを中央揃えにするにはどうすればよいですか?
皆様、早速のご意見ありがとうございます、大変参考になりました。1 つの問題が残っています:表のセルに適用された場合、画像の中央の 1 行にきちんと収まるテキストと、画像の中央の 1 行にきちんと収まるテキストの両方をline-height
、 も もpadding
中央に配置できないようです。
奇妙なことに、SwDevMan81 によって以下に提供されるパディング ソリューションは、div に適用すると問題なく動作しますが、テーブル セルには適用されません...
私の素朴さを前もってお詫び申し上げます。これは HTML と CSS への私の最初の進出です。
テーブルのコードは次のとおりです。