竹取 JS
画面をダブルクリックで縦書きと横書きを切り替えることができます。要素を指定して縦書きにしている場合は、次回アクセス時に同じ表示が引き継がれます。 どんなサイトでも縦書きにするブックマークレット。 ↓右クリックで「お気に入り」に保存するか、リンクをドラッグしてブックマークバーにドロップします。 「縦書きにする・iPhone 用リンク」 「縦書き可能にする・iPhone 用リンク」 「段組み縦書き可能にする・iPhone 用リンク」 iPhone に登録するには？ とりあえずこのページを共有ボタンからブックマーク。 iPhone 用リンク を長押ししてコピー。 ブックマークを開いて、追加したブックマークを「編集」。 名前を「縦書き可能にする」などに変更し、URL 欄に上記コードをペースト。 最初の「http://」を削除。 注意！ やや動作が重いです！ うまく変換できなかったときは、画面をダブ
h2v.js : Webページを縦書きレイアウトに変換するJavaScript - tategaki.info
★ 特に理由がない場合はh2vR.jsの利用をおすすめします。 主要なブラウザ上で、簡単に、軽快に、日本語の縦書きレイアウトを実現する JavaScript ・ h2v.js の概要を紹介します。 【重要：2016.07.22】:
IE6 position:fixed の諸問題を解決する jQuery.exFixed.js - Cyokodog :: Diary
最近の更新履歴 2011-12-07 Ver 1.3.2 リリース jQuery 1.7.1に対応しました。 2010-12-27 Ver 1.3.1 リリース fixed 要素がブラウザ表示エリアから隠れ１度非表示状態になると、ウィンドウをリサイズし表示エリア内におさめても非表示状態が続いてしまう不具合を修正しました。 2010-11-14 Ver 1.3.0 リリースしました。exAPI ベースの実装に変更しました。サイズに auto を指定できるように変更しました。 2009-12-08 Ver 1.2.2 リリースしました。IE6 にて fixed 対象要素を非表示にしても表示されてしまう不具合を修正しました。Ver 1.2.1 でサイズを明示せずプラグインを実行すると fixed されない不具合を修正しました。 more jQuery exFixed を使用すると、IE6 で p
jQueryで角丸なLightBoxクローンprettyPhoto - AirNX 開発者ブログ
デモサイト LightBox系エフェクトには色々と種類がありますが、prettyPhotoは可愛くていい感じです。まずデザインが角丸になっていて、LightBoxよりも色々なデザインのサイトに合いそうです。 実装は簡単。 まずこちらのサイトからファイルをダウンロードしてきます。 Uncompressed version (Script: 18.5kb / CSS: 6.8kb) Compressed version (Script: 8.2kb / CSS: 5.8kb) と二つありますが、Compressed versionは圧縮してあるバージョンということです。 Uncompressed versionではjquery.prettyPhoto.jsを開くとjavascriptが読めますが、 Compressed versionでは圧縮されよく分からない文字列になっています。 軽
jQuery ベースのドロップダウンメニュー「Superfish」
Superfish は jQuery ベースでドロップダウンメニューを実現するためのライブラリです。 サンプルを用意しましたので動作をご確認してください。 Superfish によるグローバルナビゲーションのサンプル ここでは、Superfish + Movable Type（配布テンプレート）によるグローバルナビゲーションを設定方法を紹介します。 なお、配布サイトのサンプルを試しましたが、書かれている通りに実行しないものがいくつかありました。ここではサンプルの「with Supersubs」を選びました。理由は、サンプルの設定通りに動いてくれたことと、メニューの幅を変更でき、使いやすそうだったためです。 また、Superfish では、本エントリーで紹介するサンプル以外にも、以下のようなことができます。 IEでプルダウンに重なっても表示 縦型メニュー 2段目のサブメニューを水平表示 １．
Ajaxによるタブメニュー : jQuery idTabs
[PROCESS3][LEVEL3]このサイトの上部の黒板風ボードのタブの切り替えにArchivaさんのJavaScriptをずっと使わせていただいていたのですが、このところIEにおいて挙動不審が見うけられた（タブを切り替えるたびにページ内リンク位置に自動スクロールしてしまう）のでjQuery idTabsに変更しました。 悩ましきIE jQuery系のJavaScriptを選んだのは、 jQuery系のJavaScriptを設置してからおかしくなった。 以前もjQuery系とPrototype系とでかみ合わなかった。 などから、どうもIEではjQuery系のJavaScriptを使う場合はjQuery系一本でいかないと具合が悪いのではないかと思われたからです。実際、jQuery系一本にしてみたところ挙動不審が収まったので全くの的外れではないように思われます。 jQueryが悪いのか、それ
Jax Vineyards
Setting the Agenda for Modern Napa ValleyCalistoga, Napa Valley | SoMa, San Francisco Setting the Agenda for Modern Napa ValleyCalistoga, Napa Valley | SoMa, San Francisco
This page has moved to jPlayer.org
Happyworm design and applications for inspiring web solutions
jquery.toggleElements.js - Toggle HTML-Elements with jQuery
jquery.toggleElements.js - Toggle HTML-Elements with jQuerytoggleElements is designed to hide informations on your site and show it only when the user requests more information. Features unobtrusive script, simple to setup full customizeable via CSS only a class and a title-attribute must be added to your original HTML nesting toggleElements is possible This page uses jQuery Version Version
JQuery Cycle Plugin
Check out Cycle2, the latest in the Cycle line of slideshows. Overview The jQuery Cycle Plugin is a slideshow plugin that supports many different types of transition effects. It supports pause-on-hover, auto-stop, auto-fit, before/after callbacks, click triggers and much more. It also supports, but does not require, the Easing Plugin. How it Works The plugin provides a method called cycle which is
jQuery を使ったシンプルなスライドショー | Nutspress
仕事でスライドショーを設置してほしいという依頼があって、はじめフラッシュでとの要望があったのですが、すでに2つもフラッシュが組み込まれているページだったため今回はjQueryを使ったスライドショーを使ってみることにしました。 Slides 設置は簡単、jQueryとSlidesというスクリプトをページに読み込ませて、どの画像を表示させるかをしていするだけ。 スライドショーを展開させる画像元にid=”slideshow”を指定して、次のコードを記述する。 <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.slides.js"> </script> <script type="text/javascript"> (function($) {
透明度を利用したロールオーバープラグイン「jquery-opacity-rollover.js」を使いやすくしてみた
以前作成した、透明度を利用するだけのロールオーバープラグイン、それを少し使いやすいようにバージョンアップいたしました。 今回は少しカスタマイズしやすいようにしたのと、機能をひとつ追加してみました。 ※追記（09/07/24） 若干修正し、2.1にバージョンアップしました。 （今までのでも問題なく動作します。） ダウンロード プラグインはjQueryと下記プラグインを一緒に使ってください。 opacity-rollover2.1.js 透明度を利用したロールオーバー これは以前と同じ通常の使い方。マウスが画像の上にのると、画像の色が薄くなるロールオーバー。 ■使い方 $('#over1').opOver(); 適応させたいセレクタを指定し、opOver()で適応させる。 ■サンプルプレビュー これだけでも十分使えると思われます。画像を複数用意しなくとも、色の濃い画像を用意するだけで画像が変わ
超暫定版！エム・アールデザイン ブログ » 簡単jsで透過pngのロールオーバーを実現する
かつて透過PNGのIE6対策にはこのJava Scriptというエントリーがあった。 ロールオーバーにも対応している、なかなかよいJavascriptだが、記述がちょっと面倒。 そうこうしているうちに、新しいjavascriptを発見。IE6でもPNGで透過したいし簡単にロールオーバーさせたい。 使用方法は至って簡単。 jquery.js、iepngfix.js、iepngrollover.js ・・という形で読み込み、pngには「class="png"」、png以外の画像のロールオーバーには「class="rollover"」、pngのロールオーバーには「class="png rollover"」とすればOK。 ああ・・なんて簡単なんだ（感涙）。 なお、このスクリプトの場合、ロールオーバー用の画像・overImgの値を書き換えることが出来る。 私の場合はPhotoshopを
2inc.org - jqueryでカテゴリごとにメニューの画像を切り替えるTips
全ページに共通のグローバルナビゲーションがある場合、私はphpのincludeを利用して、navi.txtとか作ってそれを全ページに使いまわすということを結構やります。 非常に便利というか、修正がある場合でも1つのファイルを修正するだけで済むという手間要らずな感じが大好きなのですが、カテゴリごとにメニューの画像を切り替えるのが面倒くさいんですよね。 例えば「about」のカテゴリーのページを開いた場合はグローバルメニューの「about」の画像のみがonになるとか。 で、それをjqueryを使って何とかならないかなと思ってやってみました。 例えばHTMLがこんな感じだったとします。メニューの画像はそれぞれ_off.gifと_on.gifの2つを用意。 <div id="GlobalNavigation"> <ul> <li class="about"><img src="ima
distinctcorp.com.au | TLSA record
distinctcorp.com.au This domain is registered for one of our customers. If this is your domain name, please visit this page to see how to register it as DNS zone into your account. Note: If you already have registered the DNS zone for your domain name, please wait for DNS propagation. Your web site will be displayed soon. It may take few minutes. * Do you know what the TLSA record is? Suggested ar
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
unwrongest.com
ブラウザの言語環境を調べる方法 - JavaScript
http://miracle-ysdesign.com/blog/javascript/443.html
http://www.dhonishow.de/
http://blog.btmup.com/wp-content/cache/supercache/blog.btmup.com/xhtml/yuga-js-rollover-self-link.html/index.html