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