熊本教育ネットワークユニオン

活動の報告と相談の窓口です。またブログ担当者の学習の跡でもあります。過去の記事をご覧になるときは下のメニュー欄をクリックください

MENU

ヘッダーのメニュー欄がほぼ満足いく形でできました

ヘッダーのメニュー欄がほぼ満足いく形でできました

http://www.yukihy.com/archive/category/Web%E5%88%B6%E4%BD%9C  様から学ばせていただきました(コピーさせていただいたのです)。

デザイン⇒スパナ印⇒ヘッダー⇒タイトル下に下を貼り付けます。

 

<span class="menu-toggle"><i class="blogicon-reorder lg"></i>MENU</span>
<ul id='menu'>
<div class="menu-inner">
<li><a href='http://kenu2015.hatenablog.com/'>TOP
<li><a href='http://kenu2015.hatenablog.com/archive/category/HOME'>HOME</a></li>
<li><a href='http://kenu2015.hatenablog.com/archive/category/%E3%81%8A%E7%9F%A5%E3%82%89%E3%81%9B%E3%81%A8%E5%A0%B1%E5%91%8A'>お知らせと報告</a></li>
<li><a href='http://kenu2015.hatenablog.com/archive/category/%E5%AD%A6%E7%BF%92%E8%B3%87%E6%96%99'>学習資料</a></li>
<li><a href='http://kenu2015.hatenablog.com/archive/category/%E5%9B%BD%E5%86%85%E5%A4%96%E6%83%85%E5%8B%A2'>国内外情勢</a></li>
<li><a href='http://kenu2015.hatenablog.com/archive/category/%E7%A4%BE%E4%BC%9A'>社会</a></li>
<li><a href='http://kenu2015.hatenablog.com/archive/category/%E8%87%AA%E7%84%B6'>自然</a></li>
<li><a href='http://kenu2015.hatenablog.com/archive/category/%E3%83%96%E3%83%AD%E3%82%B0%E3%81%AE%E6%94%B9%E8%89%AF'>ブログの改良</a></li>
<li><a href='http://kenu2015.hatenablog.com/archive/category/%E9%AB%98%E6%95%99%E7%B5%84%E3%82%84%E6%95%99%E8%82%B2%E3%83%A6%E3%83%8B%E3%82%AA%E3%83%B3'>高教組や教育ユニオン</a></li>
<li><a href='http://kenu2015.hatenablog.com/archive/category/%E3%81%9D%E3%81%AE%E4%BB%96'>その他</a></li>
</div>
</ul>

<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script>
$(function(){
$(".menu-toggle").on("click", function() {
$(this).next().slideToggle();
});
});
$(window).resize(function(){
var win = $(window).width();
var p = 768;
if(win > p){
$("#menu").show();
} else {
$("#menu").hide();
}
});
</script>