2015年11月_charlene程程

原创 http初识--基本概念

http全称为HyperText Transfer Protocal，即超文本传输协议，是互联网上应用最广泛的一种网络协议，设计HTTP最初的目的是为了提供一种发布和接收html页面的方法,通过http或者https协议请求的资源由统一资源标识符来标识。通常，由HTTP客户端发起一个请求，创建一个到服务器指定端口（默认是80端口）的TCP连接。HTTP服务器则在那个端口监听客户端的请求。一旦收

2015-11-29 15:05:22 478

原创用js实现时间效果

window.onload=function(){ showTime(); } function format(num){ if(num<10){ num="0"+num; }return num; } function showTime(){ var getD=new Array(); getD[0]="星期日"; getD[1]="星期一"; get

2015-11-27 16:35:26 476

原创 js实现动画效果

用js实现动画效果的主要思想是利用setInterval()函数.此函数可按照指定的周期（以毫秒计）来调用函数或表达式，并且该方法会不停地调用函数，直到clearInterval()被调用或窗口被关闭。由setInterval()返回的ID值可用作clearInterval()方法的参数。1.单个元素匀速运动以匀速水平方向运动的元素为例，该方法传入三个参数，分别为要移动元素，要移动到的目标

2015-11-25 13:13:41 4714

原创 js实现拖拽效果

当拖拽元素时，由js中的鼠标按下、鼠标移动和鼠标释放三个事件相继触发function drag(ele,subEle){//ele为要移动的元素，subEle为ele元素的子元素，当鼠标在subEle元素上按下时，触发鼠标按下事件 subEle.onmousedown=function(event){ var rLeft=event.clientX-ele.offsetLef

2015-11-23 15:57:30 953

原创 css实现日历的布局

HTML相关代码 January2008> sun mon tue wed tur fri sat 30 31 1 2 3 4 5 6 7 8 9

2015-11-10 14:06:14 2583

原创 css图像映射

CSS图像映射html代码 r s c j p css代码 .imgmap{ width:333px; height:500; position:relative; } .imgmap ul{ padding:0px; margin:0px; list-style:none; } /*对链接进行绝对定位*/ .imgm

2015-11-10 09:36:52 812

原创用css实现各种导航栏

基本的垂直导航条通过HTML创建一个无序列表 home home home home home home利用css处理样式 ul.nav{ padding:0px; margin:0px; list-style-type:none; width:80px; background-color:#8bd400; border:1px soli

2015-11-08 16:44:25 17143 1

原创 CSS小技巧

hello .div1{ margin:10px; width:400px; height:300px; background-color:#BDD738; float:left; /*background-color: green;*/ /*分别在火狐和谷歌浏览器下实现渐变*/ background-image:-moz-linear-gradient(le

2015-11-08 14:15:49 518

原创跨浏览器事件处理程序

//跨浏览器事件处理程序 var eventUtil={ //添加句柄 addHandler=function(elem,type,handler){ if (addEventListener) { elem.addEventListener(type,handler,false); } else if{ elem.attachEvent("on

2015-11-04 19:27:18 658

原创判断节点为元素节点 HTML XML

判断节点为元素节点function isElement(obj){var testDiv=document.creatElement("div");if(obj&&obj.nodeType===1){if(window.Node&&(obj instanceof Node){return true;}try{testDiv.appendChild(obj);testDiv.re

2015-11-03 21:08:36 828

原创节点的nodeName与nodeValue

检测节点时为了实现浏览器的兼容性使用nodeType检测节点if(someNode.nodeType==1){alert("Node is an element");}检测各个节点所得的结果节点类型nodeNamenodeTypeElement(元素节点)元素标签名(DIV)nullAttr(属性节点)属性名称(div)

2015-11-02 18:28:28 755

转载屏蔽浏览器的默认显示差异

/** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a,

2015-11-02 15:36:27 455

charlene0824的博客