2. 计算机
  3. 阅读下列说明和HTML 文本，分析其中嵌入的JavaScrlpt 脚本，将应填入(n)处的语句写在对应栏内。 [说明] 本题实现用鼠标拖拽图片在Web页内移动的功能。将鼠标放在图片上，按下左键，移动鼠标便可带动图片一起移动。 [HT

阅读下列说明和HTML 文本，分析其中嵌入的JavaScrlpt 脚本，将应填入(n)处的语句写在对应栏内。 [说明] 本题实现用鼠标拖拽图片在Web页内移动的功能。将鼠标放在图片上，按下左键，移动鼠标便可带动图片一起移动。 [HT

admin2009-02-15  124
问题 阅读下列说明和HTML 文本，分析其中嵌入的JavaScrlpt 脚本，将应填入(n)处的语句写在对应栏内。
    [说明]
    本题实现用鼠标拖拽图片在Web页内移动的功能。将鼠标放在图片上，按下左键，移动鼠标便可带动图片一起移动。
    [HTML 文本]
   ＜html＞
   ＜!--省略部分为HTML 框--＞
   ……
        ＜style＞
        ＜!-drag {position：relative；cursor；hand}       //css 程序，通过类选择符建立类，类的名称为 drag
         --＞
        ＜/style＞
         (1)                                     //JavaScript 区域开始标识
        var m=false                                 //声明几个变量
        var 2，X，y
        function p(){                              //定义一个函数p()，判断鼠标是否已按下左键
        if(  (2)&&m){
        z. style.pixelLeft=a+event.clientX-x        //定义图片左上角的位置
        z. Style.pixelTop=b+event.clientY-y
        return false
        }
        }
        function q(){       //定义一个函数q()。如果是Netscape浏览器，就返回。所以此效果在Nemcape
                            //浏览器中看不到
        if(!document,all)
        retum
        if(event,srcElement.className=="drag"，)//如果鼠标左键被按下，返回z，a，b，x，y的值
        m=true
        z=event.srcElement
        a=z.style.pixelLeft
        b=z.style.pixelTop
        x=event.clientX
        y=event.clientY
         (3)           //当鼠标移动时，执行p()函数，当鼠标按下的时候，执行q函数，当鼠标
                        //抬起的时候，不执行任何函数
     }
     }
       (4)  
        document. onmouseup=newfunction(“(5)”)
选项
答案(1)＜script language="JavaScript"＞ (2)event. Button ==1 (3)document. onmousemove=p (4)document. onmousedown=q (5)m=false
解析
转载请注明原文地址:https://kaotiyun.com/show/Ce3Z777K
本试题收录于： 网络管理员下午应用技术考试题库软考初级分类
0

网络管理员下午应用技术考试

软考初级

相关试题推荐
随机试题
最新回复(0)