网站导航网学 原创论文 原创专题 网站设计 最新系统 原创论文 论文降重 发表论文 论文发表 UI设计定制 论文答辩PPT格式排版 期刊发表 论文专题
返回网学首页
网学原创论文
最新论文 推荐专题 热门论文 论文专题
当前位置: 网学 > 设计资源 > 实用代码片段 > 正文

200多个网页设计常用技巧代码

论文降重修改服务、格式排版等 获取论文 论文降重及排版 论文发表 相关服务
osition: absolute; left: 10; top: 10; width: 760; height:16">
  <table border="1" cellpadding="2" cellspacing="2" cellpadding="0" cellspacing="0"
  
  style="border-collapse: collapse" bordercolor="#CCCCCC" width="100%" ID="Table1">
   <tr>
   <td width="100%" id=div1> </td>
   </tr>
  </table>
  </div>//
  
  102.是一个特殊的容器,想装个网页都行
  <button><iframe src="http://www.google.com/"></iframe></button>//button
  
  103.外部的html代码
  event.srcElement.outerHTML//
  
  104.标识当前的IE事件的触发器
  event.srcElement和event.keyCode//
  
  105.事件类型
  event.type//
  
  106.动态改变类型
  <style>
  .Overnone { border-width:0;background-color:darkblue;cursor:default;color:gold;width:115}
  .Outnone {border-width:0;background-color:white;cursor:default;width:115}
  </style>
  <input class=Outnone onmouseover=this.className='Overnone' >//
  
  107.页面翻转
  <html dir=rtl></html>//
  
  108.滚屏
  parent.scroll(x,y);//
  <body onload="s=0" onDblClick="s=setInterval('scrollBy(0, 1)',10)" onClick="clearInterval(s)">//
  
  109.改变状态栏
  self.status ="";//
  
  110.改变窗口大小
  window.resizeTo(200,300);//
  
  111.改变鼠标样式
  style
  BODY{CURSOR: url('mouse.ani');
  SCROLLBAR-BASE-COLOR: #506AA8;
  SCROLLBAR-ARROW-COLOR: #14213F;
  }//
  
  112.背景透明
  <input type="button" value="Button" style="background-color: transparent; border: 0;">//
  
  113.鼠标为等待形状
  <input type=button onclick="this.style.cursor='wait'">//
  
  114.调用父窗口的函数
  opener.fucntion1();//
  
  115.body的内部html代码
  <input type="button" onclick="alert(code.document.body.innerHTML)" value="查看">//
  
  116.框架中调用父窗口的函数
  <INPUT TYPE='button' onclick='parent.test();' value='调用parent窗口的函数'>//
  
  117.交换节点
  <table width=200 height=200 border>
  <tr><td id=c1>CELL_1</td></tr>
  <tr><td id=c2>CELL_2</td></tr>
  </table>
  <br>
  <input type="button" value="swap row" onclick="c1.swapNode(c2)">//
  
  118.删除节点
  <table width=200 height=200 border>
  <tr id=trall><td id=c1>CELL_1</td></tr>
  <tr><td id=c2>CELL_2</td></tr>
  </table>
  <br>
  <input type="button" value="swap row" onclick="trall.removeNode(c2)">//
  
  119.添加节点
  addNode()//
  
  120.获得事件的父与子标签
  event.srcElement.children[0]和event.srcElement.parentElement //
  
  
  121.集中为按钮改变颜色
  <style>
  button{benc:expression(this.onfocus = function(){this.style.backgroundColor='#E5F0FF';})}
  </style>
  <button>New</button>//
  
  
  122.判断是左键还是右键被按下
  <body onmousedown=if(event.button==1)alert("左键");if(event.button==2)alert("右键")>//
  
  123.获得操作系统的名称和浏览器的名称
  document.write(navigator.userAgent)//
  
  
  124.alt/ctrl/shift键按下
  event.altKey //按下alt键
  event.ctrlKey //按下ctrl键
  event.shiftKey //按下shift键
  
  
  
  125.将当前位置定位为C盘。
  {window.location="c:"}//
  
  126.返回输入框的类型
  <script>
  alert(event.srcElement.type);
设为首页 | 加入收藏 | 网学首页 | 原创论文 | 计算机原创
版权所有 网学网 [Myeducs.cn] 您电脑的分辨率是 像素
Copyright 2008-2020 myeducs.Cn www.myeducs.Cn All Rights Reserved 湘ICP备09003080号 常年法律顾问:王律师