重要なお知らせ

「教えて! goo」は2025年9月17日(水)をもちまして、サービスを終了いたします。詳細はこちら>

電子書籍の厳選無料作品が豊富!

http://www.texotela.co.uk/code/jquery/newsticker/

を参考にページを作成して、ウェブに公開したら、思い通りに動作する様になったのですが、いざ、使用目的先の FC2 ブログに移行すると、どうやっても正常に動作しません。一体何が原因なのでしょうか?FC2 ブログ以外の FTP サーバーにアップロードしたのは正常にフェードアウトして、テキストが変わるのですが、FC2 ブログの場合は、リストのマークが表示され、フェードしないで、項目が全て表示されてしまいます。

ヘッダにソースを入れ

<script type="text/javascript" src="http://xxx.xxx/headlines/jquery_min.js"></script>
<script type="text/javascript" src="http://xxx.xxx/headlines/jquery_newsticker.js">< …
<script type="text/javascript">
$(document).ready(
function()
{
$("#news").newsTicker();
parseSamples();
}
);
</script>

CSS をスタイルシートに入れ
ボディに
<ul id="news">
<li>項目1</li>
<li><項目2</li></ul>

を入れてるのですが、フェードしたり、リストのマークが消えなかったり、項目の一覧が表示されて、望み通りの結果が出ません。FC2 ブログでは利用出来ないのでしょうか?

A 回答 (1件)

ブログ内のどこに<ul id="news">を入れたいのか解りませんが、


<head>内に入れるのは
<script type="text/javascript" src="jquery_min.js"></script>
<script type="text/javascript" src="jquery_newsticker.js"></script>

<style type="text/css">
.newsticker {
list-style-type: none;
border: 1px dashed #fff;
background: #050c44;
padding: 3px;
margin: 0;
}
</style>
をインラインで記述するだけにしておいて、
<ul id="news">
<li>項目1</li>
<li><項目2</li></ul>
の下に

<script type="text/javascript">
$("#news").newsTicker();
</script>

と記述してみたらどうでしょうか
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!