[JS]高性能で設置も簡単、ブラウザ枠いっぱいに背景画像を配置するスクリプト -bgStretcher
デモページ：Super Slider スライドのスーパー版で、斜め方向のスライドで画像を切り替えます。 bgStretcherの主な特徴 セットアップはシンプル 全てのモダンブラウザをサポート 画像は一枚だけでなく、複数枚にも対応 対応ブラウザ Internet Explorer 6, 7, 8, 9 Firefox 2, 3, 4 Opera 9+ Safari Chrome bgStretcherの使い方 Step 1: ファイルのダウンロード サイトの「Download」よりファイル一式をダウンロードします。 一式には必要なファイル全て（jqeury.jsも）が含まれています。 Step 2: 外部ファイル 外部ファイルを下記のように<head>～</head>に記述します。 <script type="text/javascript" src="../jquery-1.5.2.mi
jQueryで猿でも分かるロールオーバーを作成する。 | JavaScript capsule
ロールオーバーを作成してみたいと思います。 画像の切り替えをするタイプでのロールオーバーを作成します。 $(".rollover") で、全てのrolloverクラスのみを対象とします。 ロールオーバー、ロールアウトの操作を同時に指定できる関数hoverを使って下記のようにできます。 $(".rollover").hover(function(){ //overFunction },function(){ //outFunction }) で、ロールオーバーした時に画像を差し替えるのでsrcを変更します。 また画像rolloverをaタグにつけてる場合は$(this).find(“img”)としてimgにつけている場合は$(this)でイメージタグを表現できるので、下記のように入れ替えを行えます。（直接つながるのでimg直接にrolloverの方が軽いです。しかし利用しやすいのはaタグにつ
画像を使ったいろいろなjQueryプラグイン224個まとめ - かちびと.net
画像にエフェクトをかけて拡大表示したり、スライドを作ったり、ツールチップで表示したり、というような画像を使用したjQueryプラグインが沢山あるのと、探してる方が直ぐに見つけられるように、という事でリンク集を作りました。 という訳で、集まっているjQueryのプラグインの共通点は画像を使っている、という事だけです。一貫性無いといえば無いですが、個人的にも必要とする事が多いので自分用のメモも兼ねてシェア。 日本語English 結構カテゴリ分けはいい加減かもしれませんのであしからずご了承下さい。画像じゃなくてもいいんじゃ・・みたいのもありますが、デモで画像を使ってる、画像と相性が良さそう、みたいなものは基本的に掲載しています。 リンクにマウス乗せればキャプチャが出ます。 LightboxLightbox風に画像を表現できるjQueryいろいろ Lightbox2 / ベーシックなタイプ。グル
Carousels in combination with lightbox-plugins - Examples --- CarouFredSel 4.3.2
A carousel scrolling images with a "jquery.fancybox" lightbox (click on an image to open the lightbox): carousel pauses when opening the lightbox carousel resumes when closing the lightbox lightbox is circular JavaScript:close x $("#foo1").carouFredSel(); $("#foo1 a").fancybox({ cyclic : true, onStart : function() { $("#foo1").trigger("pause"); }, onClosed: function() { $("#foo1").trigger("play");
JCarousel & LightBox
JCarousel & LightBox 矢印ボタンで写真が横にスライドします。 写真をダブルクリックすると拡大表示します。 ダウンロードはこちらから
Jquery Plugin MopBox 2.2
Jquery 1.3.2とJquery UI 1.7.2に対応しました。多くのチューンナップとバグフィックスを行い、最新のブラウザに対応しました。2.2からリサイズが可能になりました。（1ページのコンテンツで有効） <head> <link rel="stylesheet" type="text/css" href="mopBox/mopBox-2.2.css"> <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script> <script type="text/javascript" src="js/ui.core-1.7.2.js"></script> <script type="text/javascript" src="js/ui.draggable-1.7.2.js"></script> <s
lightbox
prettyPhoto prettyPhoto is a jQuery lightbox clone. Not only does it support images, it also support for videos, flash, YouTube, iframes and ajax. It’s a full blown media lightbox. It is very easy to setup, yet very flexible if you want to customize it a bit. Plus the script is compatible in every major browser, even IE6. It also comes with useful APIs so prettyPhoto can be launched from nearly an
[JS]後発だけに一味違う高性能なツールチップのスクリプト -Poshy Tip
Poshy Tip - jQuery Plugin for Stylish Tooltips デモページ ツールチップのスクリプトは既に多くリリースされていますが、このスクリプトはかゆいところに手が届くような便利な機能が豊富に備わったものとなっています。 まず、一番の特徴となるのは、背景に画像を使用している点です。画像はサイズが1024x768pxの大きなもので、これによりツールチップの拡大縮小表示が可能となっています。 また、画像を変更することで、好みの背景に簡単に変更できます。
jQueryの日本語の解説サイトと国産のプラグイン集
MopBox 複数パネル（デモには100以上のパネルも）の表示にも対応した、画像・Flash・動画などを表示できるドラッグ移動可能なボックス。
css-eblog.com - このウェブサイトは販売用です！ - css eblog リソースおよび情報
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.
[JS]ドラッグベースのいろいろなインターフェイスが実装できるスクリプト -Dragdealer JS
Dragdealer JS デモ スクリプトはjQueryなど他のスクリプトに依存せずに動作し、圧縮版は12KBと軽量なものになっています。 以下に公開されているデモを紹介します。 シンプルなスライダー
jQuery TOOLS - The UI library for the Web
jQuery Tools is a collection of the most important user-interface components for today's websites. This single JavaScript file weighs only 5.8 Kb Tabs is the most popular JavaScript tool on the web. Tabs, horizontal tabs and accordions, finally done the right way. Great looking tooltips. Big or small. Pluggable effects. Yet another crucial tool. Visually appealing overlays. This tool is a signific
縦書きを実現するJavaScript「nehan」
twitter facebook hatena google pocket 日本人ですし、WEBでも縦書き使いたいですよね？ はいJavaScript！ 縦書きjQueryで実現するnehan - Project Hosting on Google Codeです。 （追記） ※作者の方からご指摘いただき、jQueryがなくても動くとのことです。 sponsors 使用方法 nehan - Project Hosting on Google Codeからファイル一式をダウンロードします。 <script type="text/javascript" src="jquery-1.4.2.min.js"></script> <script type="text/javascript" src="nehan.js"></script> <script type="text/javascript">
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://solidstate.jp/ContentsDisplay/pageScroll/script.html
Art Sexy Lightbox - Carousel
ページをブックマークして共有する - はてなブックマーク
http://solidstate.jp/
[JS]ダイナミックにウェブサイトをナビゲートするスクリプト -jQuery Panel Magic
GitHub - jquery-backstretch/jquery-backstretch: Backstretch is a simple jQuery plugin that allows you to add a dynamically-resized, slideshow-capable background image to any page or element. The image will stretch to fit the page/element, and will automat
[JS]テーブルのデータをアニメーションでソートするスクリプト -Animated table sort