明日学院
课程
读书
社区
课程
VIP会员
VIP会员
JavaScript图书答疑
+关注
已有4人关注
+发表新帖
所属版块： JavaScript答疑区
xingxiangsky
学分:6
+关注
私信
立即签到
老师 p79 例题5.3 光盘中的例子为什么没有得到正常的效果
发表在JavaScript图书答疑 2016-12-19
是否精华 是 否
版块置顶: 是 否

用的是360浏览器，书名是《JavaScript从入门到精通》

于2016-12-19 22:56:44编辑
分享到：
关注
 回复
支持(0)
反对(0)
精彩评论 3
阿白老师
学分：598 LV6
+关注 私信
TA的每日心情
开心
2017-05-02 16:47:53
2016-12-20
沙发

同学 你好，如果可以的话，请将你写的代码 贴出来！我们好帮你解决问题！

 回复
支持(0)
反对(0)
xingxiangsky
学分：6 LV1
+关注 私信
2016-12-20
板凳

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<title>跟随鼠标移动的文字</title>

<style>

.move_out{position:relative;cursor:hand

;font-family: "华文行楷"}

</style>

</head>

<script language="JavaScript">

var move_out=false; //定义变量，值为false

var z,x,y; //定义变量

function move(){ //创建函数

if(event.button==move_out){ //判断当前鼠标是否是左键按下状态

    z.style.pixelLeft=temporarily1+event.clientX-x; //获取当前鼠标的位置

      z.style.pixelTop=temporarily2+event.clientY-y;//获取当前鼠标的位置

      return false;

  }

}

function down(){ //创建自定义函数，实现文字的移动

  if(event.srcElement.className=="move_out"){ //应用srcElement属性获取当前事件的对象

    move_out=true;

      z=event.srcElement;

      temporarily1=z.style.pixelLeft;

      temporarily2=z.style.pixelTop;

      x=event.clientX; //获取鼠标在窗口中的X位置

      y=event.clientY; //获取鼠标在窗口中的Y位置

      document.onmousemove=move; //当鼠标移动时执行move()函数

    }else{

move_out=false;

}

}

document.onmousedown=down; //当鼠标按下时执行down()函数

</script>

<body>

<font color=0000ff size= 10 class="move_out">吉林省明日科技</font> 

</body>

</html>


 回复
支持(0)
反对(0)
阿白老师
学分：598 LV6
+关注 私信
TA的每日心情
开心
2017-05-02 16:47:53
2016-12-21
地板

请在IE浏览器下，在看看效果如何？ 不同浏览器对属性的识别是不同的

 回复
支持(0)
反对(0)
已解决
首页上一页 1 下一页尾页 3 条记录 1/1页
手机同步功能介绍
友情提示：以下图书配套资源能够实现手机同步功能
明日微信公众号
明日之星 明日之星编程特训营
客服热线(每日9:00-17:00)
400 675 1066
mingrisoft@mingrisoft.com
吉林省明日科技有限公司Copyright ©2007-2022,mingrisoft.com, All Rights Reserved长春市北湖科技开发区盛北大街3333号长春北湖科技园项目一期A10号楼四、五层
吉ICP备10002740号-2吉公网安备22010202000132经营性网站备案信息 营业执照