サイトマップ
文字の左流れ移動でスペースを空けないＣＳＳ記載
シリウスに流れる文字列を組み込んでも、文字行が終了してからの再表示
となるが通常の仕組みですが、ここでは終了以前に左から隠れ消えた行が
再登場する回転形式のＣＳＳ記述をご案内します。
ただし、動きがジクタク、ジクタクとぎこちないのが困りもの？？？...で
重要コンテンツサイトには向かないでしょう...
お遊び、お楽しみ記事などでは使えるかもしれません...
ですので、作動をご確認の上、ご判断ください...
作動確認してください...
まず、ＨＴＭＬ内に以下scriptを配置するのですが、項目の意味合いを...
var move = 1; 動きの具合
var speed = 200; スピード
テキストは書き換えてください
var msg="シリウスの文字列スペースを開けないでループ？みたいな動きで表すシリウスカスタマイズの簡単仕様導入説明です";
<script language="javascript">
var move = 1;
var speed = 200;
var msg="シリウスの文字列スペースを開けないでループ？みたいな動きで表すシリウスカスタマイズの簡単仕様導入説明です";
function msg_scroll() {
msg=msg.substring(move,msg.length)+msg.substring(0,move);
document.frm.msgtxt.value = msg;
setTimeout("msg_scroll()",speed);
}
</script>
エントリーでしたら、スタイルの割り込みＨＴＭＬ窓へ置いても反映されます..
（当ページはそうしてます）
記事内に以下ＨＴＭＬを配置して読み込ませます
size=90で枠サイズ調整
<body onload="msg_scroll();">
<form name="frm" mathod="post">
<input name="msgtxt" type="TEXT" size="90">
</form>
スポンサーリンク
- シリウスで流れる文字列の有効カスタマイズ
- シリウスで流れる文字列の有効活用のコンテンツカスタマイズです 流れる文字列は記事内ばかりではなくヘッダー内やフリースペースでも有効に活用できます
- CSS採用でスーッと動くニュースメニューのラインソース
- シリウスにプラグイン同様の動きでスーッと動く、静的作動のニュース＆メニューのラインソースをCSSを含めて導入する手順のご案内です
