随笔分类 - JavaScript
摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-loose.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"
阅读全文
摘要：<!doctype html><html><head><meta charset="utf-8"><title>JS+CSS实现网页滚动条美化</title><script type="text/javascript"> <!--function InitScrollBar(txtBox,txtContent,txtTrack,txtHandle,vHeight){ //对象初始化 var ObjScroll = new Object(); ObjScroll.Ma
阅读全文
摘要：<!doctype html><html><head><meta charset="utf-8"><title>返回顶部代码</title><style type="text/css">* { margin:0; padding:0; }html { background:url(123) fixed; }#box { width:980px; height:4000px; margin:20px auto; }#goTop { position:fixed; right
阅读全文
摘要：jquery版：<!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; char
阅读全文
摘要：<!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-
阅读全文
摘要：<!doctype html><html><head><meta charset="gbk"/><title>简易的点击展开/关闭效果(原生JS版和JQ版)</title><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script><style>/*demo css*/#demo h2{background:#eee;font-size:1
阅读全文
摘要：<!DOCTYPE HTML><html lang="en"><head> <meta charset="UTF-8"> <title>折叠-TAB切换-焦点图</title> <style type="text/css"> html,body,div,ul,li,h3,p{margin:0; padding:0;} ul,li{list-style:none;} body{font:12px/1.8 "宋体",serif; tex
阅读全文
摘要：<!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-
阅读全文
摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><style type="text/css">/*scroll对象部分样式开始*//*块1样式*/#scroll {width:760px;height:250px;overflow:hidden;position:relative;z-index:2;}/*块2样式*/.
阅读全文
摘要：<!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-
阅读全文
摘要：<!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-
阅读全文
摘要：代码如下:boxmove(d1,d2,d3,e,obj)d1 = 外围容器d2 = 内容d3 = 复制d2的内容接替循环滚动e = 方向与方法1,2,3,4 = 自动滚动，分别对应：上,右,下,左"top","right","bottom","left" = 手动滚动，分别对应：上,右,下,左obj = 选择手动滚动时设置为this，用于事件绑定操作。自动滚动时无须设置。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" &qu
阅读全文
摘要：<!doctype html><html><head><meta charset="utf-8"><title>选项卡</title><style>* { margin:0; padding:0; }ul { list-style:none; width:600px; border:1px solid #ddd; margin:0 auto; font-size:14px; }#menu { background:#eee; height:30px; margin-top:100px; bo
阅读全文
摘要：<!doctype html><html><head><meta charset="utf-8"><title></title><style>* { margin:0; padding:0; }html,body { height:100%; overflow:auto; }#text { width:1000px; margin:0 auto; height:8888px; }#layout { background:#000; position:absolute; top:0; left
阅读全文
摘要：function getElementsByClassName(node,classname){ if(node.getElementsByClassName){ return node.getElementsByClassName(classname); } else { var results = new Array(); var elems = node.getElementsByTagName("*"); for(var i=0; i<elems.length; i++){ if(elems[i].className == classname){ result
阅读全文
摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN" xml:lang="zh-CN"> <head> <title>滚动合集 - [url]www.poluoluo.com
阅读全文
摘要：<!doctype html><html><head><meta charset="utf-8"><title>无缝滚动</title><style>* { margin:0; padding:0; }img { border:none; }ul { list-style:none; }#roll { width:640px; height:148px; margin:50px auto; position:relative; overflow:hidden; border:1px soli
阅读全文
摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>自动切换选项卡</title><style type="text/css">*{list-style:none;margin:0;padding:0;ove
阅读全文
摘要：<!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=gb2312&
阅读全文
摘要：1. 长度限制：﹤ script ﹥function test() {if(document.a.b.value.length﹥50){alert("不能超过50个字符！");document.a.b.focus();return false;}}﹤/ script ﹥﹤form name=a onsubmit="return test()"﹥﹤textarea name="b" cols="40" wrap="VIRTUAL" rows="6"﹥﹤/textarea﹥﹤in
阅读全文
浙公网安备 33010602011771号