javascriptで文字を移動後、プルダウン表示させたい。
(1)移動処理
http://www.openspc2.org/JavaScript/Ajax/Effect/Rico/002/index.html
(2)上から内容を表示
http://www.openspc2.org/JavaScript/Ajax/Effect/script.aculo.us/004/index.html
(1)→(2)の処理の順番動かそうと思い、javascriptを組んでみたのですが、動きません。
new Rico.Effect.Position("movilisez", 400,300, 100, 20);を
コメントアウトすると、(2)の処理は動いてくれますが、
コメントを外すと動きません。
原因を教えていただけますでしょうか？
環境は以下です。
OS:VISTAHomepremium
ブラウザ:IE7
---------------------
function toPoint()
{
new Rico.Effect.Position("movilisez", 400,300, 100, 20);
execEffect();
}
function execEffect()
{
document.getElementById("contents").style.visibility = "visible"
new Effect.BlindDown($("contents"));
}
---------------------
---------------------
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="Style_Index.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="scripts/prototype-1.6.0.3.js"></script>
<script type="text/javascript" src="scripts/scriptaculous-js-1.8.2/src/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="scripts/rico.js"></script>
<script type="text/javascript" src="scripts/BlindDown.js"></script>
<title>TestPage</title>
</head>
<body>
<div align="center">
<p></p><div id="Hedder" align="center"><table width="800px" cellspacing="0">
<tr>
<td colspan="2" rowspan="2" align="left"><img src="" alt="" name="movilisez" width="200" height="80" id="movilisez" onclick="toPoint()" /></td>
</tr>
</table></div>
<div id="contents">
<div id="menu" align="center">
メニュー
</div>
</div>
</div>
</body>
</html>
![その他([技術者向] コンピューター) イメージ](https://gazo.okwave.jp/okwave/spn/images/related_qa/c205_1_thumbnail_img_sm.png)
