jquery.balloon.js Demo page
jquery.balloon.js Demos A jQuery plugin to add balloon tips to elements User-friendly, fine-tunable and without css and images Getting started (1) Download and load this plugin javascript file after jQuery. <script src="/js/jquery.balloon.js"></script> (2) Call $().balloon(options) in document ready event of jQuery. $(function() { $('selectors').balloon(options); }); Distinct features Without css
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
jQueryプラグイン - 虫眼鏡のように画像の一部を拡大 - Zoomple
虫眼鏡のように画像の一部を拡大するプラグイン「Zoomple」を紹介します。 jQueryプラグイン「Zoomple」このプラグインを使えば、マウスを画像にもっていくと虫眼鏡・老眼鏡・ルーペのように画像を拡大することができます。大きな画像と通常の画像の2枚を用意するだけで簡単に実装できます。 デモの画像上でマウスカーソルをぐるぐる動かしてみてください。 「Zoomple」のデモ デモのソース（HTML + jQuery）<!DOCTYPE html> <html> <head> <meta charset='utf-8'> <meta name="description" content="Zoompleのデモでーす。"> <title>Zoomple - jQueryまとめのカルマ</title> <link rel="stylesheet" media="screen" href="c
サイトのトップページに画像スライドを入れる時などに使えるｊQueryスクリプト
画像をスライドさせるスクリプト SliderProMaster 今回、紹介するのはSlider Pro master jqueryプラグインになります。 サイトのトップページなどで画像をスライドさせたりするのをよく見かけると思いますが、それをjqueryを使ってやって簡単に出来るツールです。 いろんなタイプのスライドのデモがリンク先で見れるので一度、見てもらうと機能がわかると思います。 ５つのタイプのスライドを選べる ちなみにデフォルトで5つのタイプのスライダーに対応していているのでデモ画面で試してみてください。 スライド画面は下の5タイプになります。 Slider Pro Masterを使ってみよう Slider Pro Masterは、名前にProが付いているので有料っぽいですが無料で使用可能です。 まずはスクリプトをダウンロードします。 ダウンロードサイトはこちら 右側に「Downl
[JS]テーブルを手軽にソートできるjQueryプラグイン「Stupid jQuery Table Sort」｜jQueryプラグイン・ライブラリ｜WEBデザインの小ネタとTIPSのまとめサイト「ウェブアンテナ」
Stupid jQuery Table Sort のダウンロード 以下のサイトより Stupid jQuery Table Sort のファイルをダウンロードします。 Stupid jQuery Table Sort の設置 jquery ファイルと一緒に stupidtable.js ファイルをhead 内に設置します。 <script type="text/javascript" src="./jquery.min.js"></script> <script type="text/javascript" src="./stupidtable.js"></script> <script> $(function(){ $("table").stupidtable(); }); </script> 基本的な動き tableタグ内の th に data-sort="int" data-sort
![[JS]テーブルを手軽にソートできるjQueryプラグイン「Stupid jQuery Table Sort」｜jQueryプラグイン・ライブラリ｜WEBデザインの小ネタとTIPSのまとめサイト「ウェブアンテナ」](https://cdn-ak-scissors.b.st-hatena.com/image/square/dac3dc8674b0e75733d805514625735f9af975c2/height=288;version=1;width=512/https%3A%2F%2Fwww.webantena.net%2Fwp-content%2Fuploads%2F2013%2F06%2Fstupidtable.png)
要素を英数字や日付などでソートする機能ををJavaScriptに簡単機能追加:phpspot開発日誌
要素を英数字や日付などでソートする機能ををJavaScriptに簡単機能追加できる jquery.datasort.js が公開されています。 例えば、次のようなHTMLがあったとします。 <ul class='n'> <li>4.09</li> <li>4.10</li> <li>67.8</li> <li>100</li> <li>-98</li> <li>67.7</li> <li>23</li> </ul> datasort メソッドを実行すると次のようにソートが可能。 なんと、これを実現するためにJavaScriptコードはたった以下の1行だけ。 $('ul.n li').datasort({datatype: 'number', reverse: true}); 上記は、数字でソートを行っていますが、以下のデータ型についても要素を簡単にソートが出来て非常に便利です。 アルファベ
高機能なJavaScriptの人気スライダープラグイン4つを実際に使ってレビューしてみた | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。LIGフィリピン支社代表のせいと（@seito_horiguchi）です。 僕のモットーは「ラクして作る」で、日々怠けながらコーディングをしています。その際に役立つのが、便利なライブラリやらプラグイン。おかげで毎日2〜3時間ほど昼寝に費やすことができています。 さて、今回は実際に僕が使ったことのあるJavaScriptのスライダープラグインで、特に人気の4つを勝手にレビューしてみます。導入を検討されている方は参考にしてみてください。
Readmore.js
A smooth, responsive jQuery plugin for collapsing and expanding long blocks of text with "Read more" and "Close" links. The markup Readmore.js requires is so simple, you can probably use it with your existing HTML—there's no need for complicated sets of div's or hardcoded classes, just call .readmore() on the element containing your block of text and Readmore.js takes care of the rest. Readmore.js
yane-ni-kabochano.com
yane-ni-kabochano.com This domain is expired. The domain owner has to renew it from the admin setting if you continue using it. 2018 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 o
レスポンシブやスワイプ機能を実装できる、スライダー・カルーセルのプラグインやチュートリアル 20
スマートフォンやタブレットが絡むサイト制作時に実装することが多い、レスポンシブ対応やスワイプ（フリック）などといった機能を簡単に実装できるスライダー・カルーセルのプラグインやチュートリアルのまとめです。 いずれかひとつの機能のみ実装するだけでなく、中にはひとつのプラグインで複数の機能を同時に実装できるのもあります。 普段からよく使うものは大体決まっていたりするんですが、見せ方、対応ブラウザ、一部の機種で挙動が怪しいなどの理由で他のものを探すということもたまにあるので、そういった時の手間を省くためにメモしていたものです。 全てのプラグインをじっくり使ったことがあるわけではないのと、僕はiPhone持ちなので特にAndroidで上手く動作してくれるかわからないものも正直幾つかありますが、いずれもPCやiPhoneで確認した際には問題なく動作してたものです。
スマホサイト構築に便利なドロワーメニュー・スワイプのjQueryプラグインまとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。デザイナーのはるえです。 もうほとんどの案件でPC＋スマホ制作がセットになってきましたね。 LIGに入社したての1年前まではスマホの制作経験を聞かれてうつむき気味だった私も、おかげさまで今じゃスマホサイトを喜んで作るようになりました。 ありがとうございます！！ そこで今回は、スマホサイトで使われやすいドロワーメニューやスワイプ実装の際に必要となるプラグインをご紹介させていただきます。 【こちらもおすすめ】 ☞ 高機能なJavaScriptの人気スライダープラグイン4つを実際に使ってレビューしてみた Facebookでもおなじみのドロワーメニュー3選 今じゃ基本中の基本となっているドロワーメニュー。 Facebookなどで使われている、横からぬるっと出てぬるっと引っ込むあれです。動きが気持ちよくて、実装も簡単にできるものを中心にまとめてみました。 jQuery slimMenu
jQuery で奇数番目・偶数番目を指定するときの注意点。
Web 制作のことを中心に、ちょっとした Tips などを掲載しています。「自分用メモ」が基本スタンス。 btmup Blog ちょっとはまったのでメモ。 リストやテーブルに対して、jQuery で奇数番目・偶数番目の要素を指定するときの注意点です。 例えば、以下のような HTML があるとします。 <ul id="list"> <li>要素01</li> <li>要素02</li> <li>要素03</li> <li>要素04</li> <li>要素05</li> </ul> で、奇数番目の li 要素の文字色を赤に、偶数番目の li 要素の文字色を青に変更したいと思います。 正しく実行されれば、要素01・要素03・要素05が赤文字、要素02・要素04が青文字になるはずですね。 ところが、使用する方法（セレクタ）によっては、期待したのとは逆の結果になることがあります。 「:odd」、「:
エラー・デバッグから学ぶJavaScript / jQuery入門／西畑 一馬（まぼろし） | CSS Nite back2basic 2014 | Peatix
エラー・デバッグから学ぶJavaScript / jQuery入門／西畑 一馬（まぼろし） | CSS Nite back2basic 2014 セミナー概要 すでにWeb制作では必須のツールである「jQuery」。勉強を始めてみたけれどつまづいてしまって先に進めない。。。という方も多いかもしれません。使いこなせば非常に便利な「jQuery」、そんなところでつまづいてしまってはもったいないです。 本セミナーでは、jQuery の基本と同時に書籍などでは学びにくいデバッグ方法について学んでいただきます。 セ ミナーの前半部分はjQueryの基本的な使い方をセミナー形式で学んでいただき、後半ではワークショップ形式でGoogle ChromeのJavaScriptコンソールを利用しエラーがでているjQueryのコードをどのようにデバッグを行ったらよいかを学んでいただきま す。 デバッグ方法を知っ
スクロールに合わせてコンテンツの読み込みを開始するjQueryプラグイン「Autobrowse jQuery plugin」｜BLACKFLAG
2011/03/11の「東北地方太平洋沖地震」震災後、しばらく更新が滞っていましたが、少しずつ再開してみようかと思います。 Twitterなどで見かけるページの最下部までスクロールすると続きのコンテンツを読み込む動作を、jQueryで可能とするプラグイン「Autobrowse jQuery plugin」が、ちょっと気になっていたのでメモ書き程度に紹介してみます。 ≫jquery.esn.autobrowse.js 上記チュートリアルページでデモが確認できますが、サンプルではページロード時に決まった数（20個）の画像を先に読み込んでおいて、ページをスクロールするとさらに20個ずつ画像を読み込み、100個まで表示した時点で動作をストップさせています。 使い方もさほど難しくなく、プラグインファイルと下記の実行用スクリプトにて実装が可能なようです。 ◆SCRIPT $(".page").auto
HTML5ホームページテンプレート無料配布 [Cool Web Window]
404 Not Found お探しのファイルは見つからないようです。 お手数ですが、下記リンクからトップページへお戻りください。 CoolWebWindow Copyright (C) Cool Web Window All Rights Reserved
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
makepo.jp
http://asklife.info/archives/1864
Simple Instagram Fancybox - Jquery Plugin
域名到期-域名续费提醒
ブロック内の背景画像をスクロールアニメーションするjQueryサンプルプログラム:phpspot開発日誌