javascript 洒脱飘动的文字

更新时间：2009年10月22日 12:59:19 作者：

飘动的文字，看着还挺自在、洒脱，网上经常见的东西，原来是这么实现的，奉献给大家哦。

<title>飘动的文字</title> <body> <script language="JavaScript"> message="北京是我家，发展靠大家！" ns6switch=1 var ns6=document.getElementById && !document.all mes=new Array(); mes[0]=-1; mes[1]=-4; mes[2]=-7;mes[3]=-10; mes[4]=-7; mes[5]=-4; mes[6]=-1; num=0; num2=0; txt=""; function jump0(){ if (ns6 && !ns6switch){ jump.innerHTML=message return } if(message.length > 6){ for(i=0; i != message.length;i++){ txt=txt+"<span style='position:relative;' id='n"+i+"'>"+message.charAt(i)+"</span>"}; jump.innerHTML=txt; txt=""; jump1a() } else{ alert("Your message is to short") } } function jump1a(){ nfinal=(document.getElementById)? document.getElementById("n0") : document.all.n0 nfinal.style.left=-num2; if(num2 != 9){ num2=num2+3; setTimeout("jump1a()",50) } else{ jump1b() } } function jump1b(){ nfinal.style.left=-num2; if(num2 != 0){num2=num2-3; setTimeout("jump1b()",50) } else{ jump2() } } function jump2(){ txt=""; for(i=0;i != message.length;i++){ if(i+num > -1 && i+num < 7){ txt=txt+"<span style='position:relative;top:"+mes[i+num]+"'>"+message.charAt(i)+"</span>" } else{txt=txt+"<span>"+message.charAt(i)+"</span>"} } jump.innerHTML=txt; txt=""; if(num != (-message.length)){ num--; setTimeout("jump2()",50)} else{num=0; setTimeout("jump0()",50)}} </script> <h2><div id="jumpx" style="color:green"></div></h2> <script> if (document.all||document.getElementById){ jump=(document.getElementById)? document.getElementById("jumpx") : document.all.jumpx jump0() } else document.write(message) </script> </body>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

Js 网页上反复显示隐藏效果的文本
一个JavaScript特效，在网页上反复显示一些可隐藏的文字，快速滚入而后快速消失，很不错的文字效果。
2010-03-03
使用JavaScript让网页的title动起来
使用webQQ有些时间了，webQQ每次收到信息，就会看到title提示那个网友或群来信息，发现挺有意思，其实这个很简单。
2011-01-01
文字在网页上下浮动学习可以不建议用
JavaScript控制文字像跳跳球一样在网页上浮动，碰到边缘自动回来，有兴趣看一下。
2009-11-11
Javascript 小写字母依次变为大写
Javascript把小写字母依次变为大写，严格来说不算是大小写转换程序，它主要是把文字按一定顺序依次变为小写的，估计有人要用到吧。
2009-10-10
文字瞬间从左到右切换显示的JavaScript代码
Javascript一文字修饰程序，不知如何来形容，看了比较喜欢，让一组文字不断的切换，显示时候从左到右瞬间切换完成，但还能让人感觉有动态变化的效果，有兴趣试一下，直接复制到你的网页上就能用了
2009-10-10
5分钟教你学会超简单的html+css魔幻霓虹灯文字特效
这篇文章5分钟教你学会超简单的html+css魔幻霓虹灯文字特效,只用简单的html+css就可以完成,不需要配置运行环境,魔幻的霓虹灯特效非常炫酷,一起来学习一下,需要的朋友可以参考下
2023-03-03
Js+CSS实现的间断和不间断文本滚动代码
Js+CSS间断和不间断文本滚动代码，文字在一行高度范围内不间断滚动，还有一个是间断滚动，滚动一次后会稍停片刻再次滚动。
2010-10-10
Js仿新浪微博首页内容滚动
JavaScript仿新浪微博首页的内容滚动，将推荐的几条微博按一定规律自行滚动，依次类推，大家先看看效果就明白了
2010-11-11
javascript 洒脱飘动的文字
飘动的文字，看着还挺自在、洒脱，网上经常见的东西，原来是这么实现的，奉献给大家哦。
2009-10-10
一个实现字体大中小方法的JavaScript代码
再发一个实现字体大中小方法的JavaScript代码，这种效果估计大家在网上见到挺多了，点击适时改变网页上字体的大小，以适合不同人群的浏览体验，本代码较简单，使用方便。
2011-08-08

javascript 洒脱飘动的文字

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具