※ ChatGPTを利用し、要約された質問です(原文:jqueryを使ったスクロール画面が正しく作動しません。)
jqueryを使ったスクロール画面が正しく作動しない
このQ&Aのポイント
jqueryを使ったスクロール画面が正しく作動しない
HTMLに関する質問コーナーにはふさわしくない質問かもしれませんが、jquery.jstocktickerを使ったスクロール画面に関して教えて欲しいことがあります。
どこが間違っているのかをご指摘していただければと思い、投稿させていただきました。
jqueryを使ったスクロール画面が正しく作動しません。
jqueryを使ったスクロール画面が正しく作動しません。
HTMLに関する質問コーナーにはふさわしくない質問かもしれませんが、jquery.jstocktickerを使ったスクロール画面に関して教えて欲しいことがあります。
以下のようなものを書いてみました。しかし、スクロールされるべき文字(この場合は「テスト」)が右からでてきません。左端に現われてすぐに消えてゆきます(一様左にスクロールされながら消えるのですが)。
どこが間違っているのかをご指摘していただければと思い、投稿させていただきました。
よろしくお願いいたします。
<!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" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<title>スクロール</title>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.jstockticker-1.1.js"></script>
<link href="jQuery/innerFade/css/reset.css" rel="stylesheet" type="text/css" />
<link href="jQuery/innerFade/css/fonts.css" rel="stylesheet" type="text/css" />
<link href="jQuery/innerFade/css/jq_fade.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
$(function() {$("#ticker").jStockTicker({interval: 5});});
</script>
<style type="text/css">
div#tickercontainer{width: 680px;margin-left:auto;margin-right:auto;position:relative}
div#wrap{position:relative;padding:5px; overflow: hidden}
div#ticker{position:relative}
div#ticker span{padding-right:20px}
</style>
</head>
<body>
<div id="tickercontainer">
<div id="wrap">
<div id="ticker">
<span> テスト</span>
</div>
</div>
</div>
</body>
</html>
お礼
本当にありがとうございました!!!!!!