2015年09月_要争气

12月 11月 10月 09月 08月 07月 05月

原创 jquery常用选择器（上）

一基本选择器：1 id选择器<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>Insert title here$(document).ready(function(){ $("input[type='button']").click(fun

2015-09-29 20:03:40 583

原创 javascript dom读取xml

exp.xml位于webContent目录下张三 22 李四 20jsp<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>Insert title herefunction getXml(){ var xm

2015-09-27 13:47:26 586

原创 xml基础总结

一 xml的定义方式： xml的定义方式有dtd和schema两种模式，这两种模式的本质区别是schema是xml模式，而dtd是文档类型定义。另外schema的可扩展性强，dtd的可扩展性较差；schema支持丰富的数据类型，dtd支持的类型有限；schema支持命名空间，dtd不支持；二 xml的解析方式： xml经常用到的解析方式：dom解析和sax解

2015-09-26 12:18:21 402

原创 javascript图片随滚动条置顶

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>Insert title herefunction cp(){ var n=document.documentElement.scrollTop; s1.innerHTML=n; document.g

2015-09-26 10:41:12 1171

原创 javascript闪烁图片

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>Insert title herefunction cp(){ d1.style.display=d1.style.display=="none"?"":"none"; setTim

2015-09-26 10:21:04 1000

原创 javascript页面打印技术

使用的是WebBrowser是IE内置插件，进行打印；使用该插件，首先添加1 第一种打印方式：<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>Insert title herefunction wp(n){ switch(n){ ca

2015-09-26 09:08:41 600

原创 javascript 表单和表单元素

jsp:<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>Insert title herefunction infoRadio(){ var radios=document.getElementsByName("r1"); for(var i=0

2015-09-26 08:31:43 542

原创 javascript 设置图片透明度与图片的水平垂直旋转

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>Insert title here function fn(){ document.getElementById("d1").style.filter="alpha(opacity=50)"; }

2015-09-24 21:57:08 2266

原创 javascript 滚动鼠标轮改变图片大小

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>Insert title herevar w=300;var h=200;var n=0;function wheel(obj){ n=n+event.wheelDelta/1200; obj.

2015-09-21 22:25:56 731

原创 javascript设置字体样式

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>Insert title herefunction over(obj){ obj.style.backgroundColor="blue"; obj.style.color="white";}fun

2015-09-21 21:50:46 17628

原创 javascript 用边框设置立体窗口

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>Insert title herefunction over(obj){ obj.style.backgroundColor="blue"; obj.style.color="white";}fun

2015-09-21 21:40:23 1064

原创 javascript添加背景图片

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>Insert title herefunction backImage(){ document.body.style.backgroundImage="URL(ph/1.jpg)"; document.

2015-09-21 21:34:34 19979 1

原创 javascript鼠标经过背景色和字体颜色改变

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>Insert title herefunction over(obj){ obj.style.backgroundColor="blue"; obj.style.color="white";}fun

2015-09-21 21:25:20 11080

原创 window对象的几个方法

1 window.alert(“要弹出的内容”); 弹出窗口；2 window.confirm("确认信息")；弹出确认信息，结果为boolean;3 window.open("url","窗口名称"，“窗口位置和尺寸”)；打开新窗口；4 window.close(); 关闭窗口；5 window.moveTo(x,y);移动到向，x,y位置；6 window.resize

2015-09-20 20:15:57 2035

原创 javascript DOM技术常用操作

dom document对象模型，把html文档看做对象来操作；对象之间依靠节点联系，分为元素节点，文本节点，属性节点。获取父类对象节点 obj.parentNode 获取子节点 obj.firstChild obj.lastChild 获取兄弟节点 obj.previousSibling obj.nextSibling 新建节点： do

2015-09-19 11:11:15 418

原创 javascript 背景和字体颜色自动变色

背景颜色：document.bgColor设定；前景颜色：document.fgColor设定；<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>Insert title herevar n=0;var arr=new Array("blue",

2015-09-19 09:39:03 4167

原创 javascript事件

javascript是靠事件驱动的，常用的事件有鼠标类事件，键盘类事件，页面类事件，滚动字幕类事件，表单类事件和编辑类事件。一鼠标类事件： onclick单击；onmousedown按下鼠标；onmouseup释放鼠标；onmousemove移动鼠标；onmouseover鼠标进入到对象区域；onmouseout鼠标离开对象区域后；<%@ page language="jav

2015-09-17 20:37:25 647