SVG实验.docVIP

实验一是写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 ２、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的文字设置为