代码改变世界

placeholder

2012-02-18 08:18 by 边缘er, 491 阅读, 0 推荐, 收藏,
摘要:html5原生支持placeholder,对于不支持的浏览器(ie),可用js模拟实现。(function(){ //判断是否支持placeholder function isPlaceholer(){ var input = document.createElement('input'); return "placeholder" in input; } //不支持的代码 if(!isPlaceholer()){ //创建一个类 function Placeholder(obj){ ... 阅读全文

js上一张图片下一张图片

2012-02-18 08:15 by 边缘er, 1604 阅读, 0 推荐, 收藏,
摘要:实现效果:鼠标经过左半部分,显示左按钮,点击显示上一张图;鼠标经过右半部分,显示右按钮,点击显示下一张图。有淡入淡出效果。js代码:function picNext(id){ var picBox = document.getElementById(id), picArray = picBox.getElementsByTagName('img'), len = picArray.length, boxWidth = picBox.offsetWidth; picArray[0].style.display = 'block'; //... 阅读全文

js轮播广告

2012-02-18 08:12 by 边缘er, 407 阅读, 0 推荐, 收藏,
摘要:淡入淡出js轮播广告,写法类似自动播放的tab选项卡,加入了淡入淡出效果。js代码:function lunbo(contClass, numArr, normalClass, hoverClass){ function getElementsByClass(searchClass,node,tag) { var classElements = new Array(); if ( node == null ) node = document; if ( tag == null ) tag = '*'; ... 阅读全文

渐隐渐现fade js

2012-02-18 08:09 by 边缘er, 342 阅读, 0 推荐, 收藏,
摘要:function fadeIn(el){ el.style.opacity = 0; el.style.filter = 'alpha(opacity = 0)'; el.style.display = 'block'; var n = 0; function fadeShow(){ if (n < 1){ n += 0.1; el.style.opacity = n; el.style.filter = 'alpha(opacity = '+n*100+')'; ... 阅读全文

左右按钮-自动滚动

2012-02-18 08:05 by 边缘er, 317 阅读, 0 推荐, 收藏,
摘要:js代码:function lrAuto(overHide, leftBtn, rightBtn, num){ //获取前3个参数 var doc = document, overHide = doc.getElementById(overHide), leftBtn = doc.getElementById(leftBtn), rightBtn = doc.getElementById(rightBtn); //判断内容太少不需要滚动和按钮 var scrollUl = overHide.getElementsByTag... 阅读全文
上一页 1 2 3 4 5 6 7 ··· 10 下一页