文字js代码（js文字动画）

本篇文章给大家谈谈文字js代码，以及js文字动画对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录一览：

• 1、怎么让文字垂直居中，js代码
• 2、急着需要文字左右滚动js代码
• 3、求js文字向上滚动代码
• 4、得到文本框选中的文字，动态插入文字的js代码
• 5、鼠标在图片上，显示文字，移开文字隐藏的js代码

怎么让文字垂直居中，js代码

JS代码让文字垂直居中的方法

水平居中方法： 将浏览器可视区的宽度(clientWidth) -减去 要居中元素本身的宽度(offsetWidth) /除以 2 +'px'

垂直居中方法： 将浏览器可视区的高度(clientHeight) -减去 要居中元素本身的高度(offsetHeight) /除以 2 +'px'

window.onload = function() {

var oMain = document.querySelector('#pop-main');

oMain.style.left = (document.documentElement.clientWidth - oMain.offsetWidth) / 2 +'px';

oMain.style.top = (document.documentElement.clientHeight - oMain.offsetHeight) / 2 +'px';

}

js代码

JS即Javascript，Javascript是一种由Netscape的LiveScript发展而来的脚本语言，主要目的是为了解决服务器终端语言，比如Perl，遗留的速度问题。

当时服务端需要对数据进行验证，由于网络速度相当缓慢,只有28.8kbps，验证步骤浪费的时间太多。于是Netscape的浏览器Navigator加入了Javascript，提供了数据验证的基本功能。

急着需要文字左右滚动js代码

div style="width: 200px;height:18px;overflow:hidden;" id="marq"111111111111111111111111111111111111111111111111122222222222222222222222222222222223333333333333333333333333333333333333333333344444444444444444444444444444444444555555555555555555555555555555555666666666666666666666666666666666/div

script

var marq = document.getElementById("marq"),

vari = 1;

marq.innerHTML += marq.innerHTML;

setTimeout(function () {

marq.scrollLeft += vari;

if (marq.scrollLeft 1) {

vari = 1;

} else if (marq.scrollLeft 1500) {

vari = -1;

}

setTimeout(arguments.callee, 18);

}, 18);

/script

求js文字向上滚动代码

DIV id=demo style="OVERFLOW: hidden; HEIGHT: 154px"

DIV id=demo1

ul style="font:'宋体'; font-size:12px; line-height:28px;"

li往上滚动停顿代码

li往上滚动停顿代码

li往上滚动停顿代码

li往上滚动停顿代码

/ul

/DIV

DIV id=demo2/DIV/DIV

SCRIPT

!--

var speed = 15;//滚动速度

var rows = 28;//每行高度

var stim = 80; //停留时间倍数 * speed

var stop = 0; //初始化值，不管

demo2.innerHTML = demo1.innerHTML

function Marquee(){

if(demo.scrollTop%rows==0 stop=stim){

stop++;

return;

}

stop = 0;

if(demo2.offsetTop-demo.scrollTop=0)

demo.scrollTop-=demo1.offsetHeight

else{

demo.scrollTop++

}

}

var MyMar = setInterval(Marquee,speed)

demo.onmouseover = function() {clearInterval(MyMar)}

demo.onmouseout = function() {MyMar=setInterval(Marquee,speed)}

--

/SCRIPT

得到文本框选中的文字，动态插入文字的js代码

复制代码

代码如下:

script language="javascript" src="js/settags.js"/script

function AppTag(tagcode)

{

document.PostMessage.Message.value += tagcode;

}

function InsertTag(tagbegin,tagend)

{

if ((document.selection)(document.selection.type == "Text")) {

var range = document.selection.createRange();

var ch_text=range.text;

range.text = tagbegin + ch_text + tagend;

}

else

{

document.PostMessage.Message.value=tagbegin+document.PostMessage.Message.value+tagend;

document.PostMessage.Message.focus();

}

}

/script

调用：

执行操作的图标按钮：

a href="javascript:AppTag('[ImgFace1]')"img src="./Images/Face/Face1.gif" border="0"/a

a href="javascript:InsertTag('[B]','[/B]')"img src="./Images/tags/EditorBold.gif" alt="Bold" border="0"/a

其中[ImgFace1]，[B]，[/B]为要插入的文字

var range = document.selection.createRange();

var ch_text=range.text;

这是得到文本框选中的文字

被操作的文本框：

asp:TextBox ID="Message" Runat="server" MaxLength="100" TextMode="MultiLine" Rows="15" Width="100%" /

鼠标在图片上，显示文字，移开文字隐藏的js代码

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""

html xmlns=""

head

meta http-equiv="Content-Type" content="text/html; charset=utf-8" /

titletest/title

script src="" type="text/javascript"/script

script

$(function(){

$("#div1").hover(function(){

 $(this).find("span").show();

},function(){

 $(this).find("span").hide();

})

})

/script

style

#div1 {width:200px; height:200px;position:relative;border:1px solid #ddd;margin:0;}

#div1 img{ width:200px; height:200px;} 

#div1 span{ position:absolute; top:0; left:0; width:100%; height:100%; display:none; background:rgba(0,0,0,.3); z-index:1; color:#FFF;}

/style

/head

body

div id="div1"

         img src="" /

         span这里是文字文字/span

    /div

/body

/html

关于文字js代码和js文字动画的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。