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();