ホームページ > ウェブフロントエンド > htmlチュートリアル > Web ページ効果の実現、help_html/css_WEB-ITnose

Web ページ効果の実現、help_html/css_WEB-ITnose

WBOY
リリース: 2016-06-21 09:45:30
オリジナル
977 人が閲覧しました


上の図の効果を実現したい場合は、中央のシステム名を中央に保持する必要があります。第 1 レベルのメニューを含む横にあるものをクリックして、対応するページに入ることができます。メニュー名があるものは、中央の停止したシステム名を中心に配置されます。

同様の実装デモを探しています

ディスカッション (解決策) に返信します

http://jsfiddle.net/hetong/pyQyt/
醜い。六角形は回転には適していません

作者は「回転雲タグコード」を検索して取得し、変更することができます。

しかし、あなたの内容に基づいて、この方法は使用しないことをお勧めします。原理はあまり説明されていないが、理解できる人には理解できないだろう。

パラメーター html object、circle center、radius [、speed] を使用して dom 回転関数を作成し、その関数をループ内で呼び出して、回転する必要があるすべてのラベルを回転します。関数は関数内でさらに分解できます。ドム移動、円軌道座標の生成
ただし、メニューをクリックして新しいページを開くと、リソースの使用量が多くなることが予想され、これにジャンプすると、アニメーションのリソース消費が発生します。ページを開くと、操作が非常に不便になるため、ページを変更する必要があります。また、最初にメニュー ページに戻る必要があり、誤って閉じられてしまいます

httpwww.51aspx.comSearch%E6%89%8B%E6% 9C%BA%E9%80%89%E5%8F%B70!0 !5!-1!01

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート