- 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的文字设置为
文档评论(0)