[JS]iPhone, iPad対応、パネルを雑誌のようにぺらっとめくるスクリプト -FlipPage
FlipPage 右端がぺらっとしてますが、キャプチャだと分かりにくいですね。 [ad#ad-2] FlipPageの実装 HTML 画像を配置したdiv要素をdiv要素で内包します。 <div id="exemples"> <div><img src="img1.jpg" style="margin-left: 0px;" /></div> <div><img src="img1.jpg" style="margin-left: -250px;" /></div> <div><img src="img2.jpg" style="margin-left: 0px;" /></div> <div><img src="img2.jpg" style="margin-left: -250px;" /></div> <div><img src="img3.jpg" style="margin-le
50以上のエフェクトから選べるベーシックなスライドギャラリーjQueryプラグイン - かちびと.net
機能自体はベーシックなんですが、 用意されているエフェクトが多数 あるスライドギャラリー系のjQery プラグイン、jQuery Panel Gallery のご紹介です。自動で切り替わる タイプです。 よくあるjQueryギャラリーのように、クリックで進んだり、キャプションを表示させたり、といった事は出来ませんが、エフェクトが50ほどあるのが魅力です。エフェクトは複数組み合わせる事も可能です。IE6でも動作してくれました。 jQuery Panel Gallery オプション設定でエフェクトやスピードの指定が可能です。エフェクトは複数指定することもできます。 マークアップもシンプル。 <div id="container"> <img src="image1.jpg" alt="image 1" width="500" height="250" /> <img src="image2.j
14 jQuery Plugins for Enhanced Content Viewing
14 Comments I was looking for something like this since I love jquery and I found it. 🙂 Great List! thanks for this great post. A nice summary of very usable plugins. I’m using the jCarousel, but this one is not working in Safari unfortunatly… I’ll have to find another one, so any suggestions would be fine 🙂 Cheers Great post! Paul, have you tried jQuery Cycle Plugin? Works really nice! https://
Simple Page Peel Effect with jQuery & CSS
You have probably seen these forms of advertisings where you can peel a corner of a website and see a message underneath. It seems most are flash driven, but I decided to try it out using some simple lines of jQuery. View Demo 1. HTML - Page Peel Wireframe The “pageflip” div will act as the container, mainly used to establish the relative positioning. Then nest the image and the span class of “msg
jQueryでフレア効果を作れるプラグイン「Lens Flare」 | Web活メモ帳
画像にフレア効果を追加する事ができる「Lens Flare」をご紹介。太陽の光でフレアが発生したかのような効果が得られます。 太陽をドラッグさせる事でフレアの位置を変更する事ができます。 デモでは地球の裏側に太陽を移動させると、フレアも非表示になるようになっています。 太陽は透過PNGを使用しているようで、IE6は少し表示が変わってしまうようですね。 サイトのバックグランドなんかに使えたら面白いかもしれませんね。
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
jQueryでコンテンツがめくれて入れ替わるタブを表示
これまたなかなか表現しづらいけど、タブをクリックするとコンテンツがぺろっとめくれて入れ替わるなかなか面白いスクリプトなのでぜひご覧ください。 ソースも公開されているので設置自体は特に問題ないと思います。めくれるスピードに関してはjquery.quickflip.jsの以下の部分で変更できます。 options.closeSpeed = options.closeSpeed || 180; options.openSpeed = options.openSpeed || 120; closeが今まで表示されていたコンテンツが閉じられるときの速さで、openが新しく表示するコンテンツが表示されるスピードです。数字が小さいほど速いのでご注意ください。 個人的にはせっかくめくれるのにあまりに速いともったいないと思います。
jQueryを使ったフリップをめくるような動きをするスクリプト
基本的な構造はサンプルを見てもらうとしてポイントは以下の部分 $("#flipBT").click(function(){ $("#flipBox").flip({ direction: 'bt', color: '#D46419', speed: 400, content: "" }); }); それぞれの意味はこんな感じです。 direction ： めくれる方向を指定（デフォルトは tb） tb → 上から下へ bt → 下から上へ lr → 左から右へ rl → 右から左へ color ： 背景の色 speed ： めくれるスピード（デフォルトは500） content ： 中身をここに記述します
jQueryによるアニメーションエフェクトの基本 (1/5)
jQueryの特徴の1つは、Webサイトに動きを付ける「アニメーションエフェクト」を手軽に実装できることです。jQueryで実現できるのは、セレクターで指定したHTML/XHTML（以下、HTML）要素のサイズや位置、透明度を時間の経過とともに徐々に変化させ、動いているように見せる簡単なアニメーションですが、最近のWebデザインで用いられる“動きのあるUI”を作るのには重宝します。 今回は、jQueryに用意されているアニメーションエフェクト関連の命令を紹介します。 非表示状態の要素を表示するshow() show()は、CSSのdisplayプロパティの値が「none」、つまり非表示に設定されているHTML要素を、アニメーション付きで表示状態（display:bolck;）に切り換える命令です。要素の透明度を透明から不透明にしながら、サイズ（高さ／幅）を0から本来のサイズに変化させます。
ferretarmy.com - ferretarmy リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
要素を3D風にぐるぐる回すJavaScript「jQuery 3D」
twitter facebook hatena google pocket 単純に要素を置くだけではつまらないので、3D風にぐるぐると回してみましょう。 via：jQuery 3D sponsors 使用方法 jQueryからjquery.jsをダウンロードします。 <script type="text/javascript" src="jquery-1.3.2.js"></script> <script language="javascript" type="text/javascript"> $(function() { var element = $('#list a'); var offset = 0; var stepping = 0.03; var list = $('#list'); var $list = $(list) $list.mousemove(function(e
23 jQuery FadeIn and FadeOut Effects Plugins
There are lots of people who really like to play with jQuery. But the number of persons is not small who want to stay away from coding. They like to use jQuery code just using a plugin. And jQuery plugins make their lives easier. Moreover, sometimes it is easy to customize without having programming knowledge. Now come to the point about the main aim of my today’s post, here I gathered 23 really u
マウスオーバーで画像を扉のように左右にアニメーションさせるjQueryサンプル:phpspot開発日誌
Image splitting effect with CSS and JQuery ・TutsValley マウスオーバーで画像を扉のように左右にアニメーションさせるjQueryサンプルが公開されています。 画像上にマウスを置くと、ビローンと中心から半分に割れて左右にアニメーションしていきます。 デモページ 面白いのは、１枚の画像でこれを実現しているところです。 CSSで２枚のブロックを作って、それをアニメーションさせています。 応用することで、縦方向に分割したりと、他にも面白いことが出来そうです。 関連エントリ jQuery用のGUIコンポーネントプロジェクト「mbideasproject」がすごい ナビゲーションのUIはこれで完璧かもなjQueryプラグイン集 ユニークで使えそうなjQueryプラグイン10個
jQueryで実現する3Dエフェクト集「9 Best jQuery 3D Effect Plugins」
軽量で高機能なjavascriptライブラリとして様々なWEBで導入されているjQuery。非常に高機能で様々なエフェクトや動作を実現できますが、今回紹介するのはjQueryで実現する3Dエフェクト集「9 Best jQuery 3D Effect Plugins」です。 5. jQuery faux-3D effect jQueryで動作するエフェクトの中でもフリップで動作するものや奥行きのあるシーンを実現するなど様々な3Dエフェクトが収録されています。今回はその中から特に気になったものをいくつかプックアップして紹介したいと思います。 詳しくは以下 ■1. rotate3Di – Flip HTML content in 3D マウスオーバーでフリップを実現するjQueryです。 ■4. jQuery 3D Rotator 三次元座標軸で動作するタグクラウド奥行きを感じさせるエフェクトで
One Hack Or Another
Dating a widow demands thoughtful considerations for a healthier relationship. This person never chooses to break up but may not have the closure of a traditional breakup. They would never have said goodbye to their late partner if matters were within their control. For the relationship to work, you’ll have to look out for these…
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Aext.net
http://www.jcargoo.org/2009/02/7-vertical-menus-with-jquery-effects.html
Nextcloud