- 1、本文档共5页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
- 5、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
- 6、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们。
- 7、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 8、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
SVG实验
实验一是写XML程序,并在XML里面引入外部文档的,自己看看书。。
1、javascript实时显示系统时间
html
head
script language=javascript type=text/javascript
!--
function startTime()
{
var today=new Date();
var years=today.getYear();
var months=today.getMonth();
var d=today.getDate()
var h=today.getHours()
var m=today.getMinutes()
var s=today.getSeconds()
months=months+1
months=checkTime(months)
d=checkTime(d)
m=checkTime(m)
s=checkTime(s)
var weekday=new Array(日,一,二,三,四,五,六);
var w=weekday[today.getDay()]
document.getElementById(ShowTime).innerHTML=years+年+months+月+d+日+星期+w+h+:+m+:+s;
t=setTimeout(startTime(),1000) //1000ms调用一次
}
function checkTime(i)
{ if (i10) {i=0 + i} return i }
--
/script
/head
body onload=startTime()
div id=ShowTimebr/div
/html
2、javascript输出倒三角
html
head
script language=javascript type=text/javascript
!--
function showsj()
{
document.write(div style=text-align:center;);
for(var i=10;i=0;i--)
{
for(var j=0;j=i;j++){document.write(*);}
document.write(br);
}
document.write(/div);
}
--
/script/head
body onload=showsj()/body/html
3 随机显示某个范围的一个数
htmlhead
script language=javascript type=text/javascript
!--function showsuijishu(){
x=Math.round(Math.random()*20)+60; //60-80的随机数60为上限,60+20为下限
document.write(生成随机数:+x);
}--
/script/headbody onload=showsuijishu()/body/html
4、调试例程7-4。(课本80页,注意老师说了要修改的地方)
5、编写一段SVG程序,要求使用text,circile,rect元素,并使用引用外部CSS的方式引用SVG.CSS来修饰SVG程序。
?xml version=1.0 encoding=utf-8 standalone=no?
?xml-stylesheet href=svg.css type=text/css? //引用外部CSS
svg width=640 height=480 version=1.1 xmlns=/2000/svg xmlns:xlink=/1999/xlink
rect x=100 y=100 width=200 height=100/rect
circle cx=400 cy=150 r=50/circle
text x=100 y=80 class=H1welcome/text
text x=250 y=80 class=H2to svg/text
/svg
6、编写SVG.CSS,要求:1、将所有矩形设置为:描边颜色为蓝色;描边宽度为1;填充颜色为红色; 2、将所有圆形设置为:描边颜色为黑色;描边宽度为3;填充颜色为绿色;
3、将所有class=H1的文字设置为:字号大小为40,字体填充颜色为红色; 4、将所有class=H2的文字设置为
您可能关注的文档
- 总结表格1.doc
- 感染性医疗废物.doc
- 意大利科学家—伽利略.ppt
- 托福听力Unit_3.ppt
- 揭秘环境监测行业现状预测趋势.doc
- 教案1(基础课版).doc
- 教研工作计划(11-12上).doc
- 教学模式与探索.doc
- Keil_uVision2应用.doc
- 故乡欣赏.ppt
- 2025年浙江财经大学东方学院单招语文测试模拟题库及答案1套.docx
- 2025年浙江安防职业技术学院单招(语文)测试模拟题库完整.docx
- 2025年浙江商业职业技术学院单招语文测试模拟题库一套.docx
- 2025年浙江广厦建设职业技术大学单招语文测试模拟题库a4版.docx
- 2025年浙江工业大学之江学院单招语文测试题库有答案.docx
- 2025年湖北省十堰市选调生考试(行政职业能力测验)综合能力题库参考答案.docx
- 2025年湖北生物科技职业学院单招(语文)测试题库含答案.docx
- 2025年湖北省省直辖行政单位行政职业能力测验题库新版.docx
- 2025年湖北省十堰市单招(语文)测试模拟题库及完整答案一套.docx
- 2025年湖北工程职业学院单招(语文)测试模拟题库附答案.docx
最近下载
- CAD链轮的画法 用CAD链轮的画法 实用.doc VIP
- 2025年电工技师考试题及答案.doc VIP
- 2024—2025学年江苏省苏州市沙溪高级中学高二上学期9月月考语文试卷.doc VIP
- 建筑工程项目管理制度.pdf VIP
- 运动康复中心的创新商业模式探索.docx VIP
- 员工婚丧及伤病住院慰问金实施办法.doc VIP
- TZZB 3693-2024 工程机械渗碳重载圆柱齿轮.pdf
- 护理查房急性心肌梗死护理查房.pptx VIP
- 统编版小学语文五年级上册第一单元 落花生 大单元学历案 教学设计附双减作业设计(基于新课标教学评一体化).docx VIP
- 2025年电工(技师)证考试题及电工(技师)试题答案 .pdf VIP
文档评论(0)