0hd%qjuw200多个网页设计常用技巧代码.doc

、 . 我们打败了敌人。 我们把敌人打败了。1.文本框焦点问题 onBlur:当失去输入焦点后产生该事件 onFocus:当输入获得焦点后，产生该文件 Onchange:当文字值改变时，产生该事件 Onselect:当文字加亮后，产生该文件 点击时文字消失，失去焦点时文字再出现 2.网页按钮的特殊颜色 3.鼠标移入移出时颜色变化 4.平面按钮 5.按钮颜色变化 6.平面输入框 7.使窗口变成指定的大小 window.resizeTo(300,283); 8.使文字上下滚动 共和国 9.状态栏显示该页状态 10.可以点击文字实现radio选项的选定 情侣 : 一次注册两个帐户 11.可以在文字域的font写onclick事件 12.打印打印网页 13.线型输入框 14.显示文档最后修改日期 function hi(str) document.write(document.lastModified) alert(hi+str+!) 15.可以在鼠标移到文字上时就触发事件 !- Hiding function hello() alert(哈罗!); link 16.可以根据网页上的选项来确定页面颜色 background.html Changing Background Colors Red Orange Yellow Green Blue Indigo Violet White pink 17.将按钮的特征改变 本例按钮的代码如下： 18.改变按钮的图片. 本例的按钮代码如下： 19.打印页面 打印本稿 20.可以直接写html语言 document.write(); 21.改变下拉框的颜色 22.转至目标URL window.location=http:/guoguo 23.传递该object的form UpdateSN(guoqiang99267,this.form) function UpdateSN(strValue,strForm) strForm.SignInName.value = strValue; return false; 24.文字标签 guoqiang99859 25.layer2为组件的ID，可以控制组件是否可见 document.all.item(Layer2).style.display = block; document.all.item(Layer2).style.display = none;/ 26.将页面加入favorite中 / 27.过10秒自动关闭页面 function closeit() setTimeout(self.close()，10000) 28.可以比较字符的大小 char=post.charAt(i); if(!(0=char&char=9) 29.将字符转化为数字 month = parseInt(char) 30.点击value非空的选项时转向指定连接 主办单位 - 北京日报 北京晚报 31.改变背景颜色 32.改变文字输入框的背景颜色 .input2 background-image: url(./images/inputbg.gif); font-size: 12px; background-color: #D0DABB;border-top-width:1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px 33.改变水平线的特征 34.传递参数的方式 8 35.页内跳转 1 2 3 4 5 6 7 dfdf dfdf/ 36.两个按键一起按下 if(event.ctrlKey & window.event.keyCode=13)/ 37.刷新页面 javascript:this.location.reload()/ 38.将网页的按钮使能 function haha() for(var i=0;idocument.form1.elements.length;i+) if(.indexOf(bb)!=-1) document.form1.elementsi.disabled=!document.form1.elementsi.disabled; 39.文字移动 40.双击网页自动跑 var currentpos,timer; function initialize() timer=setInterval(scrollwindow(),1); function sc() clearInterval(timer); function scrollwindow() currentpos=document.body.scrollTop; window.scroll(0,+currentpos); if (currentpos != document.body.scrollTop) sc(); document.onmousedown=sc document.ondblclick=initialize / 41.后退 42.前进 43.刷新 44.转向指定网页 document.location=http:/ww或者document.location.assign() 45.在网页上显示实时时间 var clock_id; window.onload=function() clock_id=setInterval(document.form1.txtclock.value=(new Date);,1000) / 46.可以下载文件 document.location.href=目标文件/ 47.连接数据库 import java.sql.*; String myDBDriver=sun.jdbc.odbc.JdbcOdbcDriver; Class.forName(myDBDriver); Connection conn=DriverManager.getConnection(jdbc:odbc:firm,username,password); Statement stmt=conn.createStatement(); ResultSet rs=stmt.executeQuery(sql); rs.getString(column1);/ 48.可以直接在页面“div”内写下所需内容 INPUT TYPE=button onclick=a1.innerHTML=* / 49.可以改变页面上的连接的格式，使其为双线 A:link text-decoration: none; color:#0000FF; font-family: 宋体 A:visited text-decoration: none; color: #0000FF; font-family: 宋体 A:hover text-decoration: underline overline; color: FF0000 A:link text-decoration: none; color:#0000FF; font-family: 宋体 A:visited text-decoration: none; color: #0000FF; font-family: 宋体 A:hover text-decoration: underline overline line-through; color: FF0000 THFONT-SIZE: 9pt TDFONT-SIZE: 9pt body SCROLLBAR-FACE-COLOR: #A9D46D; SCROLLBAR-HIGHLIGHT-COLOR: #e7e7e7;SCROLLBAR-SHADOW-COLOR:#e7e7e7; SCROLLBAR-3DLIGHT-COLOR: #000000; LINE-HEIGHT: 15pt; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-TRACK-COLOR: #e7e7e7; INPUTBORDER-TOP-WIDTH: 1px; PADDING-RIGHT: 1px; PADDING-LEFT: 1px; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 9pt; BORDER-LEFT-COLOR: #cccccc; BORDER-BOTTOM-WIDTH: 1px; BORDER-BOTTOM-COLOR: #cccccc; PADDING-BOTTOM: 1px; BORDER-TOP-COLOR: #cccccc; PADDING-TOP: 1px; HEIGHT: 18px; BORDER-RIGHT-WIDTH: 1px; BORDER-RIGHT-COLOR: #cccccc DIV,form ,OPTION,P,TD,BRFONT-FAMILY: 宋体; FONT-SIZE: 9pt textarea, select border-width: 1; border-color: #000000; background-color: #efefef; font-family: 宋体; font-size: 9pt; font-style: bold; .text font-family: 宋体; font-size: 9pt; color: #003300; border: #006600 solid; border-width: 1px 1px 1px 1px 完整的css 50.新建frame 51.向文件中写内容 52.先读文件再写文件 eryrytry 53.直线型输入框 54.可以将背景改为按钮性状，通过改变css改变属性 录音笔 .mouseoverbt background-image: url(/img/btbgw64h20y.gif); background-repeat: no-repeat; .mouseout background-color: #E0E0E0; 55.同时按下CTRL和Q键 document.onkeydown=function() if(event.ctrlKey&event.keyCode=81) alert(1) / 56.以下是一个完整的显示hint的代码，其思想是当鼠标停留是将div中的内容显示在鼠标出，当鼠标移出后在将该div隐 藏掉 - - #hint width:198px; border:1px solid #000000; background:#99ff33; position:absolute; z-index:9; padding:6px; line-height:17px; text-align:left; top: 1520px; dfdfd - - 57.弹出窗口 方法一： 浏览器读页面时弹出窗口； 方法二： 浏览器离开页面时弹出窗口； 方法三：用一个连接调用：打开一个窗口 注意：使用的#是虚连接。 方法四：用一个按钮调用： 何时装载script 58.动态改变字体的大小 function doZoom(size) document.getElementById(zoom).style.fontSize=size+px function aa() var newWin=window.open(url); newWin.document.form1.text1.value=value1; 改变弹出窗口上域的属性 opener.document.form2.text2.value=value2;改变父窗口的域的值 59.判断是何种浏览器 var name = navigator.appName; if (name = Microsoft Internet Explorer) alert(IE); else if (name = Netscape) alert(NS);/ 60.vbsscript确定框 / 61.复制内容到剪切板 function JM_cc(bb) var b=eval(document.form1.+bb); ob.select(); js=ob.createTextRange(); js.execCommand(Copy); / 62.java中建立数据库连接取数据 public void init() String url=jdbc:odbc:javadata; try Class.forName(sun.jdbc.odbc.JdbcOdbcDriver); Connection con=DriverManager.getConnection(url,sa,);/mssql database user SA and password DatabaseMetaData dma=con.getMetaData(); System.out.println(Connect to+dma.getURL(); System.out.println(;Driver +dma.getDriverName(); System.out.println(;Version +dma.getDriverVersion(); System.out.println(); Statement stmt=con.createStatement(); ResultSet rs=stmt.executeQuery(select * from company.dbo.TB_NAME where number=1);/Sql rs.next(); String dispresult=rs.getString(name); System.out.println(dispresult);/ Instead,you can display it in Paint() or use AWT etc. rs.close(); stmt.close(); con.close(); catch(SQLException ex) System.out.println(!SQL Exception !); while(ex!=null) System.out.println(SQLState:+ex.getSQLState(); System.out.println(Message:+ex.getMessage(); System.out.println(Vendor:+ex.getErrorCode(); ex=ex.getNextException(); System.out.println(); catch(java.lang.Exception ex) ex.printStackTrace(); / 63.最小化窗口 window.blur()/ 64.文档的路径 document.URL/ 65.定时执行某段程序 setTimeout(change_color(),600); 66.设置为主页 function makeHome() netscape.security.PrivilegeManager.enablePrivilege(UniversalPreferencesWrite); navigator.preference(browser.startup.homepage, location.href); / 67.设置为收藏 function addFav() if(ie) window.external.AddFavorite(location.href,WWW.OGRISH.COM : GROTESQUE MOVIES AND PICTURES); if(ns) alert(Thanks for the bookmark!nnNetscape users click OK then press CTRL-D); / 68.判断cookie是否可用 navigator.cookieEnabled;/ 69.显示有模式的有页面的弹出窗口 function setbgcolor_onclick() var color = showModalDialog(/mailpage/compose/colorsel.html,0,help=0); if (color != null) pose.bgcolor.value = color; / 70.截取小数点后两位 var a=3454545.4454545; alert(a.toFixed(2);/ 71.禁止选择页面上的文字来拷贝 function noEffect() with (event) returnValue = false; cancelBubble = true; return; / 72.屏蔽右键菜单 oncontextmenu=event.returnValue = false/ 73.事件禁止起泡 event.cancelBubble = true/ 74.禁止在输入框打开输入法 / 75.屏蔽汉字和空格 / 76.用j