- 締切済み
seesaaブログについて。
seesaaブログについて。 http://www.designwalker.com/2009/02/jquery-dropdown.htmlこちらのサイトからCreate a multilevel Dropdown menu with CSS and improve it via jQuery（上から三番目）をダウンロードしました。ＨＴＭＬとＣＳＳをコピーし、貼り付けまではしました。しかし一緒に入っていたＪＳのスクリプトファイルをどのようにしてseesaaブログに反映させればよいのかわかりません・・・
- みんなの回答 （3）
- 専門家の回答
みんなの回答
- 756co
- ベストアンサー率79% (162/203)
自由形式のところに、サンプルのHTMLすべてをコピーしたのですか？ リストの部分だけでOKですよ <ul id="nav"> <li><a href="#">1 HTML</a></li> <li><a href="#">2 CSS</a></li> <li><a href="#">3 Javascript </a> <ul> <li><a href="#">3.1 jQuery</a> <ul> <li><a href="#">3.1.1 Download</a></li> <li><a href="#">3.1.2 Tutorial</a></li> </ul> </li> <li><a href="#">3.2 Mootools</a></li> <li><a href="#">3.3 Prototype</a></li> </ul> </li> </ul>
- 756co
- ベストアンサー率79% (162/203)
＞<script type="text/javascript" src="ｘｘｘｘｘ"></script> これでOKです スタイルシートもコピーしたんですよね？ （CSSファイルも、ファイルマネージャからアップロードして使うことができます） このスクリプトを使いたいブログのHTML（ヘッダ内）に以下を書き入れましたか？ <script type="text/javascript" src="http://***************menu.js"></script> 表示させたい部分に<ul id="nav">や<li>を書き加えましたか？ ＞ちなみにＪＳスクリプトファイルをファイルマネージャーにアップロードすると ＞「その他のファイル」と区分されているのですが、それは当たり前ののことなのでしょうか？ 問題ありません。
- 756co
- ベストアンサー率79% (162/203)
ファイルマネージャからアップロードできませんか？
補足
回答ありがとうございます。 ファイルマネージャでアップロードしたのですがその後どうすればよいのかわからなくて・・・ アップロード後ＨＴＭＬ発行ボタンを押すと「<a href="http://ＸＸＸＸＸＸＸＸＸＸＸＸＸ.up.seesaa.net/image/menu.js">menu.js</a>」というリンクタグがでてくるのですが、それの「http://ＸＸＸＸＸＸＸＸＸＸＸＸＸ.up.seesaa.net/image/menu.js」を抜き出して「<scripttype="text/javascript" src="ｘｘｘｘｘ"></script> 」ｘｘｘｘの部分に貼り付け、デザインＨＴＭＬに貼り付けれｂいいのでしょうか？試したのですがうまくいかなくて・・・ ちなみにＪＳスクリプトファイルをファイルマネージャーにアップロードすると「その他のファイル」と区分されているのですが、それは当たり前ののことなのでしょうか？初心者なもので面倒な質問でごめんなさい
補足
回答ありがとうございます。ＣＳＳファイルもアップロードし、それから使いました。 やはりうまくいきません・・・。デザインは崩れたりしないのですが、下にドロップアウトするはずのリンクにマウスを入れてもドロップアウトしないのです。元ファイルをダウンロードする前にサンプル画面を確認し、ちゃんと動いていたので、私のＰＣに問題はないとおもうのですが・・・ ＞表示させたい部分に<ul id="nav">や<li>を書き加えましたか？ はい。コピーした際にそのタグがすでにきさいされていました。 今回アップロードし、ＨＴＭＬヘッダ内に書き込んだタグ <script type="text/javascript" src="http://ｘｘｘｘｘｘｘｘｘ/image/menu.js"></script> <script type="text/javascript" src="http://ｘｘｘｘｘｘｘｘｘ/image/jquery-1.2.3.min.js"></script> <link rel="stylesheet" href="http://ｘｘｘｘｘｘｘｘ/image/style.css" type="text/css" /> です。 またコンテンツ自由形式ＨＴＭＬ欄に書き込んでいるタグです。 <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title></title> <link rel="stylesheet" href="style.css" type="text/css" media="screen" /> </head> <body><ul id="nav"> <li><a href="#">1 HTML</a></li> <li><a href="#">2 CSS</a></li> <li><a href="#">3 Javascript </a> <ul> <li><a href="#">3.1 jQuery</a> <ul> <li><a href="#">3.1.1 Download</a></li> <li><a href="#">3.1.2 Tutorial</a></li> </ul> </li> <li><a href="#">3.2 Mootools</a></li> <li><a href="#">3.3 Prototype</a></li> </ul> </li> </ul> </body> </html> です。 何度も回答もらっているのにごめんなさい・・・ 何かおかしいがありましたら回答おおねがいします。