赵小磊 - 博客园

2012年6月13日

摘要： <!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title><style type="text/css">html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,legend,input,select,button,textarea,p,table,tr,th,td,tfoot,thead { margin:0; paddi 阅读全文

posted @ 2012-06-13 08:56 赵小磊阅读(353) 评论(0) 推荐(0) 编辑

jquer和JS版：网页标题闪烁 title标题闪烁

摘要： 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 阅读全文

posted @ 2012-06-13 00:09 赵小磊阅读(685) 评论(0) 推荐(0) 编辑

2012年6月12日

一个js下拉菜单类似jq效果

摘要： <!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- 阅读全文

posted @ 2012-06-12 16:26 赵小磊阅读(612) 评论(0) 推荐(0) 编辑

2012年6月11日

简易的点击展开/关闭效果(原生JS版和JQ版)

摘要： <!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 阅读全文

posted @ 2012-06-11 14:53 赵小磊阅读(1398) 评论(0) 推荐(0) 编辑

2012年6月9日

集折叠、选项卡、焦点图的封装，简单实用

摘要： <!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 阅读全文

posted @ 2012-06-09 09:38 赵小磊阅读(407) 评论(0) 推荐(0) 编辑

折叠菜单

摘要： <!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- 阅读全文

posted @ 2012-06-09 09:18 赵小磊阅读(643) 评论(0) 推荐(0) 编辑

2012年6月8日

js弹窗，自动判断显示上下位置！！

摘要： <!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- 阅读全文

posted @ 2012-06-08 14:56 赵小磊阅读(627) 评论(0) 推荐(0) 编辑

2012年6月7日

JS延时加载-面向对象版

摘要： <!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- 阅读全文

posted @ 2012-06-07 18:13 赵小磊阅读(560) 评论(0) 推荐(0) 编辑

2012年6月6日

JS无间隙滚动向左、向右、向上、向下兼容IE,firefox

摘要：代码如下: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 阅读全文

posted @ 2012-06-06 14:53 赵小磊阅读(280) 评论(0) 推荐(0) 编辑

2012年6月5日

点击加减或手动改变表单值

摘要： <!doctype html><html><head><meta charset="utf-8"/><title>点击加减或手动改变表单值(支持键盘控制)的jQuery插件@Mr.Think</title><link rel="stylesheet" href="http://mrthink.net/demo/css/base.css" /><link rel="shortcut icon" type="image/ 阅读全文

posted @ 2012-06-05 13:34 赵小磊阅读(480) 评论(0) 推荐(0) 编辑

2012年5月31日

getElementsByClassName的理想实现

摘要： 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 阅读全文

posted @ 2012-05-31 12:00 赵小磊阅读(355) 评论(0) 推荐(0) 编辑

2012年5月24日

css 左右两栏左边固定右边自适应

摘要：两个div并排，左边为绝对宽度，右边为相对宽度，这个问题，我也经常遇到，我一般的处理方法是将最大的容器padding-left固定宽度，左边的固定宽度的一块position:absolute，然后right的一块width为百分百今天学习到人家有三种解决方法，转载过来两个div并排，很容易实现。如何让左边的div为固定宽度，右边的div为相对宽度呢？需要用到这种布局的情况比较多见，如左边为导航，右边为内容的页面。暂时想到了两种实现办法。方法一，使用position:absolute。代码如下。<style>body{ margin:0; height:100%}html{ hei 阅读全文

posted @ 2012-05-24 17:52 赵小磊阅读(447) 评论(0) 推荐(0) 编辑

2012年5月3日

Javascript表单验证大全

摘要： 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 阅读全文

posted @ 2012-05-03 10:41 赵小磊阅读(381) 评论(0) 推荐(2) 编辑

2012年4月27日

文本框高度自适应

摘要： <!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> <title>文本框高度自适应</title> <style type="text/css"> #sha 阅读全文

posted @ 2012-04-27 10:43 赵小磊阅读(654) 评论(0) 推荐(0) 编辑

2012年4月26日

那些年，和你一起吃路边摊的姑娘

摘要：认识S君和D小姐的时候，他们还没有谈恋爱，那时候S君和D小姐在一个办公室，渐渐的爱上了，也不做声，每天在网上没事儿人似的聊天，我和S君说话比较多，有一天他半夜告知我此事，这两个都是低调，单纯而朴实，我心中喜欢的好孩子，听到这个消息，特别为他们高兴。我还记得S君当时可爱的样子，这是两个人的初恋。后来一段工作结束了，S君家境普通，没什么背景，就提出到别的城市去闯一闯，看一看，D小姐二话没说，打包了行李就跟他走了。一晃几年过去，有一次我途径他们共同生活工作的城市，看望他们并在他家小住，D小姐的变化令我吃惊，从前是个还有些婴儿肥的毛丫头，现在已经出落得亭亭玉立，颇有女人味了。S君的变化到不大，还是一副阅读全文

posted @ 2012-04-26 18:06 赵小磊阅读(372) 评论(0) 推荐(0) 编辑

公告