FAREX BLOG

Just another WordPress site

01 7月

xMenu 2.0 サンプル

Posted in jQuery, ホームページ作成 on 01.07.11

 

シンプルな ドロップダウンメニュー です。

xmenu-2.0.zip 展開

jquery-1.6.1.min.js
jquery.xMenu-2.0.css
jquery.xMenu-2.0.js
jquery.xMenu_ie6-2.0.css
jquery.xMenuStyle-2.0.css
xMenu-2.0.html

 

サンプル 
サンプル  [ css ]
サンプル  [ css ]
サンプル  [ css ]
サンプル  [ css ]
サンプル  [ css ]
サンプル  [ css ]
サンプル  [ css ]
サンプル  [ css ]

IE7.js を使用し、IE6 にも部分的に対応しています。

 

<!--[if lt IE 8]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE8.js"></script>
<![endif]-->

 

<link rel="stylesheet" href="jquery.xMenu_ie6-2.0.css" type="text/css" />

 

IE6 での マウスオーバー の際の反転幅が気になる方は、<ul>width を設定して下さい。

before
after

 

中継のみをする動作しない <li> に対しても、<a href="#"> のように記述して下さい。

 

LEVEL 1 、LEVEL 2 » を変更する場合は、以下を編集して下さい。

jquery.xMenu-2.0.js

	var mark_a = "&#9660;";
	var mark_b = "&raquo;";

tags: , , , ,

xMenu 2.0 サンプル はコメントを受け付けていません。

13 5月

jQuery :: 基本構文のサンプル

Posted in jQuery on 13.05.11

定番の Hello World !!! を表示します。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja">
<head>
<meta http-equiv="content-language" content="ja" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta http-equiv="content-script-type" content="text/javascript" />
<title>jQuery :: 基本構文のサンプル</title>
<script type="text/javascript" src="jquery-1.5.2.min.js"></script>
<script type="text/javascript">
$(function(){
  $( "#id_hello" ).html( "Hello World !!!" );
});
</script>
</head>
<body>
<div id="id_hello"></div>
</body>
</html>

 

tags: , , ,

jQuery :: 基本構文のサンプル はコメントを受け付けていません。

11 5月

xMenu 1.1.1 サンプル

Posted in jQuery, ホームページ作成 on 11.05.11

 

シンプルな ドロップダウンメニュー です。

xmenu-1.1.1.zip 展開

jquery-1.4.4.min.js
jquery.xMenu-1.1.css
jquery.xMenu-1.1.js
jquery.xMenu_ie6-1.1.1.css
jquery.xMenuStyle-1.1.css
xMenu-1.1.1.html

 

サンプル 
サンプル  [ css ]
サンプル  [ css ]
サンプル  [ css ]
サンプル  [ css ]
サンプル  [ css ]
サンプル  [ css ]
サンプル  [ css ]
サンプル  [ css ]

IE7.js を使用し、IE6 にも部分的に対応致しました。

 

<!--[if lt IE 8]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE8.js"></script>
<![endif]-->

 

<link rel="stylesheet" href="jquery.xMenu_ie6-1.1.1.css" type="text/css" />

 

IE6 での マウスオーバー の際の反転幅が気になる方は、<ul>width を設定して下さい。

before
after

 

中継のみをする動作しない <li> に対しても、<a href="#"> のように記述して下さい。

 

LEVEL 1 、LEVEL 2 » を変更する場合は、以下を編集して下さい。

jquery.xMenu-1.1.js

	var mark_a = "&#9660;";
	var mark_b = "&raquo;";

tags: , , , , ,

xMenu 1.1.1 サンプル はコメントを受け付けていません。