关于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/n/243214.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
小蓝的头像小蓝
上一篇 2024-12-12 12:54
下一篇 2024-12-12 12:55

相关推荐

发表回复

登录后才能评论