セレクトドロップダウンメニューのテキストを左右にスクロールするように設定する方法
2022-01-16 14:37:34
マーキータグを使ってフォントのスクロールを設定したいのですが、コードはこのように書いていますが、効果がなく、フォントはまだスクロールしません、どのように書けばこの効果が得られるでしょうか。
<html:select property="w_project_cd[]" value="<%=prj.toString()%>" onchange= "<%=js.toString()%>" style="width:260px">.Html:Select property="w_project_cd[]" value="<%=prj.toString()%> "
<logic:notEmpty name="proj_list">
マーキー direction="left" behavior="scroll" scrollamount="10″ scrolldelay="200″> <html:options collection="proj_list" property="value " labelProperty="label"/></marquee>
</logic:notEmpty>
</html:select>
同じような例がネットで見つかり、次のような詳細なコードがありました。
HTMLコードです。
<!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=gb2312" />
<title>Untitled document</title>
<script type="text/javascript">
function init(){
var os=document.getElementsByTagName("option");
for(var i=0;i<os.length;i++){
var tx=os[i].innerHTML;
var l=tx.length;
var b=tx.substring(0,1);
var e=tx.substring(1);
os[i].innerHTML=e+b;
}
window.setTimeout(init,1000);
}
window.onload=init;
</script>
</head>
<body>
<select>
<option> a usage </option>
<option>Maybe life is like that</option>
<option>Clouds in the sky, water in a bottle</option>
</select>
</body>
</html>
<html:select property="w_project_cd[]" value="<%=prj.toString()%>" onchange= "<%=js.toString()%>" style="width:260px">.Html:Select property="w_project_cd[]" value="<%=prj.toString()%> "
<logic:notEmpty name="proj_list">
マーキー direction="left" behavior="scroll" scrollamount="10″ scrolldelay="200″> <html:options collection="proj_list" property="value " labelProperty="label"/></marquee>
</logic:notEmpty>
</html:select>
同じような例がネットで見つかり、次のような詳細なコードがありました。
HTMLコードです。
コピーコード
コードは以下の通りです。
<!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=gb2312" />
<title>Untitled document</title>
<script type="text/javascript">
function init(){
var os=document.getElementsByTagName("option");
for(var i=0;i<os.length;i++){
var tx=os[i].innerHTML;
var l=tx.length;
var b=tx.substring(0,1);
var e=tx.substring(1);
os[i].innerHTML=e+b;
}
window.setTimeout(init,1000);
}
window.onload=init;
</script>
</head>
<body>
<select>
<option> a usage </option>
<option>Maybe life is like that</option>
<option>Clouds in the sky, water in a bottle</option>
</select>
</body>
</html>
関連
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン