關於js可以滑動的文本框的信息

本文目錄一覽:

html滾動文本框

marquee style=”WIDTH: 388px; HEIGHT: 200px” scrollamount=”2″ direction=”up”

div align=”left”

/div

center font face=”黑體” color=”#008000″ size=”4″ /font /center

div align=”left”

/div

center

p font color=”#ff6600″ size=”4″ 滾動文字/font /p

p font color=”#ff4500″ size=”4″ 滾動文字/font /p

p font color=”#ff3300″ size=”4″ 滾動文字/font

/p

/marquee

marquee 參數:

BGColor:滾動文本框的背景顏色。

Direction:滾動方向設置,可選擇Left、Right、up和down。

scrolldelay:每輪滾動之間的延遲時間,越大越慢。

scrollamount:一次滾動總的時間量,數字越小滾動越慢。

Behaviour:滾動的方式設置,三種取值:Scroll(循環滾動) lide(單次滾動)、Alternate(來回滾動)。

Align:文字的對齊方式設置。可選擇Middle(居中)、Bottom(居下)還是Top(居上)。

Width:滾動文本框的寬度,輸入一個數值後從後面的單選框選擇in Pixels(按像素)或是in Percent(按百分比)。

Height:滾動文本框的高度,輸入一個數值後從後面的單選框選擇in Pixels(按像素)或是in Percent(按百分比)。

loop:滾動次數。默認為infinite

hspace、vspace:前後、上下的空行。

請問哪位高手知道如何用Javascript實現文本框內的文字水平滾動

要完成此效果把如下代碼加入到body區域中

SCRIPT language=”javascript”

var scroll = true;

var num = 0;

function scrollStatus() {

var statusText = “”;

var statusChars = new Array( ‘t’,’y’,’p’,’h’,’o’,’o’,’n’,’ ‘,’s’,’t’,’a’,’r’,’t’);

for (var l = 0; l 1; l++) {

for (var a = num; a statusChars.length; a++)

statusText += statusChars[a];

for (var b = 0; b num; b++)

statusText += statusChars[b];

}

window.status = statusText;

num++;

if (num = statusChars.length)

num = 0;

if (scroll) {

setTimeout(“scrollStatus()”,100);

}

}

scrollStatus();

/SCRIPT

form name=”form1″

input name=”stopIt” type=”text” value=”Stop Scrolling”

onClick=” if (scroll == false)

scroll = true;

else

scroll = false;

scrollStatus();

scrollButton();

/form

SCRIPT language=”javascript”

var num = 0;

scrollButton();

function scrollButton() {

var buttonChars = new Array(‘S’, ‘t’, ‘o’, ‘p’, ‘ ‘, ‘S’, ‘c’, ‘r’, ‘o’, ‘l’, ‘l’, ‘i’,

‘n’, ‘g’, ‘ ‘, ‘ ‘);

var buttonText = “”;

for (var a = num; a buttonChars.length; a++)

buttonText += buttonChars[a];

for (var b = 0; b num; b++)

buttonText += buttonChars[b];

num++;

if (num = buttonChars.length)

num = 0;

document.form1.stopIt.value = buttonText;

if (scroll) {

setTimeout(“scrollButton();”, 100);

}

}

/SCRIPT

你好,我想請問js動態添加文本以及文本框該怎麼實現,我不想用表格做

用easyUI屬性

columns:[[

{field:’b’,title:’修改’,width:190,formatter:function(row){

return ‘input id=”sage” name =”age”‘;

}

]]

可以實現動態每列自動生成文本框,希望採納。

JS/JAVASCRIPT 選中文本框內的文字 讓滾動條滾動到選中文字的位置

function func(){

var textarea = document.getElementById(“textarea”);

//首先移動光標到所選文字位置,滾動條自動滾動

MoveCursortoPos(‘textarea’ , 30 );

//再選中文字

textarea.setSelectionRange(30,32);//選中文本框內的文字

//textarea.scrollTop = textarea.scrollHeight;//滾動到底部

//想要修改成只滾動到 選中文字 的位置應該怎麼寫?

}

//設置光標位置

function MoveCursortoPos(id,pos){//定位光標到某個位置

var obj = document.getElementById(id); //獲得元素

pos = pos ?pos :obj.value.length;

if (obj.createTextRange) {//IE瀏覽器 IE瀏覽器中有TextRange 對body,textarea,button有效

var range = obj.createTextRange(); //創建textRange

range.moveStart(“character”, pos); //移動開始點,以字符為單位

range.collapse(true);//沒有移動結束點直接 摺疊到一個點

range.select();//選擇這個點

} else {//非IE瀏覽器

obj.setSelectionRange(obj.value.length, pos);

}

obj.focus();

}

原創文章,作者:小藍,如若轉載,請註明出處:https://www.506064.com/zh-hk/n/243214.html

(0)
打賞 微信掃一掃 微信掃一掃 支付寶掃一掃 支付寶掃一掃
小藍的頭像小藍
上一篇 2024-12-12 12:54
下一篇 2024-12-12 12:55

相關推薦

發表回復

登錄後才能評論