jQueryで別ドメインのXMLを読み込んでみる
クロスドメインでのXML取得を、phpを使って実装してみます。 同一ドメインの場合 まずは、同一ドメインの場合のXML取得のサンプルです。 HTML <div id="sample"></div> JavaScript $(function() { $.ajax({ url: 'https://cly7796.net/blog/feed/', dataType: 'xml', success: function(data) { // 取得件数 var getCount = 5; if ($('item', data).length < getCount) { getCount = data.length; }; var insert = ''; insert += '<h1>'; // リンク先の挿入 insert += '<a href="' + $('channel', data).c
L'ATELIER FENETRE | ラトリエ フネートル | クロスカンパニー CROSSCOMPANY
ヨーロッパを中心に、世界中から集めてきたアイテムに加え、上質なオリジナルアイテムを展開するセレクトショップ。
サイトの背景で雲などが動く！アニメーション効果を出す JavaScript 集
最近は、コワーキングスペース タネマキ の方で、記事を更新しています。@uetsuhara でも気になったニュースや記事など流してます。良かったら覗いてみてください。 読了目安 1分58秒 宣伝ぽいですがてか宣伝になりますが、横浜のコワーキングスペースタネマキで、また背景の雲が動き始めました。やはりちょっと重い？とのことで、現在一時停止中です。別の方法を模索中。 understandard.net が実装してくれました。詳しいことは彼にｗ ついでに似たようなスクリプトを集めてみました。まぁタネマキでも使っている $fx というライブラリで十分な気もしますが。なかなか動きが軽い気がします。 背景を動かすスクリプト一覧 $fx – JavaScript animation library 僕らが今回使ったのはこちら。なかなか良いかと。高機能な割には、軽量ってのが売りのようです。雲などの画像レイ
[JS]ぷるぷるっとかわいいアニメーションでレイアウトを変更するレスポンシブ用のスクリプト -DyLay
ダイナミックなかわいいアニメーションでパネルのレイアウトを変更する、レスポンシブ用のレイアウトを生成するjQueryのプラグインを紹介します。 デモページ DyLayの使い方 Step 1: 外部ファイル 「jquery.js」と「easing.js」と当スクリプトを外部ファイルとして</bpdy>の上に記述します。 <script src="http://code.jquery.com/jquery.js"></script> <script src="js/jquery.easing.1.3.js"></script> <script src="js/dylay.js"></script> Step 2: HTML 各パネルはリスト要素で配置し、フィルタやソート用のデータをclassやdata属性に仕込んでおきます。 <ul id="dylay"> <li style="width:
UseJquery - Web Design Development Hosting
Thinking to create a website? Of course, to sustain in this fast moving culture, you should have a website on your own.Now having an appealing and informative quality web site becomes a compulsion. Because through the websites, you can broaden your business and your thoughts by interacting with more people. While beginning, you may land … Read more How do you feel if there is an interface for crea
jQueryでスクロールバーのデザインを変更する | WEBZARU
新着情報一覧などのように全て見せる必要がない(スクロールして閲覧可能)場合に、そのコンテンツだけスクロールさせて見せることがよくあります。 CSSで高さを固定してやることによりそれ以上の高さが必要な場合には、自動的にスクロールバーが表示されるのですが、何よりも見た目がダサいです。そんな時、jScrollPaneを使うとスクロールバーのデザインを変更することができます。 jQueryのプラグインであるjScrollPaneの使い方をご紹介。 jScrollPaneとは スクロールバーのデザインを変更するためのjQueryのプラグインです。本体のJavaScriptとCSSの他にjquery.mousewheel.jsも併用し動作します。 現時点で最新版の「v2.0.0beta11」を例としています。ダウンロードは、本家サイトから行ってください。 jScrollPaneの使い方 <!DOCTY
WordPress 階層構造のページリストをドロップダウンメニューにする | hijiriworld Web
jQueryを使って、階層構造の固定ページをドロップダウンメニューにする方法。 階層構造の固定ページを作成する WP管理画面 > 固定ページ > 新規追加 以下のような、2階層構造のページを作成します。 ページ1 - ページ1-1 - ページ1-2 - ページ1-3 ページ2 ページ3 子ページを追加する際は、ページ属性で「親」を指定しましょう。 ページリストを表示する wp_list_pages() ページリストを表示するには、テンプレートタグ/wp list pages を使います。 <ul class="page_list"> <?php wp_list_pages('title_li='); ?> </ul> マークアップ構造を理解する wp_list_pages() で出力されるHTMLは、以下のような構造になっています。 初期状態 <ul class="page_list">
[JS]スライド内の複数の要素それぞれに異なるアニメーションを設定できるスライダー -Fraction Slider
スライド内に複数の要素を配置し、それぞれ異なるタイミングで異なるアニメーションを設定できるスライダーを実装するjQueryのプラグインを紹介します。 デモ：Animation Basic それぞれ対角にアニメーションでスライドします。 Fraction Sliderの使い方 実装は非常にシンプルです。 Step 1: 外部ファイル 「jquery.js」と当スクリプト・スタイルシートを外部ファイルとして記述します。 <link rel="stylesheet" href="fractionslider.css"> <script src="jquery-1.9.0.min.js" type="text/javascript"></script> <script src="jquery.fractionslider.js" type="text/javascript" ></script>
PHPでjQueryチックにWebサイトをクローリングする方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
あ、どうも僕です。 今日はPHPでWebサイトをクローリングしてjQueryチックにDOMを操作して、データを取得したり、画像などをダウンロードする方法について書こうと思うよ！ これができると何がうれしいかって、いつも手動で巡回しているサイトなんかにアップされてる画像データを自動でダウンロードできるようになるんだよね。 人がやっていた作業をコマンド一発で自動化できるから、捗ること間違いなしだよ！ あれ、この人、この前node.js使って同じことやってなかったっけか？ node.jsを使ってjQueryチックにWebサイトをクローリングする方法 なんで同じことをPHPでやってんだ？とか思っていやしないだろうか。ああそうさ！ついこの前、node.jsで全く同じことをやって記事を書いたさ！なぜかって！？それは、node.jsの非同期地獄にやられたからさ！ やつめ、データのダウンロードからデータベ
WordPress ページングはやめてAjaxローディングにする | hijiriworld Web
ページングはやめて、Ajaxによる非同期ローディングにしてみましょう。 最初は5件の記事が表示されています。 「もっと見る」ボタンをクリックするとAjaxにより次の5件が非同期で読み込まれます。 以後、記事がなくなるまで同じ動作です。 テンプレート <section id="content"> <?php query_posts('posts_per_page=5'); ?> <?php if (have_posts()) : ?> <?php while (have_posts()) : the_post(); ?> <article> <h2><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></h2> <div class="excerpt"><?php the_excerpt(); ?></div> </arti
様々なJavaScriptライブラリをコレクションしているWebサイト・JSDB.IO
様々なJSライブラリのまとめサイトのご紹介。主にクライアントサイドのJSライブラリを中心にコレクションしているみたいです。シンプルで探しやすかったのでメモ。 JSのコレクションサイト。サクサク動作して広告などの余計なコンテンツも無いので非常に探しやすい印象です。
7つのサンプルでjQueryを学ぼう！「jQueryが全く分からない人のため」の超初級者向け入門講座
HOME>jQuery>7つのサンプルでjQueryを学ぼう！「jQueryが全く分からない人のため」の超初級者向け入門講座 約半年前まで、興味はあれども全くもって触れたことのなかった「jQuery」。それどころか、「Javascript」を「Javasprict」と何度となく書き間違える癖のあった私。 結局、「スク水すいすいスクリプト」と語呂を合わせることによりようやく正しい綴りをマスターしたわけなんですが、仕事で扱うと言うこともあり多少はjQueryの仕組みが分かってきた今日この頃です。 そんなわけで、今回は「jQueryが全く分からない人のため」の超初級者向け入門講座と銘打ちまして、jQueryの基礎の基礎を学ぶための記事を書いてみました。 とは言っても「jQueryとはなんたるか」などといった難しい理論を記すつもりは一切ございません。（っていうかそんな偉そうなこと言える程修めてない
アクティブなページ用の画像が指定できるjQueryロールオーバープラグインを作ったぜ
2011年5月21日 ロールオーバー時の画像とは別に、カレント時の画像も設定できるロールオーバーjQueryプラグインを作りました。 あらすじ ナビゲーション用の画像は3種類用意されるケースがよくあると思います。通常時の画像、ロールオーバー時の画像、もうひとつが、アクティブなページを表す画像です。 よく見かけるjQueryのロールオーバープラグインは、通常時の画像を「image.png」、ロールオーバー時の画像を「image_on.png」などにしておき、マウスオーバー時に画像を差し替えているものが多いです。ただし、これだとアクティブなページに別の画像を使おうとした際に、ちょっとややこしくなります。 このjQurtyロールオーバープラグインは、ナビゲーション部分に共通のHTMLを使っていても、アクティブページ用の画像を表示することが可能です。 ダウンロード 似たようなプラグインを配布してま
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
13 jQuery SelectBox/Drop-down Plugins — SitePoint
There are several ways to define a block of JavaScript functionality. Learn which is the most appropriate one for your particular use case.
【みんビズ jimdoでインタラクティブなjQueryスライドショーを入れる】これでjimdoサイトもちょっとはかっこよくなるかな｜今村だけがよくわかるブログ
この2つのページで申し上げたことは、jimdoでjqueryを使う時には注意が必要と言うことでした。以上を踏まえた上で説明いたします。 追記：もうちょっといろいろできるjQueryスライドの導入方法を以下のページに書きました。こちらもご参考ください。 １．jimdoの管理画面はインタラクティブですねjimdoの管理画面は動きがあってわかりやすいですよね。特に管理画面のコントロールパネルや、保存完了の通知ポップアップ表示など。（赤枠で囲った箇所です） jimdoの管理画面はインタラクティブ ここでは、こういったインタラクティブな動作がjimdoの管理画面では既に使われているってことだけ覚えておいてください。 ２．jimdoにjqueryのスライドショーを設置してみましょうではでは、jqueryのスライドショーをjimdoに設置してみます。下のサイトはスライドショーを設置するためのファイルがダ
JimdoでjQueryを使う為の準備 - Jimdo活用研究室
JimdoでjQueryを利用するには通常の使い方通りヘッダにjQueryのライブラリを読み込めばよいのですが、Jimdo自体が別のJavaScriptライブラリであるprototype.jsで動作する為に、衝突が起きて正しく動作しないことがあります。 Jimdoで使う場合にはこの点に注意しなければなりません。 まず、Jimdoの設定→ヘッダー部を編集に次のコードを追加します。 色々な記述方法がありますが、ここでは Google AJAX Libraries API を利用して、jQueryバージョン1.3系の最新版を読み込んでいます。 この方法だとJimdoにjQueryをアップロードする必要がなく、常に最新のライブラリを使用することができます。 <script type="text/javascript" src="http://www.google.com/jsapi"> </scr
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://tikku.com/scripts/ui/radmenu/radmenu_example.html
http://isthatclear.com/jquery/canimate/
Camera | a free jQuery slideshow by Pixedelic