[quote]小贤是一条可爱的小狗(Dog)，它的叫声很好听(wow)，每次看到主人的时候就会乖乖叫一声(yelp)。
从这段描述可以得到以下对象：
function Dog() {
this.wow = function() {
alert('Wow');
}
this.yelp = function() {
this.wow();
}
}
小芒和小贤一样，原来也是一条可爱的小狗，可是突然有一天疯了(MadDog)，一看到人就会每隔半秒叫一声(wow)地不停叫唤(yelp)。
请根据描述，按示例的形式用代码来实现（提示关键字: 继承，原型，setInterval）。
[/quote]
解答：
[code]
/****疯狂的小狗...*****/
var MagDog = function(){
var obj = this;
return window.setInterval(function(){
obj.yelp();
},500)
};
MagDog.prototype = new Dog();
var md = new MagDog();
[/code]
[quote]以下两道题目您可以任选一道：
1.使用纯CSS实现未知尺寸的图片(高宽都小于200px)在200px的正方形容器中同时水平和垂直居中。
2.在不使用 border 样式的情况下，画出一条高为1px的横线，在不同浏览器的Quirksmode和CSSCompat模式下都保持同一效果。 [/quote]
回答：
[code]
<style>
* {margin:0;padding:0;}
/* 1px 横线 */
.h1px{
height:1px;
line-height:1px;
background-color:red;
overflow:hidden;
}
.center{
}
/* 垂直水平居中 */
#imgwapper{
height:200px;
width:200px;
border:1px dotted green;
text-align:center;
vertical-align:middle;
line-height:200px;
font-size:200px;
/*background:url(boin.png) center no-repeat; 背景图方法*/
}
</style>
</head>
<body>
<div>
<div class="h1px">1111</div>
<div id="imgwapper">
<img class="center" src="boin.png"></img>
</div>
<div>
</body>
<html>
[/code]
提问：
[quote]请给Array本地对象增加一个原型方法，它的用途是删除数组条目中重复的条目(可能有多个)，返回值是一个仅包含被删除的重复条目的新数组。[/quote]
回答：
[code]
/**** 疯狂的数组 *****/
Array.prototype.distinct = function(){
var arr = this;
var distincted = new Array();
for(var i in arr){
if(i=='distinct')continue;
if(distincted.length==0)distincted.push(arr[i]);
for(var j=0;j<distincted.length;j++){
if(arr[i]==distincted[j]){
break;
}
if(j>distincted.length-2)distincted.push(arr[i]);
}
}
return distincted;
}
//alert([1,1,1,1,2,2,3,4].distinct())
</script>
[/code]
从这段描述可以得到以下对象：
function Dog() {
this.wow = function() {
alert('Wow');
}
this.yelp = function() {
this.wow();
}
}
小芒和小贤一样，原来也是一条可爱的小狗，可是突然有一天疯了(MadDog)，一看到人就会每隔半秒叫一声(wow)地不停叫唤(yelp)。
请根据描述，按示例的形式用代码来实现（提示关键字: 继承，原型，setInterval）。
[/quote]
解答：
[code]
/****疯狂的小狗...*****/
var MagDog = function(){
var obj = this;
return window.setInterval(function(){
obj.yelp();
},500)
};
MagDog.prototype = new Dog();
var md = new MagDog();
[/code]
[quote]以下两道题目您可以任选一道：
1.使用纯CSS实现未知尺寸的图片(高宽都小于200px)在200px的正方形容器中同时水平和垂直居中。
2.在不使用 border 样式的情况下，画出一条高为1px的横线，在不同浏览器的Quirksmode和CSSCompat模式下都保持同一效果。 [/quote]
回答：
[code]
<style>
* {margin:0;padding:0;}
/* 1px 横线 */
.h1px{
height:1px;
line-height:1px;
background-color:red;
overflow:hidden;
}
.center{
}
/* 垂直水平居中 */
#imgwapper{
height:200px;
width:200px;
border:1px dotted green;
text-align:center;
vertical-align:middle;
line-height:200px;
font-size:200px;
/*background:url(boin.png) center no-repeat; 背景图方法*/
}
</style>
</head>
<body>
<div>
<div class="h1px">1111</div>
<div id="imgwapper">
<img class="center" src="boin.png"></img>
</div>
<div>
</body>
<html>
[/code]
提问：
[quote]请给Array本地对象增加一个原型方法，它的用途是删除数组条目中重复的条目(可能有多个)，返回值是一个仅包含被删除的重复条目的新数组。[/quote]
回答：
[code]
/**** 疯狂的数组 *****/
Array.prototype.distinct = function(){
var arr = this;
var distincted = new Array();
for(var i in arr){
if(i=='distinct')continue;
if(distincted.length==0)distincted.push(arr[i]);
for(var j=0;j<distincted.length;j++){
if(arr[i]==distincted[j]){
break;
}
if(j>distincted.length-2)distincted.push(arr[i]);
}
}
return distincted;
}
//alert([1,1,1,1,2,2,3,4].distinct())
</script>
[/code]
291
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
