1.页面中有一图片,请在下划线处添加代码能够实现隐藏该图片的功能

1
<
img 
id="pic" src="door.jpg" width="200" height="300" ___________ >

【解】为图片添加display属性为hidden即可。

 

2.编写样式表,要求图片在文字右方,标题字号16px 粗体居中,内容字号10px,图片宽度为300px。

【解】图片在文字右方可以通过右浮动和设置margin属性实现。

【效果】

【代码】

 1  2 
 3  4     
 5     
index1 6  7 
31 32     
浪漫城市巴黎33     
34     
 35     

浪漫城市巴黎的街景总是出现在无数摄影师的镜头里,或画家的画纸上。富有设计感的建筑,闲适的人群,每一个角落都能够成为美好的风景。36     艺术家Poul就将这美景收入画笔中,用油墨色彩诠释了他眼中的小小巴黎。受其艺术家母亲的教导和影响,Paul注重细节,欣赏艺术,也成为一名出色的艺术家,油画是他的爱好和特长。光线,自然,动感都成为他的创作灵感。文中的每一幅作品都是他经过的建筑和商店,大部分关闭着,剩下各色的门和空空的座椅,巴黎在他的笔下呈现出安静慢调的模样,仿佛一个喷嚏就能够吵醒这座昏昏欲睡的城市。

37     38 39 

 

 3.有两张图片,请编写css样式实现下图显示效果:

【效果】

 

【代码】

    
    
index2
    
        
        
    

 

4.页面上有一个下拉框,用javascript实现选中其中一个选项时,打开一个新窗口,并且打开页面的底色边城选中的颜色。

1
2
3
4
5
<
select 
id="s1">
     
<
option 
value="1">red</
option
>
     
<
option 
value="2">blue</
option
>
     
<
option 
value="3">yellow</
option
>
</
select
>

 

5.网页上面有以下控件

1
2
3
4
5
<
form 
name="testform">
     
城市名称:
     
<
input 
type="text" id="cityid" value="请输入">
</
form
>
<
div 
id="content"></
div
>

请用javascript实现在输入框中输入城市名称后按回车键,在div中显示"xxx欢迎您!"

如输入北京,显示"北京欢迎您",如果没有输入就回车,打开警告框提示"请输入城市名称"。

 1  2 
 3  4     
 5     
index5 6  7 
16 17 18 
19     
20         城市名称:21         
  22     23     
你好~24 
25 26 27 
40 

 

6.用javascript实现找到页面中所有的名称包括"student"的text框,将名称合并,并打开警告框提示"学生名单有: xxx,xxx,xxx"。

1
2
3
4
5
<form action=
""
>
     
<input type=
"text" 
value=
"杰伦"
>
     
<input type=
"text" 
value=
"志玲"
>
     
<input type=
"text" 
value=
"霆锋"
>
</form>

【效果】

【代码】

 1  2 
 3  4     
 5     
index6 6  7  8     
 9         
10         
11         
12     13 14 
22 

 

7.页面上有一个下拉框,并有一个数组,请将数组的数据添加到下拉框中,并选中上海。

1
2
3
4
5
<
select 
id="city">
    
<
option 
value="请选择">请选择</
option
>
</
select
>
<
script
>
    
var all=['北京','上海','江苏','安徽'];

【效果】

【代码】

 1  2 
 3  4     
 5     
index7 6  7  8     
 9         
请选择10     11 12 
    33 

 

8.页面中有一数组,实现对该数组的降序排列,如[6,5,4,3,2,1]。

【效果】

     

【代码】

 1  2 
 3  4     
 5     
index9 6  7 
25 26     
27     
    28 
29     
[4,2,5,6,3,1]30     
31     
32 
33 34 35 

 

 9.有一个闹钟Clock对象,有一个方法alarm,实现整点报时,请实现Clock。

1
2
var cc = new Clock();
cc.alarm();