1

私はそこにいるすべてのウェブの達人の頭脳を選ぶように頼んでいます。

実装しようとしているアイデアがあります。

画面に半ダースの画像を、たとえば円の形で表示したいのですが、マウスで1つにカーソルを合わせると、灰色と白からフルカラーにフェードし、少し大きくなったり、ドロップシャドウが生成されたりします。マウスがその上にある間とどまる効果。

私はVB6とSQLServerにあまり慣れていませんが、私のWeb開発の経験は、メモ帳を使用して生のHTMLを生成し、ActiveDesktopでお気に入りのフォルダーやWebサイトやドキュメントへのリンクなどを表示するところまで広がっています。

つまり、w3schools.comなどのプログラミングリソースのWebサイトを確認する必要があります。具体的には、JavaScriptを使用するか、その他のメソッドを使用するかを指定します。また、特定のメソッド呼び出しを確認することもできます。

私は「ここで...このコードを試してみてください」ではなく、10画面のコードをカットアンドペーストします。「ポジショニングについては、www.thiswebpage.comを見て、XYZを見てください」などのヒントを求めています。 「フェード効果については、JavaScriptのABCメソッドを見てください」など。

事前に教祖に感謝します。

編集：2009年7月14日-これが適切かもしれないと思っただけです。GoogleAppsがホストするウェブサイトでページをホストします。

また、私が考えていたのは白黒のフェード効果だけではなく、1つの可能性にすぎませんでした。他の素晴らしい、微妙な効果が考慮されるかもしれません。

4

7 に答える 7

3

実装したいことはそれほど難しいことではありません。ただし、JSを知らない場合は、W3Cスクールから始めることをお勧めします。

Mootoolsもチェックしてください。これは、JSのすべてのニーズに対応する優れたフレームワークです。彼らはまたあなたが試すことができるいくつかの素晴らしいデモを持っています。

于 2009-07-13T19:19:36.190 に答える
2

このタイプのユーザーエクスペリエンスの一般的な効果と開始点：JQuery

そこから-この種のことを行うjQueryプラグインを調べてください。良い検索用語はカルーセルかもしれません。

于 2009-07-13T19:21:08.277 に答える
0

そのタイプの作業には、Scriptaculousを使用するのが好きです。使いやすいアニメーションコマンドが多数あります。DIVで多数のエフェクトを並行して実行できるため、同じオブジェクトに対してMOVEエフェクトとSCALEエフェクトを簡単に実行でき、同期を処理します。

これらはすべて、通常の古いJavaScriptで実行できます。

MOVEの例を次に示します。

new Effect.Move('yourDIV', { x: 0, y: 0, mode: 'absolute' });
于 2009-07-13T19:19:49.340 に答える
0

CSS プロパティを適切にアニメーション化できる JS ライブラリを使用することで、非常によく似た効果が得られる可能性があります。たとえば、Scriptaculous と jQuery はおそらくこのタスクに適合し、簡単に習得できるはずです。

基本的な考え方は、div に画像があるということです。画像の透明度は 0.5 に設定できるため、div の背景色はそれを透過します。このようにして、背景を正しく選択して白黒画像に似た効果を得ることができます。

正確な白黒効果などが必要な場合は、画像の白黒バージョンを生成するか、HTML5 canvas 要素を使用して手動で色変換を画像に適用する必要があります。ただし、古いブラウザや Internet Explorer では機能しません。

于 2009-07-13T19:22:02.300 に答える
0
  1. JS を学びます。http://www.w3schools.com/JS/default.aspから構文を学ぶことができます。
  2. Crockfordのような著名な作家による記事で、この知識を広げてください。
  3. 主要なフレームワークの 1 つ (私はMootoolsが好きです) の 1 つを学ぶことですべてを解決します。
  4. 手順 1 ～ 3 を実行しながら、コーディング、コーディング、さらにコーディングを行います。
于 2009-07-13T19:23:26.510 に答える
-1

何らかの形式のJavascriptが必要になります。その場合は、Script.aculo.usライブラリを確認します。（CSSを使用するとすぐに効果を発揮できますが、徐々にフェードするにはJavascriptが必要になります。）

于 2009-07-13T19:19:46.453 に答える