[B! ajax] takjitanのブックマーク

超簡単なPageTopの設定方法Jquery | Jquery

PagetopのJqueryスクリプトの作成以下のスクリプトをそのままpagetop.jsとして保存し、サーバーにアップする。 $(function() { var topBtn = $('#page-top'); topBtn.hide(); //スクロールが100に達したらボタン表示 $(window).scroll(function () { if ($(this).scrollTop() > 100) { topBtn.fadeIn(); } else { topBtn.fadeOut(); } }); //スクロールしてトップ topBtn.click(function () { $('body,html').animate({ scrollTop: 0 }, 500); return false; }); }); HTMLファイルとCSSファイルへの記載 HTMLファイルと

takjitan 2014/09/04

CSS
ajax

リンク

slider jQuery plugin | 設置サンプル

くまさんケーキむにゅっとした顔がちょっとムカつく、くまの顔をしたケーキ。新宿アルタの地下で見かけて思わず激写！どこから食べようか考えちゃうよね。とりあえず耳からいっておきますかｗ Krispy Kreme Doughnuts 新宿サザンテラスにいつも長蛇の列を作っている人気のドーナツ屋さん。ドーナツの箱がピザの箱みたいでアメリカン！すごく甘いのかと思ってたら、意外とほどよい甘さでした。 CAFE EAT@代官山代官山アドレスにあるCafe eat。メロンソーダーとアイス・カフェオーレ！ドリンクが大きくて長居にはもってこい♪ Giottoのケーキジョトォ三越銀座店のケーキ。そびえたつモンブランが有名！上品なお味ですｗくまさんケーキむにゅっとした顔がちょっとムカつく、くまの顔をしたケーキ。新宿アルタの地下で見かけて思わず激写！どこから食べようか考えちゃうよね。とりあえず耳からいって

takjitan 2012/02/03

リンク

レスポンシブに使えるjQueryスライダー8

Resources 8 Responsive jQuery Slider Plugins Henry JonesJanuary 10, 201219 Comments03.8k Whether you’re already a pro at creating responsive web sites or your just learning what it’s all about, it’s good to have some scripts handy that you can easily integrate into your site. We all know how popular image and content sliders are now, and for good reason. So we decided to round up some jQuery slide

takjitan 2012/01/11

リンク

Ajaxを利用したシンプルなイメージギャラリーを作ってみる - jQuery入門 - ポンクソフト

目次 jQuery入門 jQueryのインストール・簡単な使い方クイズゲームの作り方秘密の暗号を作ってみよう（たぬき暗号）アクションゲームを作ってみよう（ぬりかべ）画像を使ったジグソーパズルを作ってみようもぐらたたきっぽいゲームドラッグ可能なポップアップウインドウを作ろう jQuery UI Sorta bleで１ラインオセロゲームブラウザ全体をブロックしてみる Geolocation APIを使って都道府県のセレクトボックスを現在地に近い順にソートする発生したイベントの状態を保持・保存する6つのパターン Ajaxを利用したシンプルなイメージギャラリーを作ってみるテーブルにページ送り（ページング）を実装してみる jQuery UI Draggableを使って付箋(sticky)を作ってみるカラムでソートできるテーブルを自作してみるテーブルを使ったシンプルなドット絵エディ

takjitan 2011/12/21

リンク

Loading...

takjitan 2011/03/15

ajax
CSS

リンク

写真スライド　jCarousel - Riding carousels with jQuery

jCarousel is a jQuery plugin for controlling a list of it ems in horizontal or vertical order. It provides a full-featured and flexible toolset for navigating any HTML based content in a carousel-like fashion.

takjitan 2011/03/15

リンク

Inset Border Effect

Inset Border Effect jQuery Plugin by Robin Thrift This plugin puts a border around the targeted elements (typically images), but unlike normal CSS borders it covers up part of the image. When the element is hovered over, the border animates to the sides, revealing the whole image. DOWNLOAD v1.0 Usage Simple: $("img").insetBorder(); All options: $("img").insetBorder({ speed : 1000, // 1000 = 1 seco

takjitan 2010/08/05

ajax

リンク

switchHat.js のサンプル - CSS HappyLife

使いたいHTMLファイルのhead要素内でjavascriptを読み込みます。 <script type="text/javascript" src="http://www.google.com/jsapi"></script> <script type="text/javascript">google.load("jquery", "1.4");</script> <script type="text/javascript" src="./js/jquery.switchHat.js"></script> 特に設定を変えない場合、開閉用のボタンにクラスswitchHatを付け、初期状態は非表示にしたい要素にクラスswitchDetailを付けます。example02 が初期状態のままのサンプルです。 <p><span class="switchHat">表示する</span></p> <

takjitan 2010/07/01

ajax

リンク

Lightbox 2

Overview Lightbox is a simple, unobtrusive script used to overlay images on the current page. It's a snap to setup and works on all modern browsers. What's New in Version 2 Image Sets: group related images and navigate through them with ease Visual Effects: fancy pants transitions Backwards Compatibility: yes! How to Use Part 1 - Setup Lightbox 2 uses the Prototype Framework and Scriptaculous Effe

takjitan 2010/04/09

リンク

Webメモ - Weby【ホームページ作成-HTML+CSS+Perl+PHP+AJAX-】 lightbox2をクリッカブルマップで使う。

なぜかクリッカブルマップでlightboxを使おうとするとFirefoxなどで動かなかったので調べてみたら http://www.patworx.de/blog/?p=20にありました。 lightbox.jsの194行目に赤い文字を追加 event.stop(); if (!target.rel) target.rel=Element.readAttribute($(target), "rel"); this.start(target);

takjitan 2010/03/19

リンク

【ハウツー】ゼロからはじめるGreyBox - 一歩先行くウィンドウ表示 (1) GreyBoxとは? | パソコン | マイコミジャーナル

GreyBoxとは? GreyBoxはAjax(非同期通信処理)を利用して画像やページを表示するライブラリです。ブログや自分のWebサイトで少し変わったテイストの画像表示やリンク先のWebページをボックスで表示するといった使い方ができます。似たようなライブラリにはThickBox(*1)があります。GreyBoxはprototype.js、jQueryなどのライブラリを必要としません。これらのライブラリが使用できない状況では便利です。GreyBoxは<a>タグのrel属性に必要なパラメータを記述するだけでスライド表示やページ表示の処理を行えます。 GreyBoxはこのURLにあるページからダウンロードできます(*2)。 GreyBox公式サイト「Download GreyBox [v5.50]」のリンクをクリックするとGreyBoxで必要なファイル一式がダウンロードされます。 Downl

takjitan 2009/09/10

Ajax

リンク

【ハウツー】ゼロからはじめるLightWindow 2.0 - Flashムービーも表示できるAjaxライブラリ (1) ゼロからはじめるLightWindow 2.0 - ムービーやPDFも表示できる多機能ライブラリ | パソコン | マイコミジ�

LightWindow 2.0とは? LightWindow 2.0はAjax(非同期通信処理)を利用して画像を表示するライブラリです。同じ種類のライブラリとしてはLightBoxやThickBox、GreyBoxなどがあります。その中でLightWindowは最も高機能なライブラリに位置しています。ページや画像だけでなくQuickTimeムービーやFlashムービー、PDFや他のサイト表示など非常に多くのデータをページ内に表示させることが可能です。 LightWindow 2.0はこのURLにあるページからダウンロードすることができます。 LightWindow 2.0公式サイトページの一番下の方にある「lightwindow.zip(v2.0)」と書かれた文字をクリックするとダウンロードが行われます。 lightwindow.zip(v2.0)をクリックするダウンロードされたファイ

takjitan 2009/09/08

Ajax

リンク

Wizzud.com

wizzud.com

takjitan 2009/08/26

Ajax

リンク

Google AJAX Feed APIでの取得した日付の表示について - 楽天みんなで解決！Ｑ＆Ａ

Google AJAX Feed APIでの取得した日付の表示についてお世話になります。 Google AJAX Feed APIにて簡単なＲＳＳのリードを作成したく奮闘しており、某サイトに非常によいサンプルがあったのでそれを利用させていただいていたのですが、1点困ったことがあり投稿させていただきました。現在下記のようなソースを使用しているのですが、 --ソース------------------------------------------------ ※keyの部分と所得ＲＳＳ部分のアドレスは入っておりません。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3