画像をクールにズームできるJavaScript「Magic Zoom」:phpspot開発日誌
Magic Zoom : JavaScript image zoom tool Magic Zoom・is a JavaScript zoom tool. It's the best way to display images in incredible detail.画像をクールにズームできるJavaScript「Magic Zoom」 マウスオーバーで次のように、オーバーした部分をズームできます。 デモを見る メジャーブラウザはほぼ対応している模様。 $49と、シェアウェアなのが残念ですが、それなりのクオリティでもあると思うので、こうした機能を手軽に実装したい人は買ってみるのもよいかも。
bookreader.js
bookreader.jsは、長文を縦スクロールではなく、横スクロールで表示し読みやすくするJavaScriptライブラリです。 →プロジェクトのホーム (Google Code) - New!! →ダウンロード(ver 0.4.6) - 2009/04/18公開 ※ダウンロードの詳細については、こちらのページをご覧下さい。 まずは、このページで体験してみて下さい。キーボードの[→]/[←]キーが、「進む」あるいは「戻る」に対応します。画面上に表示される、半透明の▶/◀ボタンをクリックしてもOKです。使い方の詳細は「ヘルプ」を参照ください。 次期バージョンの開発状況 幸いにしてさまざまな方からフィードバックをいただきました。ありがとうございます。それを元に機能の絞り込みとWEBサイトへの「組込み方」について検討を行っています。まだ、実装の方針が定まった、という段階ですが次期0.8.x系のサ
アニメーションする2KBの軽量ツールチップJS:phpspot開発日誌
Fading JavaScript Tooltips 2kb - Web Development Blog This animated JavaScript tooltip script is very easy to use and lightweight at only 2kb. アニメーションする2KBの軽量ツールチップJS。 カーソルを合わせるとフェードアニメーションしながら浮き上がるツールチップの紹介。 デモページはこちら ソースコードがなかなか綺麗かつシンプルで、ウィジェット作成の参考にできるかも。 var tooltip=function(){ var id = 'tt'; var top = 3; ... } 関連エントリ 色んな種類のクールなツールチップを実装しよう「Prototip 2」 JavaScriptを使わずCSSのみでシンプルなツールチップ実装
色んな種類のクールなツールチップを実装しよう「Prototip 2」:phpspot開発日誌
Prototip 2 - Create beautiful tooltips with ease Prototip allows you to easily create both simple and complex tooltips using the Prototype javascript framework. 色んな種類のクールなツールチップを実装しよう「Prototip 2」 Prototip 2 を使えば次のようなクールなツールチップが実装できます。 カーソルをもっていくことでプレビューできます。 使い方は、必要なJS/CSSを読み込んだ後、次のように初期化するのでOKみたいで簡単 new Tip(element, 'content', { title: 'This tooltip has a title', style: 'protoblue', stem: 'topLef
Javascript / CSS Crossfader : CSS . XHTML . Javascript . DOM : Brand Spanking New
In response to this article at ajaxian.com, and just for the sheer fun of it, here's a small-footprint object-encapsulated unobtrusive javascript crossfader. Download Crossfader v1.3 At 1.7Kb it's one hundredth of the size of the scriptaculous library used in the other example. (Woohoo.) The constructor takes three variables: an array containing the ids of the divs to be faded, the fade time (in m
Kollermedia.at - The Website of the Freelancer Koller J端rgen » The ultimate jQuery Plugin List
jQuery is definitely my favourite Javascript Library and this ultimate jQuery Plugin List is for all other jQuery Lovers out there. At the moment there are about 240+ awesome Plugins in the List I’m sure that there are a lot of other plugins out there – so if you knew one that’s not in the list please post a comment and i will add it. Thanks! File upload Ajax File Upload jQUploader Multiple File U
db.SyntaxHighlighter - コードハイライトJavascript | Takazudo Clipping*
HTMLやCSSやPHPなどは、Webサイトにのっけようとすると、<body>であれば、<body>などと実態参照にしないとダメですが、これらを、そのまソースを貼り付けるだけで見えるようにしてくれるJavascriptライブラリ。 ついでにコードもカラーリングしてくれる。textareaにソースを入れるため、そのまま表示してくれるという仕組みなので、文法上はパースが滅茶苦茶になり、ダメダメだけど、とても便利。使うと、以下のようになります。 <![CDATA[ this is some CDATA content tags inside cdata ]]> いろんな言語に対応。注意点としては、onload時にカラーリングを行っており、これが結構重たい。1ページの中で沢山使いすぎると、ページロードが重くなりすぎてしまうので注意しないとだめかも。ダウンロードはこちら。 dp.SyntaxHig
tinyscrolling解析 | Takazudo Clipping*
ライブラリとかのjavascriptよーく見たら勉強になりそうだなーと思って、自分の好きな、tinyscrollingというjavascriptの中身を見てみました。 tinyscrollingというのは、するするーとスムーズにスクロールするjavascriptです。一応、このブログでも、似たようなものを使っています。ページの下方法にある、「ページの先頭へ」を押すと、するーっと上に行きます。tinyscrollingを単純に読み込んでみたサンプルはこちら。 tinyscrollingを読み込んだHTMLサンプル 中身を一個一個見ていったら、かなり勉強になったなぁ。丸一日かかったけど…。 間違ってる所あるかもしれないけども（特に言葉の使い方が）、ソース解説します。 解説用にTakazudoがコメント書き込みまくったjavascriptはこちら。 このHTMLサンプルとjavascrip
スライド作成ライブラリの決定版「Shadowbox.js」 | Recently Ajax
スライド作成ライブラリといえば、「Lightbox.js」が代名詞的存在です。しかし、Lightbox.jsは写真しか扱うことができません。 そんな中、「Shadowbox.js」というライブラリを見つけました。これがスゴイ。 写真、複数枚の写真のスライドショーはもちろんのこと、Flashアニメーション、QuickTimeムービーなどの映像、さらには外部Webサイトまで表示することができます。 さらに、オプションを駆使すれば、写真を自動縮小させるのか、それともドラッグドロップさせるのかといった、非常に細かい制御も可能。 さらにさらに、Shadowbox.jsには「アダプタ」という概念が導入されています。Prototype.js+script.aculo.usや、Yahoo! UI Library、jQueryなどの主要ライブラリをすでに使っていれば、アダプタを介在させることで、それらの
ImageFlow - Redirecting
ImageFlow has been moved to http://imageflow.finnrudolph.de - you will be redirected in 5 seconds.
swffit - Smart Flash Resize Script - 100% Width and 100% Height
swffit (formerly know as FitFlash) is a smart script that resizes your flash movie automatically if your browser window size is smaller or greater than your flash minimum desired size keeping it accessible independent of screen resolution. IMPORTANT: This project isn't being activelly maintained anymore and needs contributors, use it with care and make sure you read these notes and check the issue
JSLoader - JavaScript Libraries On Demand
What is JSLoader? JSLoader is a dead-simple, non-intrusive "Javascript-on-demand" packaging convention which helps developers and the internet community rapidly develop and prototype applications without the headache of figuring out the witches' brew of files that need to be copied, included, etc. It was developed by Dov Katz, Imran Ahmad and Aaron Satlow as part of a hosted Enterprise AJAX solut
JavaScript-XPath をリリースしました！さあ、あなたも XPath を使おう！（解説付き） - IT戦記
JavaScript-XPath とは JavaScript-XPath は、 DOM 3 XPath を実装していないブラウザに対して、実用的な速度で動作する DOM 3 XPath のエンジンを追加します。 一言で乱暴に言ってしまえば、どのブラウザでも document.evaluate って関数で XPath 使えるようになるよ！ってことです。 以下が公式サイトになります。 http://coderepos.org/share/wiki/JavaScript-XPath DOM 3 XPath ってなんなの！？ めっちゃ簡単（で、ちょっとだけ適当）なDOM 3 XPath の説明をします＞＜。 JavaScript でよく使う document.getElementById や document.getElementsByTagName って関数ありますよね？ DOM 3 XPath
JavaScript Library Archive
JavaScript Library Archiveについて JavaScriptライブラリをまとめたサイトです。用途別に探すことができ、配布元、使用方法、ライセンスなどについて解説をしております。 新着JavaScriptライブラリ プログラムのコードに色を付ける「google-code-prettify」 角丸を表現する「jQuery Corners 0.3」 jQueryベースのカラーピッカー 「Farbtastic」 水平方向のアコーディオンメニュー「horizontal accordion」 セレクトボックスをカスタマイズする「Script.aculo.us Select Box」 IE6でhover,active,focus擬似要素を使う為の「csshover」 画像に光沢を与えるjsライブラリ『Glossy.js』 IE6以下をIE7と同じようにするライブラリ『IE7.js』
jQueryでブロック要素の高さを揃えてみる - 徒書
ブロックレベル要素の高さを揃えるheightLine.js[to-R]を見て不満に思ったのは、高さを揃える要素を取得するために固定のclass名を使っていることでした。これだと既存のHTML文書に適用するためには、script要素を加えるだけでなく、それ用のclass名も書き加えなければなりません。どうせJavaScriptを使うのであれば、既存のHTMLの構造を生かしつつスクリプト側で目的の要素を取得できたほうがいいのではと思いました。 というわけでまたも自分なりに書き換えてみるシリーズなのですが、今回は要素取得の柔軟さに着目してjQueryを使ってみることにしました。 できたものは以下です。 jquery.flatheights.js 動作サンプル jQueryの$関数ではCSSセレクタの書式で要素を取得できるので、例えば「"box1"というclass名を持つ要素」を集めるのであれば
Tooltips, DHTML, javascript - BoxOver
DOMAIN SALE CLICK HERE TO BUY NOW +1 855-646-1390 swazz.org 2020 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy P
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jsScrolling
wrapScroll JavaScript Library - youmos
caramel*vanilla » ページ内リンクをわかりやすくするJavaScript
JonDesign's (Javascript) SmoothGallery 2.0: Improved Mootools Mojo for Images | What is it ?