javascript:逃走的按钮
来源:优易学  2010-1-15 12:31:59   【优易学:中国教育考试门户网】   资料下载   IT书店

  一、 由来

  曾有一些“纯属娱乐”的网页,有一些有奖问答题,但又故意让你点不到正确的答案:当你鼠标

  一靠近按钮,按钮就逃开了。自己也试着做了一个,供大家学习娱乐。

  二、 原理

  其实非常简单:当鼠标放到按钮上面时,改变按钮的位置(赋随机值)。

  三、 代码

  代码

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

  <html>

  <head>

  <title>你中奖了!!!!</title>

  <style>

  body {

  text-align:center;

  }

  #d {

  margin-left:0 auto;

  margin-right:0 auto;

  text-align:center;

  }

  input {

  width:100px;

  height:40px;

  }

  </style>

  </head>

  <body>

  <div id="d">

  <h2>恭喜你得了一等奖,点击领取:</h2>

[1] [2] 下一页

责任编辑:cyth

文章搜索:
 相关文章
热点资讯
资讯快报
热门课程培训