编程C,C ++,Java,PHP,Ruby,图灵,VB
计算机科学加拿大 
编程C,C ++,Java,PHP,Ruby,图灵,VB  

用户名:   Password: 
 登记登记   
 [教程] [JavaScript]飞行文本
指数 -> 图形和设计,网页设计 -> (x)HTML教程
查看上一个主题 可打印的版本下载主题利率主题订阅本主题私人信息刷新页面 查看下一个主题
作者 信息
asok.




邮政发布: 2003年3月8日星期六上午10:16  帖子主题:[教程] [JavaScript]飞行文本

只需将代码复制并粘贴到空白的HTML或您自己的网页中,以便您可以看到效果。我会向您展示一个例子,但由于某种原因,我猜丹或托尼可以将此代码复制到URL,然后链接它。

代码:
<html>
<body>
<h2><span id="fly"></span></h2>//如果要使用基本的HTML字体标签编辑字体,请替换H2标记
<script>
window.onError =新功能("return true")


//配置要显示的消息。用"^" for linebreak
消息="这是新文本^这是第2行的新文本"// ^ =拍摄新行,相当于<br>
距离= 50 //像素(s),更改此变量更高将使它进一步来自页面。
速度= 100 //毫秒

if (!document.all)
document.write.('<h2>'+message+'</h2>')

</script>

<script language="JavaScript1.2">

TXT ="";
num = 0; num4 = 0;
飞ofle="";
飞ofwi="";flyofto=""
功能秒数(){for(i = 0;一世!= = message.length; i ++){
//如果语句检查消息变量中的^,则可以在单独的线上放置文本
if(message.charAt(i) != "^"){txt=txt+"<span style='position:relative;visibility:hidden;' id='n"+i+"'>"+message.charAt(i)+"<\/span>"};
        else{txt=txt+"<br>"}}; fly.innerhtml = txt; txt =""; flyofle = fly.offsetleft; flyofwi = fly.offsetwidth; flyofto = fly.offsettop; fly2b()}
功能fly2b.(){
   if(num4!= message.Length){
      if(message.charAt(num4) != "^"){
求解("n"+num4+".style.left = flyofle-n"+num4+".offsetleft + flyofwi / 2");
求解("n"+num4+".style.top=flyofto-n"+num4+".offsetTop+distance");
求解("fly3('n"+num4+"',eval(n"+num4+".style.left.substring..(0,n"+num4+".style.left.length-2)),(eval(n"+num4+".style.left.substring..(0,n"+num4+".style.left.length-2))/5),eval(n"+num4+".style.top.substring(0,n"+num4+".style.top.length-2)),(eval(n"+num4+".style.top.substring(0,n"+num4+".style.top.length-2))/5))")};num4++;setTimeout("fly2b()",speed)}}
功能飞3.(目标,lef2,num2,top2,num3){if((Math.floor(top2) != 0 && Math.floor(top2) != -1) || (Math.floor(lef2) != 0 && Math.floor(lef2) != -1)){if(eval("'"+lef2+"'").charAt(0) != '-'){Lef2 = Lef2-Num2}; else {lef2 = lef2 +(-num2)};
        if(Math.floor(lef2) != -1){eval(target+".style.visibility ='可见';"+target+".style.left = math.floor.(lef2)")};
                else{eval(target+".style.visibility ='可见';"+target+".style.left = math.floor.(lef2+1)")};
        if(eval("'"+lef2+"'").charAt(0) != '-'){top2=top2-num3};
                else{top2=top2+(-num3)};if(Math.floor(top2) != -1){eval(target+".style.top = math.floor.(top2)")};
                else{eval(target+".style.top = math.floor.(top2+1)")};
        setTimeout("fly3('"+target+"',"+lef2+","+num2+","+top2+","+num3+")",50)}};

st()

</script>
</body>
</html>


希望你喜欢它 很高兴
赞助
赞助
赞助
赞助
托尼




邮政发布: 2003年3月8日星期六下午1:01  帖子主题:(没有主题)

代码可以使用更好的间距......很难阅读 使困惑

但结果很酷 很高兴
最新来自compsci.ca/blog: Tony's 编程博客。 DWite - A. 编程竞赛.
asok.




邮政发布: 2003年3月8日星期六下午1:19  帖子主题:(没有主题)

在记事本编辑时,我有很好的间隔,但是在将它复制到它时,它会搞砸了。我认为只是因为不同的字体和不同的可编辑大小。
三角洲




邮政发布: 星期二25,2003 2:03 PM  帖子主题:酷!

它适用于我,看起来非常酷! 很高兴
JSBN.




邮政发布: 孙5月25日,2003年4:05 PM  帖子主题:(没有主题)

*撞*
Rizzix.




邮政发布: 2003年5月27日星期二5:50  帖子主题:(没有主题)

呃家伙!

这是一个JavaScript榜样!!!!不是java.

它们是有区别的。

java.Script是由Netscape创建的,使用Java编程语言语法的比特和部分(根本不遵循Java规则)。

另一方面,java是由Sun Microsystems定义和创建的。
由几个天才科学家设计了!酷呃!因此,它是当今世界各地最好的设计语言之一。

所以我想你可能想改变这个论坛的字幕吗?
管他呢...
asok.




邮政发布: 星期二:2003年5月27日下午6:20  帖子主题:(没有主题)

我没有在这里移动这个帖子,所以不要抱怨我。 使困惑





邮政发布: 2003年5月28日星期三下午6:37  帖子主题:(没有主题)

我的糟糕,当我搬了它时,我没有读过它 尴尬
计算机科学加拿大 帮助在C,C ++,Java,PHP,Ruby,图灵,VB等内容中进行编程!
赞助
赞助
赞助
赞助
homer_simpson.




邮政发布: 2003年5月28日星期三下午6:39  帖子主题:(没有主题)

看起来很好......
BTW有谁知道Javascrip教程的好网站?
克里希森




邮政发布: 2003年5月28日星期三下午6:45  帖子主题:(没有主题)

我不是太灌木,但试试 www.webmonkey.com 并搜索JavaScript,网站通常有一些纯粹的好东西。
JSBN.




邮政发布: 2003年5月28日星期三下午6:51  帖子主题:(没有主题)

w00t go web monkey
从上一个显示帖子:   
   指数 -> 图形和设计,网页设计 -> (x)HTML教程
查看上一个主题 告诉一个朋友可打印的版本下载主题利率主题订阅本主题私人信息刷新页面 查看下一个主题

11  [ 11 Posts ]
跳到:   


Style:  
搜索: