::You are here: Home >Menu Rollover Animated Rollover Arrow Another disjointed Rollover effect that animates a menu pointer as you scroll along the horizontal menu. There are no animated gifs used in this demo and the movement is purely in css. Although I wouldn't recommend that you use this method in its entirity it could be used in small doses for interesting effects. Roll your mouse over the li
kgdとHTML5に関するpippiyukiのブックマーク (9)
-
pippiyuki 2011/12/07
-
Codrops | Useful resources and inspiration for creative minds
Explore 500+ free demos Discover our curated collection of 500+ free animations, interaction concepts, UI designs, web templates & more. Webzibition An exhibition of standout websites that caught our eye, curated for you. Fresh frontend news plus dev & design inspiration delivered to your inbox 👾 Hey! Looking for the latest in frontend? Twice a week, we'll deliver the freshest frontend news, webs
-
jQueryを使って円形イメージギャラリーを作成するプラグイン「jQuery Roundrr」｜BLACKFLAG
jQueryを使っての円形ギャラリーはいくつかプラグインがありますが、 さまざまなパターンで構成された円形ギャラリーを実装可能とさせるプラグイン 「jQuery Roundrr」がおもしろそうだったのでメモ書き程度に紹介してみます。 Animated fullscreen background image slideshow using jQuery ≫jQuery Roundrr – How To Create Circular Image Galleries With jQuery チュートリアルはPart1とPart2に分かれて紹介されており、 それぞれ複数パターンのデモが用意されています。 サンプル画面と各デモ画面は以下のような感じに。 Part 1 – Getting started with Shape-based coordinates jsShapeLib Demo 1:
-
背景画像をフルスクリーンでスライドショーさせるjQuery「Animated fullscreen background image slideshow using jQuery」｜BLACKFLAG
jQueryを使って、フルスクリーン表示した背景画像とコンテンツ要素を シンプルなアニメーションでスライドショーさせる 「Animated fullscreen background image slideshow using jQuery」が 使い勝手良く、スクリプトの参考にもなりそうだったのでメモ書きしておきます。 ≫Animated fullscreen background image slideshow using jQuery ≫デモページはこちら デモページ画面上に表示されている「１」～「４」までのボタンをクリックすると 背景画像とコンテンツ要素がスライドアウト → スライドインして表示されます。 上記の紹介ページには実装の際のHTML、CSSコードの記述方法や SCRIPTのチュートリアルが用意されています。 （プラグインというよりかは直接スクリプトを書き込んで使うタイプと
-
-
jQueryで背景画像を全画面表示する
jQueryで背景画像を全画面表示する 最近ではjavascriptでも表現できることが飛躍的に増え、Flashサイトのようなリッチなサイトも多くなってきましたね。 ということでFlashサイトと聞いて一番最初に思い浮かべそうな背景画像の全画面表示というのをjQueryで作成してみたいと思います。 投稿日2010年11月30日 更新日2011年04月26日 html+cssの準備 背景画像を全面表示するっていうタイトルですが、cssのbackgroundにはサイズを指定するプロパティがないので、気持ち悪いけど画像は普通に配置します。 html <img src="101121_2.jpg" width="100%" height="100%" id="bg" /> <div id="contents"> <h1><a href="#">jQueryで背景画像を全画面表示する。</a></h
-
Spritely.net – Coding Masters
jQuery.spritely is a jQuery plugin created by Artlogic for creating dynamic character and background animation in pure HTML and JavaScript. It’s a simple, light-weight plugin with a few simple methods for creating animated sprites such as the birds you see on this page, and dynamic scrolling backgrounds. You can use it on any html web page, and any part of the page can interact with a sprite (clic
-
迫力あるフルスクリーンの背景スライドショーが実装できるjQueryプラグイン:phpspot開発日誌
Full Screen Background/Slideshow | jQuery Plugins 迫力あるフルスクリーンの背景スライドショーが実装できるjQueryプラグイン。 ブラウザのサイズに応じて画像のサイズも切り替わるというフルスクリーンのスライドショーが実現可能です。 大きめの解像度の写真を迫力そのままに出したいみたいなシチュエーションで使えるかもしれません。 フッターにサムネイルつきのナビゲーションもついてます。 実装は、各種表示用のオプションに加え、画像のデータを配列で渡してあげるだけという簡単仕様です。 関連エントリ これは新しい、回転させて切り替えるスライドショー実装jQueryプラグイン 次の画像が何なのかが分かりやすいフルスクリーンのスライドショー実装jQueryプラグイン「SuperSized」
-
WanderWall – A jQuery, CSS3 & HTML5 Hover-Based Interface | AddyOsmani.com | Where Web Businesses Grow
Hey guys. Today I’m going to teach you how to create a useful hover-based user interface using jQuery, CSS3, HTML5 and @font-face. Why a hover-based interface? you might ask. Well, with the popularity of touch-based web applications simplifying the way that people can use sites on mobile devices, I think that there’s room for us to look into ways of making it even easier for people to use sites in
-
1
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Copyright © 2005-2024 Hatena. All Rights Reserved.
設定を変更しました