摘要：
我们经常在实际应用中要用到单行文本滚动或者多行的，为了更好地在今后的工作中应用自如，今天把自己的的理解记录下来首先在做这个效果之前要理解scrollHeight和scrollTop两个概念是scrollHeigh是返回整个网页或整个元素内容的高度然后在加上滚动条可以滚动的高度（具体来看下这个实例）.以数值来表示scrollTop是获取网页或网页内某个元素滚动条向下拉动的值．也就是说滚动条往下拉了多少．以数值来表示当我们把div的高度设为60时，并且overflow为auto;我们可以看到弹出210的高度，当然此时的scrollHeigh为数值型我们可以知道元素内容的高度为60(这里要注意元素内 阅读全文
摘要：
废话不多说先看下代码：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; c 阅读全文
摘要：
做项目时经常要用到图片切换：通常是通过标签改变位置来显示不同的图片或者改变图片的透明度来切换。图片切换要做的一些操作：（1）鼠标over到或者click到数字按钮分别显示相对应的图片（当然如果图片自动播放时你首先要清楚动画） （2）自动播放（这里要注意的是当鼠标对数字按钮进行操作时你要记录当前的索引值，让图片从当前的索引开始播放，而不是从0开始） （3）鼠标移开时继续播放 好开始一步一步写这个效果首先准备基本的html结构如下：<div id="play"> <div class="packet"> <ol> ... 阅读全文
摘要：
td中没有内容的时候，默认是不会显示td的边框，此时页面上显示的是一片空白，用户根本不知道这里其实有个的，并且页面也显得凌乱不堪，搜罗了下，总结了下面几种解决方法:1、在单元格中加入一个空格。这样: <td> </td>2、直接在table里这样写:<table border="0" cellspacing="0" style="border-collapse:collapse">看清了啊，border-collapse只能是collapse，虽然border-collapse还有 阅读全文
摘要：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf- 阅读全文
摘要：
第一种写法<script type="text/javascript">window.onload=function(){ //定义基本操作类 var operrate={ getId:function(name){return document.getElementById(name);},//获取id setOpacity:function(ev,v){ev.filters ? ev.style.filter='alpha(opacity='+v+')':ev.style.opacity=v/100;//设置透明度 } ... 阅读全文
摘要：
取一个DOM元素的兄弟节点,仿jQuery的siblings方法,用原生JS代码完成function siblings(o){//参数o就是想取谁的兄弟节点，就把那个元素传进去 var a=[];//定义一个数组，用来存o的兄弟元素 var p=o.previousSibling; while(p){//先取o的哥哥们 判断有没有上一个哥哥元素，如果有则往下执行 p表示previousSibling if(p.nodeType===1){ a.push(p); } p=p.previousSibling//最后把上一个节点赋给p } a.reverse()//把顺序反转一下 这样元素的顺序就是 阅读全文
摘要：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf- 阅读全文
摘要：
在网上找了一下多行文本垂直居中的方法,看了下然后就重新写了下！！！<body><div class="d1"> <div class="d2"> <div class="d3"> 文本垂直居中<br/> 文本垂直居中<br/> 文本垂直居中<br/> </div> </div></div></body>html结构似乎这样的<style type="text/css">.d 阅读全文