class指定もいらない超お手軽スムーズスクロール [Javascript,jQuery] - BlurBlue-Note
最近ようやくjQueryに目覚めました。 面倒な指定がこれほど楽々と出来てしまうと笑いが止まりません。 言い過ぎました。そんなに笑えません。 あったらよさげなプラグインを一つ思いついたのでちくちく書いてたんですが、いつの間にかclass指定もrel指定もいらないスムーズスクロールのコードを書いていました。 interface.jsという有名なjQueryライブラリの応用です。 interface.jsについてはEmotional Webさんが解りやすい記事を書かれていたので、interface.jsの導入までのご参考にどうぞ。 Interface.jsで簡単スムーススクロール - Emotional Web 普通はPageTopとかに「#top」を指定したりすると思うのですが、それだけではもったいないなーと。 当サイトで実際に使っているソースを書いておきます。 以下のソースはIEで動かない
jCarouselのエラーの原因はCSSにあった - 主に技術的なことを書くブログ
jQueryでカルーセル表示させるjCarouselをカスタマイズしようと、とりあえずCSSを読み込まずに組み込んでみたら jCarousel: No width/height set for items. This will cause an infinite loop. Aborting... というエラーが出て動かなかったので、いろいろ探ってみたら、 .jcarousel-skin-tango .jcarousel-item-horizontal { margin-right: 10px; } という部分、.jcarousel-item-horizontal というクラス指定を消してしまうと、アイテムの高さと横幅があれして無限ループします的なエラーが出て止まるみたいです。 それでエラーはなくなったんですけど、こんどはなんでか、中に4つほど並ぶ予定のリストの横幅が勝手にスタイルが直書き
jQueryでクールにアニメーションするメニューを実装するチュートリアル:phpspot開発日誌
NETTUTS - Web development tutorials and links - Create a Cool Animated Navigation with CSS and jQuery Animation and visual feedback are great ways to assist a user in navigating and interacting with a website. jQueryでクールにアニメーションするメニューを実装するチュートリアルがｌ公開。 単なるサンプルではなく、チュートリアルなので、その動作原理についての理解も深められます。 デモページを見てみる ＩＥ６で動かないということで注意が必要ですが、Flashを使っていないにも関わらず、なかなか秀逸な出来なので一見の価値ありです。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
写真スライド jCarousel - Riding carousels with jQuery
Benjamin Gaw - web standards designer
