pushState, popState - 酔いどれコード
github でリポジトリのディレクトリをたどっていくときのエフェクトが気になったので調べてみた。 戻る・進む とりわけ気になるのが、アドレスバーの内容は書き変わるけれど、画面の更新は一部しか起こらないこと。しかも、ブラウザの戻る・進むボタンに対しても同様の画面の更新が起きること。どのイベントをキャッチしているのだろう？onload イベントだとすでに画面が切り替わってしまっているので、使われていなさそう。 pushState, popState github の Javascript のソースを見てみると、pushState というのを使っているということが分った。push とくれば、そう pop。戻る・進むボタンをクリックしたときに popstate イベントが発生する。そのイベントの中で画面更新の処理が走っていた。 サンプル カレンダーを表示するページを作ってみた => http:/
Image Flip Using jQuery - Webmuch
Alright, first of all this is not a real image flip but sort of an illusion, the image does not flip itself in 3D since jQuery does not provide us with an image rotation or a distort feature for HTML elements. I know their are some image rotation plug-ins out their but they don’t work out very well with animate method of jQuery. View Demo 1 View Demo 2 Download Source Code Preview: Note: Image fli
RefineSlide
Features A few transitions to play with Responsive down to mobile scale CSS transition & 3D transform support Javascript fallback fade transition Auto-formatted, responsive thumbnails Good browser support (IE7+) HTML captions Hardware acceleration on supported browsers Free to use and abuse as you like Simple, semantic markup Lightweight: 12k minified (4k gzipped) Installation - Essential steps -
OKShadow
OKShadow by OKFocus OKShadow is a JQuery plugin that produces drop shadows that track the mouse cursor. Many effects are possible, including depth-of-field simulation and focus effects. Examples Landscape Pyramid Squares Lines Dots Neon Usage By default, OKShadow binds to a div: $(function(){ $('#example1').okshadow(); }); OKShadow also works on text. In this case the shadow's size and movement ar
flickGal・・・iPhoneでフリックギャラリーを簡単に実装できるjQueryプラグインです - pig's diary
iPhoneでフリックギャラリーを実装できるjQueryプラグイン「flickGal」を作りました。ぜひ使ってみてください！ 公開にあたって意見をくれたid:hokut_o氏、ありがとうございました。 デモページ がありますので、見てみてください。 http://stakam.net/jquery/flickgal/demo ※iPhoneかiPad向けです。友達がAndroid でも動くと言っていました。PCでもそこそこ見れます。androidで最初うごかないことがあるみたいです。yuuriさんありがとうございます。android でorientation change しても動くv1.2 をリリースしました。 実装のしかた 説明ページを見てみてください。 http://stakam.net/jquery/flickgal/ 基本的にはこんな風に実装する方式です。 いくつかのルールにそっ
mLivre
Demonstration mLivre est un plugin jQuery, proposant un flipbook javascript pour que vos visiteurs puissent feuilleter vos images comme un magazine ou un livre <div id="demo1"> <img src="celestin/couverture.jpg" width="650" height="325" /> <img src="celestin/illustration2.jpg" width="650" height="325" /> <img src="celestin/illustration7.jpg" width="650" height="325" /> <img src="celestin/illustrat
Create Background Scrolling Effect with jQuery
Introduction Greeting, today we are going to make a scrolling background effect. This script will move the background of any html tag, either vertically or horizontally. I used this script in one of my project which has a blue sky with clouds and it makes the whole website came alive. I think that's pretty impressive. In this tutorial, we're not only go through how to make it, we will have it in p
ギャラリープラグインデモいろいろ
jShowOff is a jQuery plugin for creating a rotating content module. It works by creating 'slides' from the child elements (eg. <li>) inside a specified wrapper element (eg. <ul>) on which .jshowoff() is invoked. It then rotates through the slides, with options for controls, links, and more. This type of module is often used to promote pages, sections, or features on a site. Required Files the jQue
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://moriwaki.net/cms/?p=503
Loading...