You are free to use fancyBox for your personal or non-profit website projects. You can get the author’s permission to use fancyBox for commercial websites by paying a fee. 個人的、非営利の場合の使用は自由。商用（営利目的）の場合は有料（fancyBox Single Domain License $19.00）ということらしい。 fancyBox をダウンロードして解凍したフォルダの中身。 demo: デモ（サンプル）ファイル等。使い方の確認等に便利。 lib: jQuery 本体のファイルや jquery.mousewheel-3.0.6.pack.js が入っている source: fancyBox 本体のファイル(

どうもこんにちは。今回のtipは【jQuery 特定テキストや特定要素の削除方法】です。ちょっとした時に使える方法ですので覚えておいても損は無いかもしれません。 要素の削除 jQueryを使った要素の削除方法、jQueryの読み込みをお忘れなく。 <script src="js/jquery-1.X.X.min.js"></script> 以下の例では【target】というIDを持っている要素を削除します。 $(function(){ $(‘#target’).remove() }); 特定テキストの削除及び置換 jQueryを使った特定テキストの削除方法。以下の例では【target】というclassを持っている要素の中にある【rainbow】というテキストを削除します。 $(function(){ $(‘.target’).each(function(){ var txt = $(thi

jQueryを使ってLPOを実装する簡単な方法の紹介です。LPOとは、ランディングページ最適化の事です。 要は、検索エンジンなどからユーザが最初にたどり着いたウェブページ(ランディングページ)において、目的のページを探しやすいようにする事です。 今回実装するイメージ これらをjQuery(とjavascript)を使って実装します。今回も非常に原始的な方法になります。 使用するメソッド is(expr) セレクタのうち、1つでもexprに合致する要素があればいろいろ発動。 もし何の要素も一致しないか、条件式が不正であれば発動しない。 :contains(text)フィルター 特定の文字列が含まれている要素を選択する。 HTML＆Javascript <p id="lpo_word"> <script type="text/javascript" language="javascript

A jQuery plug-in that adds scrolling vertical tickers to your site Just one line of javascript code is all you need to start a vTicker Items can be paused when the mouse hovers over an item Step backwards and forwards through your ticker items with easy client methods Easy to use: vTicker is easily added to your existing web page by including jQuery, the vTicker plug-in javascript file and then by

Usage : $(window).load(function () { $("#divID").endlessScroll({ width: '100%', height: '100px', steps: -2, speed: 40, mousestop: true }); }); Parameters : width : Desired div's width. height : Desired div's height. steps : pixel step for the scrolling, also controls the direction, a negatif value (left), a positive value (right). speed : animation speed, from 0 (quicker) to infinite (slower). mou

悪名高き IE6 がついに Yahoo さんからも干されてデベロッパー歓喜！となってから、それなりに時間が過ぎましたね。 あなたの会社では IE6 のサポート状況は如何なものでしょう？当社では Yahoo さんもこうしていますよ、せめて IE7 にしましょ？ね？ね？と言う地道な活動を続けて、それなりに効果が出ています。 実際 IE6 をサポートしなければ CSS がシンプルに書けたり、png のアルファチャンネルをプラグイン無しで描画出来…で、き… 出来てないじゃん！ と言う訳で今回は IE7 と IE8 で再現を確認したアルファチャンネルの描画バグをフィックスします、症状は下記のような感じ。 普通に img 要素で描画する分には問題無い 既に描画されている要素の opacity を弄るとアルファチャンネル部分が黒くなる 普通にサイトを作っていて、png ファイルの要素の opacity

クロスブラウザ対応、各パネルのブックマークやスクリプトのオフ時も配慮されたアクセシブルで超軽量・超高性能のコンテンツスライダーのスクリプトを紹介します。 Sudo Slider jQuery Plugin デモページ Sudo Sliderの主な特長 リスト要素で簡単にスライダーを実装。 AJAXで画像やHTMLをロード。 スクリプトのオフ時でもコンテンツが可能。 マルチプルなスライダーにも対応。 標準的なスライドからフェードまで多彩な表示を用意。 各パネルへの直接リンクが可能（ブックマーク可）、ブラウザの「前へ」「次へ」をサポート。 パネル内は画像、テキスト、動画、フォームなどさまざまなHTMLコンテンツを表示可能。 自動再生でスライドショーも可能。 ループ再生も可能。 セットアップは簡単で、カスタマイズも簡単。 IE6+, Fx, Chrome, Safari, Opなど主要ブラウザの

gmaps.js ? the easiest way to use Google Maps ストレス無しでGoogleマップを使ったサイトが作れる「gmaps.js」 Googleマップのサイトへの実装が本当に簡単で、かつ多機能なライブラリのご紹介です 簡単なマップを出すのに必要なコードは以下。 表示させるdivと緯度経度を指定するだけです 出来ることリストは以下 マップのクリック、ドラッグ時のイベントハンドラ実装 マーカー付与 ジオロケーション・ジオコーディング マップオーバーレイ マップ上のコンテキストメニュー実装 地図上の区画指定 目的地までのルート描画 静的な画像をマップ表示 などなど超多機能。 Googleマップ使うかもしれない場合は覚えておいて損はありません 関連エントリ Googleマップ関連のjQueryプラグインとチュートリアル集 スマホやタブレットでGoogleマップ風

/*! * jQuery Mobile 1.4.5 * Git HEAD hash: 68e55e78b292634d3991c795f06f5e37a512decc <> Date: Fri Oct 31 2014 17:33:30 UTC * http://jquerymobile.com * * Copyright 2010, 2014 jQuery Foundation, Inc. and othercontributors * Released under the MIT license. * http://jquery.org/license * */ /* Globals */ /* Font --------------------------------------------------------------------------------------------

Greetings, dear readers! My name is Donald Post I am proud to present you our blog on developing websites in JQuery for desktop and mobile devices.

What is Masonry? Masonry is a JavaScript grid layout library. It works by placing elements in optimal position based on available vertical space, sort of like a mason fitting stones in a wall. You’ve probably seen it in use all over the Internet. Install Download CDN Package managers Getting started HTML CSS Initialize with jQuery Initialize with Vanilla JavaScript Initialize in HTML Next MIT Lice

This domain may be for sale!

Using ThemeRoller ThemeRoller allows you to design custom jQuery UI themes for tight integration in your projects. To create a custom theme, select the Roll your own tab and tweak the settings. As you work, the UI components to the right will update to reflect your design and you can download your theme whenever you like. If you'd like to use a pre-designed theme, select the Theme Gallery tab and