コンテンツ PHP入門 jQuery入門 Flash Flash(ActionScript)でゲーム作成入門 Flash(ActionScript)で様々なゲームを作ろう Flash(ActionScript)とPHPの連携入門 PHP(旧コンテンツ) PHPでファイルの読み書き・掲示板 PHPで日付・時刻の計算 PHPでアクセスカウンタ&解析 PHPでGDを使ってみよう PHPとPostgreSQLの連携入門 Java (旧コンテンツ) Javaでシューティングゲームを作ろう Perl (旧コンテンツ) CGI(Perl)の基本と掲示板作成 C/C++ C/C++言語とDXライブラリでゲーム作成入門 (旧コンテンツ)C言語とelで様々なゲームを作ろう jQuery simple plugins ひとりごと、ふたりごと(ブログパーツ) オリジナルソフトウェア その他未分類なモノ iOSアプ
イロイロとプラグインやらナンやら巷に溢れていますが、「そんな高機能はいらない」「もっとシンプルなのがいい」って思ってるあなたへ。今回はシンプルで簡単に実装でき、よく使いそうなjQueryのスクリプトをまとめて紹介します。まあ独断と偏見によりますが。それではどうぞ。 準備 今回のスクリプトは全てjQueryを必要としますので、まずはそちらの導入から始めます。 必要なファイル jquery.js 設定 HTMLヘッダー内でjquery.jsを読み込む。 準備が出来ましたら、どうぞスクリプト達と戯れて下さい。 1.画像のロールオーバー 野に咲く花のように巷に溢れているスクリプトだと思います。単純かつ効果的。無くても大丈夫だけど無いとなんだか寂しい。そんな時こそ彼の健気なココロを知るのです。そんな素敵な存在です。 Demo HTML ロールオーバーを設定するimg要素にclass="rollove
PHP、JavaScript、CSS、Webページ埋め込みによる音声・動画配信方法など、実用的なプログラミング・テクニックを解説jQueryでシンプルにスライドショーを実装する方法が掲載されています。 スライドショーとして表示する画像をあらかじめimg要素で列挙しておき、z-indexを変更することで入れ替え表示しています。 スライドのスピードはミリ秒で指定可能です。 すべての画像を表示し終わると、また繰り返し最初からリピート再生されます。 スライドを開始する画像のimg要素にはactiveクラスを指定します。 設置イメージ A Simple jQuery Slideshowの設置サンプルサンプルを見る<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtm
おしゃれで、ぐりぐり動作するギャラリーページ14選です。 CSSとJavaScriptで動作を実現しています。 1. Pikachoose デモページはこちらから 2. Workshop.rs デモページはこちらから 3. Gadgetinspiration デモページはこちらから 4. Newmediacampaigns デモページはこちらから 5. Serie3.info デモページはこちらから 6. Dev.herr-schuessler.de デモページはこちらから 7. Smoothgallery.jondesign.net デモページはこちらから 8. Gayadesign デモページはこちらから 9. Nivo.dev7studios.com デモページはこちらから 10. Pirolab.it デモページはこちらから 11. Project66.net デモページはこちらか
iTunesのカバーフローはカッコよくてお気に入りの機能のひとつです。私はiPod touchを使っているので、iPod touchでもカバーフロー機能がついていてかなり気に入ってます。 そんなカバーフローのような効果をJavaScriptで実現するための『ImageFlow』と言うライブラリがあるので紹介。 下記URLの左上辺りのリンクからImageFlowをダウンロード出来るので、解凍してそのままサーバーへアップロードすればサンプルをすぐに動かすことが出来ます。 http://194.95.111.244/~countzero/scripts/_myImageFlow/ 実際に組み込んで使う場合は、サンプルで用意されているindex.htmlでの書き方を参考にすれば簡単に実現できそうです。 画像はスライダーを左右に動かしたり、マウスのホイールを転がすと次の写真へどんどん移動していきます
สล็อต ฝาก ถอน true wallet เว็บ ตรง ทางเรามีเว็บพนันที่ปลอดภัย ป้องกันผลกระทบทั้งทางสุขภาพ จิตใจ และการเงิน รวมถึงการละเมิดข้อมูลส่วนตัว ด้วยระบบป้องกันไวรัสและฟีชชิ่งมั่นคง และให้ความสำคัญกับการประเมินความเสี่ยง! เข้าร่วมทางออนไลน์เล่นพนันอย่างปลอดภัยและสนุกสนานที่มีการตรวจสอบและแก้ไขปัญหาอย่างเข้มงวด! เล่นพนันออนไลน์ได้อย่างปลอดภัยและมั่นคงที่สุดในปัจจุบัน ไม่ควรพลาด! เพราะอย่างเดียวที่คุณจะต้องใ
slideViewerPro 1.5 A 'pro' jQuery image slider built on a single unordered list. Cool! What's this? slideViewerPro is a fully customizable jQuery image gallery engine wich allows to create outstanding sliding image galleries for your projects and/or interactive galleries within blog posts. slideViewerPro is the direct descendant of the popular jQuery slideViewer plugin. Each gallery generates a us
大阪で活動するフリーランスのWEBデザイナーです IMAGINATION DESIGNは、大阪市内でフリーランスとしてWEB制作を行っております。 活動範囲は大阪中心ですが、京都神戸方面のほか、名古屋、東京方面などのお仕事でも承ります。 IMAGINATION DESIGNは2010年から活動しており、開業当初からWordPressによるホームページの制作や小・中規模のサイト構築、その他カスタマイズなど幅広く携わっております。 ご希望のお客様には制作実績に関する資料を送付させていただきますのでお気軽にお問い合わせくださいませ。 事務所概要はこちら 制作実績をご希望のお客様 WordPressによるホームページ・WEBサイト制作 WordPressを利用したWEBサイトを作成します。企業、個人、業界問わず対応しております。 デザイン制作からコーディング、各種プラグインの選定、導入まで、制作に
Deprecated: Assigning the return value of new by reference is deprecated in /home/users/1/fool.jp-ichi/web/blog/wp-settings.php on line 472 Deprecated: Assigning the return value of new by reference is deprecated in /home/users/1/fool.jp-ichi/web/blog/wp-settings.php on line 487 Deprecated: Assigning the return value of new by reference is deprecated in /home/users/1/fool.jp-ichi/web/blog/wp-setti
ホームページなどでは画像を表示させる際に「LightBox」やその派生品を使用するケースが増えてきています。 artViperのmooSlideも派生品の一つですが、表示の仕方がよりクールです。 sponsors 使用方法 mooSlideからmooSlideX.jsをダウンロードします。 また名前にmooが付いているようにmootools.jsが必要になります。 mootools.jsはhead内に、mooSlideX.jsは対象となるリンクの下に置いてください。 リンク方法:aタグのrel要素にdesignSlideを記入。titleに表示したい内容を書き込んでください。 例1)<a href="画像URI" rel="designSlide" title=" 内容">タイトル</a> リンク先を内容の中に挿入したい場合はaタグにrev要素としてmycontentをaタグ内にリンク先を
このブログ記事を参照しているブログ一覧: ギャラリーとか画像を使うときに気になるAjax (JavaScript) Library このブログ記事に対するトラックバックURL: http://magic-happens.net/nature/mt-tb.cgi/81
javascriptでタイトルとURLを取得して、かつハッシュタグもつける汎用的なリンク。 わざわざ記事にするほどではないけど、 #の処理で一瞬わからなかったので、メモメモ。# → %2523 別窓の場合は、%23かな・・・。なぞ。 同じ窓で開くバージョン <a href="javascript:location.href='http://twitter.com/home?status='+encodeURI(document.title)+'%20'+encodeURI(location.href)+'+%2523ハッシュタグ名'">リンクの文字</a> → サンプル 別窓で開くバージョン <a href="javascript:void(0);" onclick="window.open('http://twitter.com/home?status='+encodeURI(docum
表示中の要素を非表示状態にするhide() hide()はshow()の逆の働きをする命令です。表示状態のHTML要素、つまりCSSのdisplayプロパティがblockに設定されている要素を非表示(display:none;)に変更します。show()と同じく、hide(...)の括弧内にはアニメーションのスピードとコールバック関数を設定でき、指定したスピードで透明度、サイズ(高さ/幅)を変化させながら要素を非表示にします。 $(セレクター).show(スピード,コールバック関数); 先ほどのshow()を使ったサンプル01に、hide()でdiv要素を非表示にするボタンを追加したのが以下のサンプルです。表示ボタン(id属性がshowのbutton要素)がクリックされるとshow()を、非表示ボタン(id属性がhideのbutton要素)がクリックされるとhide()を実行し、div要素
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く