关于js和div的简单应用

原创 2011年01月13日 11:25:00

第一部分

------------------------------------------------------------------------------------------------------------------------------------------------

<html>
  <head>
     <title>JS测试</title>
  </head>
  <style>
    body{
   padding:0;
   spacing:0;
 }
    #top{
   width:800px;
   height:50px;
   background-color:#336699;
   display:block;
 }
 #content{
   spacing-top:1px;
   width:800px;
   height:200px;
   background-color:#336699;
 }
 #foot{
   width:800px;
   height:200px;
   background-color:green;
   border:1 solid red;
 }
  </style>
  <script language="javascript">
    function mo(){
     document.getElementById('content').style.visibility="hidden";
 }
 function no(){
     document.getElementById('content').style.visibility="visible";
 }
 function mo1(){
     document.getElementById('top').style.display="none";
  document.getElementById('content').style.background="yellow";
 }
 function no1(){
     document.getElementById('top').style.display="block";
  document.getElementById('content').style.background="#336699";
 }
 function con(){
     document.getElementById('foot').innerHTML='<font color="red">这个世界很美好!</font><br><input type="text" value="你是个好人" />';
 }
  </script>
  <body>
     <div id="top" onmouseover="mo1();" onmouseout="no1();">
     这是头部
  </div>
  <div id="content" onmouseover="mo();" onmouseout="no();">
     这是内容部分<BR>
  
  </div>
  <div id="foot" onmouseover="con();">
     foot
  </div>
  </body>
</html>

第二部分

----------------------------------------------------------------------------------------------------------------------------------------------

<html>
  <head>
     <title>JS测试</title>
  </head>
  <style>
    #top{
   width:800px;
   height:50px;
   background-color:#336699;
   display:block;
 }
 #foot{
   width:800px;
   height:100px;
   border:1 solid blue;
   text-align:center;
 }
 
  </style>
  <script language="javascript">
  
 function mo1(){
     document.getElementById('top').style.background="red";
 }
 function no1(){
     document.getElementById('top').style.background="#336699";
 }
 function getHTML(){
     var setHTML = document.getElementById('top').innerHTML;
  document.getElementById('foot').innerHTML = setHTML;
 }
  </script>
  <body>
     <div id="top" onmouseover="mo1();" onmouseout="no1();">
     这是头部,你好!
  </div>
  <div id="foot">
    <button onclick="getHTML();">内容</button>
  </div>
  </body>
</html>

第三部分

------------------------------------------------------------------------------------------------------------------------------------------

<html>
<head>
  <title>页面内容不能被复制</title>
</head>
<style>
@media print{
  body{
  display:none;
  }
}
</style>
<body oncontextmenu="return false"
      ondragstart="return false"
   onselectstart="return false"
   onselect="document.selection.empty()"
   oncopy="document.selection.empty()"
   onbeforecopy="return false"
   onmouseup="document.selection.empty()">
  
   好好学习,天天向上!
</body>
</html>

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

Mac 让 iTerm2 记住用户名密码 expect 脚本

刚刚用iTerm2的时候,总是要一遍遍的敲用户名、密码。 我在想, 能不能像Windows的软件一样,可以直接让软件记住。然后只要点击一下,就直接ssh到远程服务器上面去了。 之后经过搜索,可以用ex...

linux中find命令的用法

find命令是比较常用的命令,用来在特定目录下查找具有某种特征的文件。 一:find命令格式如下: find [-path......] -options [-print -exec -ok] pat...

linux下的find文件查找命令与grep文件内容查找命令

在使用linux时,经常需要进行文件查找。其中查找的命令主要有find和grep。两个命令是有区的。     区别:(1)find命令是根据文件的属性进行查找,如文件名,文件大小,所有者,所属组,是...

翱翔GitHub的海洋

GitHub 其中一个最重要的作用就是发现全世界最优秀的开源项目,你没事的时候刷刷微博、知乎,人家没事的时候刷刷 GitHub ,看看最近有哪些流行的项目,久而久之,这差距就越来越大,那么如何发现优秀...

在Ubuntu平台下编译比特币bitcoin客户端

1,先安装一些必要的依赖库(见参考资料(3),反正能装的都装上,具体作用可见参考资料) sudo apt-get install build-essential libtool autotool...

linux下文件的三个时间(Atime ,Mtime,Ctime)

在windows系统中创建文件会保存文件有关的三个时间,分别是创建时间,修改时间,访问时间。 在linux中式怎样的呢? 我们在linux中新建一个文件,用stat命令查看文件信息: 系统保存...

POJ 3061 Subsequence【尺取法】

尺取法

十、mcg-helper研发小助手发布v1.0.0-beta版本

mcg-helper定位研发工具,以研发人员为中心,致力于减少、简化工作量,提供便捷实用的功能服务,具备以下优势:                * ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)