タグ

関連タグで絞り込む (0)

  • 関連タグはありません

タグの絞り込みを解除

tips-jqueryに関するyc8325のブックマーク (8)

  • 角丸でとてもかわいいlightbox系ポップアップ『prettyPhoto』 – creamu

    Stephane Caronさんのブログで、「jQuery lightbox clone – prettyPhoto」というタイトルの角丸でとてもかわいいlightbox系ポップアップが紹介されています。 白の角丸、黒で透過の角丸、黒で透過のスクエアなど、とてもかわいいデザインになっています。 ポップアップするスピードも気持ちいいので、かなり使えるのでは。 This script is licensed under Creative Commons Attribution 2.5. So you can use it in all you projects even commercial ones. ライセンスは「Creative Commons Attribution 2.5」。商用利用も可能とのことですね。 ブラウザチェックも以下の通りされているようだから安心ですね。 ・Firefox

  • [JS]ホバー時、ふんわりとバウンドするモーションをつけるスクリプト

    マウスのホバー時に、ふんわりとバウンドするモーションをつけるスクリプトをJanko at Warp Speedから紹介します。 <textarea name="code" class="html" cols="60" rows="5"> <script type="text/javascript"> $(document).ready(function(){ $(".button").hover(function(){ $(".button img") .animate({top:"-10px"}, 200).animate({top:"-4px"}, 200) // first jump .animate({top:"-7px"}, 100).animate({top:"-4px"}, 100) // second jump .animate({top:"-6px"}, 100).ani

    yc8325
    yc8325 2009/03/12
    かわいいからちょっと使ってみたい。
  • The Sexy Curls jQuery Plugin by Elliott Kember

    The Sexy Curls jQuery Plugin! is an open-source jQuery plugin by Elliott Kember which lets you share in the beauty of the page fold. You want a demo page? You're looking at it. The source code is available at GitHub. Installation: First, make sure you're using jQuery and jQuery UI (version 1.5 works) You'll need the resizable package in jQuery UI. Then install the source code into a director

  • jQueryのイメージ&コンテンツスライダー – creamu

    画像をスライドさせるギャラリーが作りたい。 そんなときにおすすめなのが、『jQuery plugin – Easy Image or Content Slider』。jQueryのイメージ&コンテンツスライダーだ。 これを使えば、水平方向や垂直方向に画像をスライドさせることができる。テキストなどのコンテンツも可能だ。 使い方はとてもシンプル。デモは以下から。 » Default non-styled image slider jQueryのイメージ&コンテンツスライダー、チェックしてぜひ見ていただきたい。 » jQuery plugin – Easy Image or Content Slider 今日は新年会。楽しみやね。

  • 素晴らしいjQueryナビゲーション8選 – creamu

    jQueryでクールなナビゲーションを作りたい。 そんなときにおすすめなのが、『8 Sites with Excellent jQuery Navigation』。素晴らしいjQueryナビゲーション8選だ。 以下にいくつかご紹介。 ↑のキャプチャはMacHeist Loot。 Carrot Creative WP Coder Grooveshark Widgets その他のリストは以下から。 » 8 Sites with Excellent jQuery Navigation 素晴らしいjQueryナビゲーション、チェックしてぜひ参考にしてみてはいかがだろうか。 恵比寿でカフェ中っと。お客さんはまだ少ないね。俺はエンジンかかってきたぞぉお。 それにしても天気のいい週末は気持ちいい。 うお、一造くんがMacBook ProのHDを500GBにしてる!すげえ。Airは、無理か。。いいなぁ。

  • 画像にマウスオーバでルーペ効果を与えてくれる『jQZoom Evolution』 – creamu

    画像をマウスオーバで拡大して見られる機能をつけたい。 そんなときにおすすめなのが、『jQZoom Evolution』。画像にマウスオーバでルーペ効果を与えてくれるスクリプトだ。 『jQZoom Evolution』は、モダンブラウザに対応したjQueryプラグイン。画像からマウスアウトしたときにフェードアウトするなど、ディテールまで気が利いているのがいい。 ↓こんな感じでズームしてくれる。 This software is licensed under GPL. Remember: Develop,mantain,and longtime support in never easy and without efforts. So if you like this plugin and you would like future support for jQZoom,donate some

  • これは便利だ!Excel→Table化するjQueryプラグイン

    Webページに掲載する面倒な表(テーブル)の作成を楽にしたい――。以前、サイトではExcelファイルを簡単にHTML(Tableタグ)に変換するExcelアドイン「XLS2HTMLTable」を紹介した(関連記事)。XLS2HTMLTableはとても便利なツールだが、それでも表が大量に必要な時にはやはり手間がかかる。 今回はさらに楽をできて便利なアイテムを紹介しよう。それが、CSVファイル(カンマ区切りテキスト)を読み込み、Tableに整形して表示するJavaScriptライブラリ「jquery.csv2table.js」だ。 JavaScript関連の著書も多い高橋登史朗氏が作った「jquery.csv2table.js」は、名前のとおりjQueryのプラグインとして動作するもので、HTMLにわずか数行のスクリプトを書き加えるだけで使える手軽なライブラリだ。さっそく実際にjquery.

    これは便利だ!Excel→Table化するjQueryプラグイン
  • jQueryを使うときに気をつけるべき8のポイント : tech.kayac.com - KAYAC engineers' blog

    DAHONのBoardwalkを修理しようとしておもいっきり壊してしまいました。agoです。 普段はjQueryをメインで使用しているのですが、使っていていくつか注意すべき点があったのでまとめてみました。 (一部jQueryではなく、DOMの仕様上の制限も含まれています) 1 $().filterにstring以外のものを渡すとエラー 1.4系では修正されていました $().findや$().notは大丈夫ですが、$().filterの場合引数にjQuery objectや配列、html elementなどを渡すとエラーになります。 (たとえばjQuery objectを渡した場合、Firefoxでは「TypeError: t.substring is not a function」というエラーが発生します) 確認する ちなみに、$().findや$().notはstring以外も渡せるた

    jQueryを使うときに気をつけるべき8のポイント : tech.kayac.com - KAYAC engineers' blog
  • 1