摘要: 今天接到的页面里面 有很多的切换 以前都是遇到切换临时用选择器写一个比如这样:HTML:<ul id="tab"><li>项目一</li><li>项目二</li><li>项目三</li></ul><div id="tab_con"><div>内容一内容一内容一内容一</div><div>内容二内容二内容二内容二</div><div>内容三内容三内容三内容三</div></ 阅读全文
posted @ 2012-07-28 09:05 赵小磊 阅读(1047) 评论(0) 推荐(1) 编辑
摘要: <!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=gb23 阅读全文
posted @ 2012-07-27 18:02 赵小磊 阅读(421) 评论(0) 推荐(0) 编辑
摘要: <!doctype html><html><head><meta charset="utf-8"><title>jQuery 选项卡</title><style type="text/css">*{margin:0;padding:0;list-style-type:none;}a,img{border:0;}.blank20{height:20px;overflow:hidden;}/* tabbed_content */.tabbed_content{backgrou 阅读全文
posted @ 2012-07-27 17:33 赵小磊 阅读(605) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><script type="text/javascript">// <![CDATA[function copy_clip(copy){if (window.clipboardData){window.clipboardData.setData("Text", copy) 阅读全文
posted @ 2012-07-27 11:33 赵小磊 阅读(208) 评论(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=gb23 阅读全文
posted @ 2012-07-18 00:06 赵小磊 阅读(534) 评论(1) 推荐(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-07-16 15:26 赵小磊 阅读(210) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html><head><title> code.js.cn </title><style>a{display:block;font-size:15px;line-height:18px;text-decoration:none;color:#333;font-famil 阅读全文
posted @ 2012-07-14 17:51 赵小磊 阅读(4221) 评论(0) 推荐(0) 编辑
摘要: <!doctype html><html><head> <meta charset="utf-8" /> <meta name="keywords" content="" /> <meta name="description" content="" /> <title>例子</title> <style> html,body{ overflow:hidden; } #help{ posit 阅读全文
posted @ 2012-07-14 17:39 赵小磊 阅读(604) 评论(0) 推荐(0) 编辑
摘要: <!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" 阅读全文
posted @ 2012-07-12 11:09 赵小磊 阅读(245) 评论(0) 推荐(0) 编辑
摘要: <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.5, user-scalable=1" name="viewport" />maximum-scale 允许放大的倍数user-scalable 等于零不允许放大 阅读全文
posted @ 2012-07-11 17:28 赵小磊 阅读(180) 评论(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-07-07 14:06 赵小磊 阅读(283) 评论(0) 推荐(0) 编辑
摘要: <!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 阅读全文
posted @ 2012-07-07 13:50 赵小磊 阅读(2507) 评论(0) 推荐(1) 编辑
摘要: 如下图:像这种列表布局我们一般用 float:left; 设置宽度和高度就OK了。但是,如果高度不同或者文字字数不同呢,再用float:left;布局就全乱了。如下图:现在,我们可以利用display:inline-block;完美的解决这个问题。如下图:代码如下:<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title><style type="text/css">* { margin:0; 阅读全文
posted @ 2012-07-05 11:09 赵小磊 阅读(418) 评论(0) 推荐(0) 编辑
摘要: 一、CSS实现:<!doctype html><html><head><meta charset="utf-8"><title>让IE6支持min-width同时又支持max-width解决方法</title><style type="text/css">/* 正常宽度 */img.p1 {} /* 最大宽度200px; */img.p2 { max-width:200px; _width:expression((document.documentElement.clie 阅读全文
posted @ 2012-06-22 14:31 赵小磊 阅读(1034) 评论(0) 推荐(1) 编辑
摘要: <!doctype html><html><head><meta charset="utf-8"><title>Jquery瀑布流布局(每行代码都有详细注释)-作者:刘晓帆</title><style type="text/css">body, ul, li, h3 { margin: 0; padding: 0; list-style: none; font: bold 12px "微软雅黑"; }/*瀑布流布局样式*/#lxf-box { posi 阅读全文
posted @ 2012-06-20 18:05 赵小磊 阅读(4636) 评论(1) 推荐(1) 编辑
回到头部