1. 根据下图,编写HTML结构。要求:遵循xHTML 1.0规范且符合Web语义。
2. 请用CSS定义 <p> 标签,要求实现以下效果: 字体颜在IE6下为黑(#000000);IE7下为红(#ff0000);而其他浏览器下为绿(#00ff00)。
<!—[!ie6]-->
3请根据下面的HTML和CSS代码,画出布局示意图:
<div id="page">
<div class="main"><div class="sub"></div></div>
<div class="nav"></div>
</div>
<style type="text/css">
#page { width: 520px; }
.nav { width: 200px; float: right; }
.main { width: 200px; float: left; padding-left: 110px; }
.sub { width: 100px; float: left; margin: 10px 0 10px -100px; }
.main { border: 1px solid #000; }
.nav, .sub { border: 1px dashed #000; height: 300px; }
.sub { height: 280px; }
</style>
宽度值不必精确到像素,示意即可。
4请把以下用于连接字符串的JavaScript代码修改为更高效的方式
var htmlString = ‘<div class=”container”>’ +
‘<ul id=”news-list”>’;
for (var i = 0; i < NEWS.length; i++) {
htmlString += ‘<li><a href=”’ +
用div与css实现网页布局代码NEWS[i].LINK + ‘”> +
NEWS[i].TITLE + ‘</a></li>’;
}
htmlString += ‘</ul></div>’;
5尝试实现注释部分的Javascript代码,可在其他任何地方添加更多代码(如不能实现,说明一下不能实现的原因):
var Obj = function(msg){
this.msg = msg;
this.shout = function(){
alert(this.msg);
}
this.waitAndShout = function(){
//隔五秒钟后执行上面的shout方法
}
}
6请编写一个JavaScript 函数toRGB,它的作用是转换CSS中常用的颜编码。 要求:
alert(toRGB("#0000FF")); // 输出 rgb(0, 0, 255)
alert(toRGB("invalid")); // 输出 invalid
alert(toRGB("#G00")); // 输出 #G00
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论