jQueryとCSS3を使ったアコーディオンメニューを詳しく説明します｜Webpark
jQueryとCSS3を使ったアコーディオンメニューを作ってみましたので、作り方を紹介します。かなり長くなりますが、お役に立てばうれしいです。 色々事情があってIEでご覧になっている方のためにスクリーンショットも載せておきます。カテゴリー３にマウスを乗せているところです。 それではコードを解説していきます。 HTML まずはHTMLです。無駄に長いですが一応載せます。 <ul id="accordion"> <li><a href="#">カテゴリー１<span class="arrow rotate"></span></a> <ul id="active"> <li><a href="#">サブカテゴリー１</a></li> <li><a href="#">サブカテゴリー２</a></li> <li><a href="#">サブカテゴリー３</a></li> </ul> </li> <l
少しのコードで実装可能な20のjQuery小技集
2016年6月22日 jQuery 素敵な動きを手軽に実装できるJavaScriptライブラリ「jQuery」。jQueryには多くのプラグインが揃っていますが、以前書いた「少しのコードで実装可能な20のCSS小技集 」に続き、今回はプラグインなしで実装できるjQueryの小技を紹介します！「jQueryってなんだ？」という人もコピペで実装できますよ！サンプルも用意したのでぜひご覧ください！ ↑私が10年以上利用している会計ソフト！ 追記：この記事で紹介されているいくつかの方法が、今ではCSSのみで実装可能です！詳しくは「かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる10の小技」をご覧ください。 jQueryの基本的な使い方 まずはjQuery本家からjQueryファイルをダウンロードします。<head> 内に下記を記述し、jQueryファイルを読み込みます
ギャラリーなど斬新なjQueryプラグイン15
43 Best jQuery Carousel Sliders, Plugins, Tutorials and Examples Nowadays mostly designers & developers use sliders or carousels in their blog or website and jquery make this very easy to be used. jQuery has overpowered Flash in a lot of web uses becoming a very powerful tool for web designers. In web design a carousel is an element giving visitors easy access to several content items. It is typic
はてなブックマーク数が多い順に自分のブログの人気記事を一覧にする方法
はてなブックマークの数が多い順に記事を一覧する jQuery のコード書いてみました。私のブログのサイドバーにホットエントリーという名前の項目がありますが、これははてブ数でソートして一覧にされています。 とても簡単で30秒くらいで出来ます。 はてブでの人気記事一覧を作る JS ファイルを作る 以下のコードを任意の名前で JS ファイルとして保存してください。変更点は var siteurl と var id の部分のみですね。自分のブログのドメインをスラッシュありで入れて、id には一覧を表示するためのボックスを入れてください。 var j$ = jQuery; j$(function() { var siteurl = 'http://weble.org/'; var id = 'hotEntry'; j$.ajax({ dataType: "jsonp", data: {'sort':
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
