首页 - 网校 - 面授 - 品牌榜 - 书城 - 视线 - 模拟考场 - 考友录 - 论坛 - 导航 -

首页　考试吧论坛　 Exam8视线　考试商城　网络课程　模拟考试　考友录　实用文档　求职招聘　论文下载
		2011中考 \| 2011高考 \| 2012考研 \| 考研培训 \| 在职研 \| 自学考试 \| 成人高考 \| 法律硕士 \| MBA考试 MPA考试 \| 中科院
		四六级 \| 职称英语 \| 商务英语 \| 公共英语 \| 托福 \| 雅思 \| 专四专八 \| 口译笔译 \| 博思 \| GRE GMAT 新概念英语 \| 成人英语三级 \| 申硕英语 \| 攻硕英语 \| 职称日语 \| 日语学习 \| 法语 \| 德语 \| 韩语
		计算机等级考试 \| 软件水平考试 \| 职称计算机 \| 微软认证 \| 思科认证 \| Oracle认证 \| Linux认证华为认证 \| Java认证
		公务员 \| 报关员 \| 银行从业资格 \| 证券从业资格 \| 期货从业资格 \| 司法考试 \| 法律顾问 \| 导游资格报检员 \| 教师资格 \| 社会工作者 \| 外销员 \| 国际商务师 \| 跟单员 \| 单证员 \| 物流师 \| 价格鉴证师人力资源 \| 管理咨询师考试 \| 秘书资格 \| 心理咨询师考试 \| 出版专业资格 \| 广告师职业水平驾驶员 \| 网络编辑
		卫生资格 \| 执业医师 \| 执业药师 \| 执业护士
		会计从业资格考试（会计证） \| 经济师 \| 会计职称 \| 注册会计师 \| 审计师 \| 注册税务师注册资产评估师 \| 高级会计师 \| ACCA \| 统计师 \| 精算师 \| 理财规划师 \| 国际内审师
		一级建造师 \| 二级建造师 \| 造价工程师 \| 造价员 \| 咨询工程师 \| 监理工程师 \| 安全工程师质量工程师 \| 物业管理师 \| 招标师 \| 结构工程师 \| 建筑师 \| 房地产估价师 \| 土地估价师 \| 岩土师设备监理师 \| 房地产经纪人 \| 投资项目管理师 \| 土地登记代理人 \| 环境影响评价师 \| 环保工程师城市规划师 \| 公路监理师 \| 公路造价师 \| 安全评价师 \| 电气工程师 \| 注册测绘师 \| 注册计量师
		缤纷校园 \| 实用文档 \| 英语学习 \| 作文大全 \| 求职招聘 \| 论文下载 \| 访谈 \| 游戏

考试动态　报考指南　考试大纲　历年真题　模拟试题　复习资料　经验　编辑推荐　模拟考场　论坛　短信提醒

初级职称| 程序员　网络管理员　中级职称| 软件设计师　网络工程师高级职称| 系统分析师信息系统项目管理　热点专题

您现在的位置：考试吧(Exam8.com) > 软件水平考试 > 复习资料 > 网页制作 > 正文

论坛交流 在线模考 考友群 图书咨询 考试用书

网页特效：会动的波浪型文字特效

来源：考试吧（Exam8.com）　2008-6-13　【考试吧：中国教育培训第一门户】　模拟考场

　　要完成此效果需要两个步骤

　　第一步：把如下代码加入到<head>区域中

　　<script>
　　message="Welcome to Javascript Fairyland!"
　　ns6switch=1
　　var ns6=document.getElementById&&!document.all
　　mes=new Array();
　　mes[0]=-1;
　　mes[1]=-4;
　　mes=-7;mes=-10;
　　mes=-7;
　　mes=-4;
　　mes=-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("http://www.softii.com/")
　　 }
　　 }
　　 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>

　　第二步：把如下代码加入到<body>区域中

　　<h2><div id="jumpx" style="color:33ff33"></div></h2>
　　<script>
　　if (document.all||document.getElementById){
　　jump=(document.getElementById)? document.getElementById("jumpx") : document.all.jumpx
　　jump0()
　　}
　　else
　　document.write(message)
　　</script>

1 2 下一页

文章责编：liujun1987 　

看了本文的网友还看了

·如何查看网页的responseheader信息并利用其提升性能  (2009-7-1)
·ASP入门教程静态网页和动态网页  (2009-6-2)
·网页制作:web网页设计标准大小  (2009-6-2)
·网页制作技巧:用VFP管理网页文件  (2009-6-2)
·网站关键词摆放的网页的5个地方  (2009-6-2)
·浅谈DIV+CSS网页布局开发心得  (2009-6-2)

返回首页 在线模考 考友录 考试论坛 考试教材

2011上半年软考软件设计师考试试题及答案…
2011年上半年软考软件设计师考试试题及答…
2011年上半年系统集成项目管理师试题及答…
2009年软考网络工程师考试下午试题(三)
2009年软考网络工程师考试下午试题(二)
2009年软考网络工程师考试下午试题(一)
2009年软考网络工程师考试上午模拟试题(二…
2009年软考网络工程师考试上午模拟试题(一…
2009年上半年软考网络工程师考试上午冲刺…
2009年上半年软考网络工程师考试上午冲刺…

2011年上半年软考成绩查询入口开通(高级)
2011年上半年山东软考成绩查询入口
2011年下半年北京软考报名入口
2011年软件水平考试网络工程师章节复习汇总
2011年上半年河南软考成绩查询入口
2011年上半年河北软考成绩查询入口
2011年下半年江苏软考报名入口
2011年软件水平考试网络工程师常用计算公式汇
2011年软件水平考试网络管理员学习笔记汇总
2011年下半年山东计算机软件水平考试报名通知

软件水平考试栏目导航

信息处理技术员
电子商务技术员

信息安全工程师
信息系统运行管理员

多媒体应用制作
软件设计师

信息系统监理师
电子商务设计师

计算机辅助设计师
计算机硬件工程师

嵌入式系统设计师
数据库系统工程师

系统构架设计师
网络规划设计师

系统规划与管理师
信息系统项目管理师

IT技术
特色栏目
考试用书
模拟考场

交流互动

128种考试
公务员
学历类
外语类
计算机
资格类
外贸类
会计类
工程类
医学类
考生相关频道
实用工具

公务员 | 招警考试 | 选调生 | 村官 | 公检法 | 事业单位 | 政法干警 | 社会工作师 | 乡镇公务员 | 教师 | 军转干 | 路转税

关于本站　网站声明　广告服务　联系方式　付款方式　站内导航　客服中心　友情链接　考试论坛　最新更新　网站地图

中国科学院研究生院权威支持(北京)　电话：010-62168566　传真：010-62192699

首页　考试吧论坛　 Exam8视线　考试商城　网络课程　模拟考试　考友录　实用文档　求职招聘　论文下载
		2011中考 \| 2011高考 \| 2012考研 \| 考研培训 \| 在职研 \| 自学考试 \| 成人高考 \| 法律硕士 \| MBA考试 MPA考试 \| 中科院
		四六级 \| 职称英语 \| 商务英语 \| 公共英语 \| 托福 \| 雅思 \| 专四专八 \| 口译笔译 \| 博思 \| GRE GMAT 新概念英语 \| 成人英语三级 \| 申硕英语 \| 攻硕英语 \| 职称日语 \| 日语学习 \| 法语 \| 德语 \| 韩语
		计算机等级考试 \| 软件水平考试 \| 职称计算机 \| 微软认证 \| 思科认证 \| Oracle认证 \| Linux认证华为认证 \| Java认证
		公务员 \| 报关员 \| 银行从业资格 \| 证券从业资格 \| 期货从业资格 \| 司法考试 \| 法律顾问 \| 导游资格报检员 \| 教师资格 \| 社会工作者 \| 外销员 \| 国际商务师 \| 跟单员 \| 单证员 \| 物流师 \| 价格鉴证师人力资源 \| 管理咨询师考试 \| 秘书资格 \| 心理咨询师考试 \| 出版专业资格 \| 广告师职业水平驾驶员 \| 网络编辑
		卫生资格 \| 执业医师 \| 执业药师 \| 执业护士
		会计从业资格考试（会计证） \| 经济师 \| 会计职称 \| 注册会计师 \| 审计师 \| 注册税务师注册资产评估师 \| 高级会计师 \| ACCA \| 统计师 \| 精算师 \| 理财规划师 \| 国际内审师
		一级建造师 \| 二级建造师 \| 造价工程师 \| 造价员 \| 咨询工程师 \| 监理工程师 \| 安全工程师质量工程师 \| 物业管理师 \| 招标师 \| 结构工程师 \| 建筑师 \| 房地产估价师 \| 土地估价师 \| 岩土师设备监理师 \| 房地产经纪人 \| 投资项目管理师 \| 土地登记代理人 \| 环境影响评价师 \| 环保工程师城市规划师 \| 公路监理师 \| 公路造价师 \| 安全评价师 \| 电气工程师 \| 注册测绘师 \| 注册计量师
		缤纷校园 \| 实用文档 \| 英语学习 \| 作文大全 \| 求职招聘 \| 论文下载 \| 访谈 \| 游戏

北京	天津	上海	江苏	山东
安徽	浙江	江西	福建	深圳
广东	河北	湖南	广西	河南
海南	湖北	四川	重庆	云南
贵州	西藏	新疆	陕西	山西
宁夏	甘肃	青海	辽宁	吉林
黑龙江	内蒙古