赵小磊 - 博客园

2012年7月28日

摘要：今天接到的页面里面有很多的切换以前都是遇到切换临时用选择器写一个比如这样：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 赵小磊阅读(1059) 评论(0) 推荐(1)

2012年7月27日

JSTAB选项卡

摘要： <!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 赵小磊阅读(449) 评论(0) 推荐(0)

jQuery 选项卡

摘要： <!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 赵小磊阅读(616) 评论(0) 推荐(0)

复制到系统剪贴板之IE,ff兼容版

摘要： <!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 赵小磊阅读(220) 评论(0) 推荐(0)

2012年7月18日

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; charset=gb23 阅读全文

posted @ 2012-07-18 00:06 赵小磊阅读(547) 评论(1) 推荐(0)

2012年7月16日

弹出层并可拖拽

摘要： <!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 赵小磊阅读(221) 评论(0) 推荐(0)

2012年7月14日

JS新闻滚动效果

摘要： <!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 赵小磊阅读(4242) 评论(0) 推荐(0)

鼠标滑过展开，js版和jquery版

摘要： <!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 赵小磊阅读(613) 评论(0) 推荐(0)

2012年7月12日

仿taobao 字母效果

摘要： <!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 赵小磊阅读(253) 评论(0) 推荐(0)

2012年7月11日

wap、3g手机的端的网页头部

摘要： <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 赵小磊阅读(187) 评论(0) 推荐(0)

2012年7月7日

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; charset=utf- 阅读全文

posted @ 2012-07-07 14:06 赵小磊阅读(289) 评论(0) 推荐(0)

JS+CSS实现网页滚动条美化

摘要： <!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 赵小磊阅读(2523) 评论(0) 推荐(1)

2012年7月5日

display:inline-block的妙用！！列表布局！！

摘要：如下图：像这种列表布局我们一般用 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 赵小磊阅读(434) 评论(0) 推荐(0)

2012年6月22日

让IE6支持min-width和max-width的方法(JS实现) + (CSS实现)

摘要：一、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 赵小磊阅读(1044) 评论(0) 推荐(1)

2012年6月20日

Jquery瀑布流布局（每行代码都有详细注释

摘要： <!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 赵小磊阅读(4642) 评论(1) 推荐(1)

公告