[JS]スムーズなスライドが気持ちいい、パンくずのスクリプト -jBreadCrumb
jBreadCrumb demo パンくずはリスト要素で実装されており、既存のパンくずに適用することも簡単です。 「jquery.jBreadCrumb.js」の最後に記述してあるオプションでは、オープンするルール、オープンしておくレベル、アニメーションのスピード、クローズ時のサイズなどを変更できます。 オープンするルールの最大文字数と最小文字数を100に、エレメント数を1に、オープンしておくレベルを終わりから2に、クローズ時のサイズを20に変更。 jBreadCrumbはjQueryのプラグインのため、動作にはjquery.jsが必要です。
jQueryでドロップダウンメニューを作成する
最近はあまり見かけないですが、jQueryを使用したドロップダウンメニューがあったので今後の参考用としてサンプルを作ってみます。 参考にしたのはこのサイトからになります。 ホーム 企業情報 企業情報その1 企業情報その2 企業情報その3 企業情報その4 製品紹介 製品紹介その1 製品紹介その2 製品紹介その3 製品紹介その4 採用情報 採用情報その1 採用情報その2 採用情報その3 採用情報その4 お問い合わせ cssの設定などは、自分で分かりやすいように変更しました。 サンプルのサイトの指定だと、<ul id="nav" class="set">（id、class名は変更してあります）と設定していたのですが、自分的には少し分かりにくかったので、 その下のナビゲーションのulに各ナビゲーションのグループだという意味も含めてid="set"とつけました。
jQuery suckerFish
jQuery » SuckerFish Style Purpose Replicate Suckerfish Menus. Original Code $(document).ready(function(){ $("#nav-one li").hover( function(){ $("ul", this).fadeIn("fast"); }, function() { } ); if (document.all) { $("#nav-one li").hoverClass ("sfHover"); } }); $.fn.hoverClass = function(c) { return this.each(function(){ $(this).hover( function() { $(this).addClass(c); }, function() { $(this).rem
yuga.js :: Kyosuke.jp
yuga.jsって？ ウェブサイトを作る上で面倒な部分を自動で実装したり、ちょっとした機能を簡単に追加したりするJavaScriptです。jQueryを使って作られています。Web制作を優雅にするために作られました。 設置方法 まず、ファイル一式をダウンロードし、読み込みたいサイトの任意のフォルダに配置します。 yuga.jsを使いたいHTMLファイルのhead要素でjavascriptを読み込みます。 <link rel="stylesheet" href="css/thickbox.css" type="text/css" media="screen" /> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/thickbox.js"></s
ASCII.jp － TECH
最新記事必読記事へ リアルイイクラ納会はIT媒体の作り手と読者の新しいコミュニティだったのはないか 20日木曜日の夜、市ヶ谷のオフィスでTECH.ASCII.jp主催の忘年会イベント「リアルイイクラ納会2018」が開催された。TECH.ASCII.jpの3人とともに、他メディアの記者、... 飯田橋で語り合うクラウド、機械学習、FinTech、サーバーレス、そして働き方 飯田橋クラウドクラブ（略称：イイクラ） スマホの紛失対応がチャットでできるエムオーテックスのSyncpit スタートアップのデータセンター利用を支援「スタートアップ企業支援プログラム」 マネージドMariaDB、Azure Machine LearningサービスなどがGA MS主導のOSSプロジェクト「Virtual Kubelet」をCNCFに寄贈 “人間＋AI”の新たな働き方、アクセンチュアが道のりを説明
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
lab.1000leaf.net is Expired or Suspended.