自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(9)
  • 收藏
  • 关注

原创 “斑马线”(stripeTables函数)高亮行(highlightRows函数)

添加“斑马线”function stripeTables() { if(!document.getElementsByTagName) return false; var tables=document.getElementsByTagName("table"); var odd,rows; for(var i=0;i<tables.length;i++){

2017-02-01 10:57:42 1600

原创 根据指定的id显示相应的<section>,同事隐藏其他部分(showSection函数)

用途:修改每个部分的display样式属性。除了与作为参数传入的id对应的部分,其他部分的display属性将被设置为“none”,而与传入id对应的那个部分的display属性则被设置为“block”function showSection(id) { var sections=document.getElementsByTagName("section"); for(var

2017-02-01 10:49:33 2743

原创 幻灯片功能(moveElement函数)

elementID:打算移动的元素的id final_x:该元素的目的地的“左”位置 final_y:该元素的目的地的“上”位置nterval:两次移动之间的停顿时间function moveElement(elementID,final_x,final_y,interval) { if(!document.getElementById) return false;

2017-02-01 10:44:15 352

原创 根据元素在节点树里的位置设置它们的样式(styleElementSiblings函数)

不论何时你发现可以像styleElementSiblings函数这样对某个函数进行抽象,都应该马上去做,今后或许会需要对另一种元素或另一个className属性值进行类似处理,是写一个styleElementSiblings通用函数的最好时机。function styleElementSiblings(tag,theclass){ if(!document.getElementsByT

2017-01-22 19:14:35 563

原创 通过className属性给一个元素追加新class(addClass函数)

这个函数有两个参数:第一个是需要添加新class的元素(element),第二个是新的class设置值(value)1、检查className属性值是否为null2、如果是,把新的class设置值直接赋值给className3、如果不是,把一个空格和新的class设置值追加到className属性上去function addClass(element,value) {

2017-01-22 17:55:42 2446

原创 查找下一个元素节点(getNextElement函数)

function getNextElement(node) { if(node.nodeType==1){ return node; } if(node.nextSibling){ return getNextElement(node.nextSibling); } re

2017-01-22 15:13:54 904

原创 在现有方法后插入一个元素(insertAfter函数)

1、首先,这个函数有两个参数:一个是将被插入的新元素,另一个是目标元素。这两个参数通过变量newElement和targetElement被传递到这两个函数2、把目标元素的parentNode属性值保存到变量parent里3、检查目标元素是不是parent的最后一个子元素,即比较parent元素的lastChild属性值与目标值是否存在“等于”关系4、如果是,就用appendChi

2017-01-22 13:05:54 1181

原创 共享onload事件(addLoadEvent函数)

最佳解决方案:函数addLoadEvent,它只有一个参数:打算在页面加载完成时执行的函数名。不管打算在页面加载完毕时执行多少个函数,它都可以应付自如。1、把现有的window.onload事件处理函数的值存入变量oldonload。2、如果在这个处理函数上还没有绑定任何函数,就像平时那样把新函数添加给它。3、如果在这个函数上已经绑定了一些函数,就把新函数追加到现有指令的末尾。

2017-01-22 13:03:49 307

原创 JavaScript犯过的错误汇总

JavaScript犯过的错误汇总

2017-01-05 11:11:19 307

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除