ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScript を使用してアニメーション ナビゲーション効果を実現するコード_JavaScript スキル

JavaScript を使用してアニメーション ナビゲーション効果を実現するコード_JavaScript スキル

WBOY
WBOYオリジナル
2016-05-16 19:07:131174ブラウズ

これらのナビゲーションを使用しているのは誰ですか
Google は大企業であり、世界中にその足跡を残しています。誰かがすでに Blue Ideal Forum でそれを盗用しているのは残念です。 js を書きすぎました。それでは、書いてみましょう!
原則
私は子供の頃、漫画を見るのが好きだったのですが、どうやって漫画を描くようになったのですか?絵を描くまで (ああ? では、ひょうたん兄弟 1 人に何枚の絵を描く必要がありますか? -_-!)、実際には、アニメーションの軌跡を示すために小さな絵がたくさん入った絵を使用して、同じことを今やっています。 . 時間に合わせて絵を動かしてください。絵は動きませんか? (わかりません、明確に表現できていますか...中国語は非常に重要です!!)
準備
私たちは絵が必要です、脳、笑顔(笑わないエフェクトは出ません...)!! 以下は私が用意した写真です(PSレベルには限界があります^_^)...
JavaScript を使用してアニメーション ナビゲーション効果を実現するコード_JavaScript スキル
コード

上の画像を見て、想像してみてください。なんと美しい動きでしょう...

css

コードをコピー コードは次のとおりです。


.Gnb_btn_div{
width:90px
height:75px;
overflow:hidden;
表示:ブロック;
}

.Gnb_btn_img{
高さ:525px; 🎜> overflow:hidden;
text-indent:-500px;
}
#gnb_btn_01 .Gnb_btn_img {
背景画像:url(http://www.wler.cn/blog/img) /friend.gif)
}


javascript




コードをコピー
コードは次のとおりです: