鲁中-O-华仔

夫君子之行,静以修身,俭以养德,非淡泊无以明志,非宁静无以致远。

导航

2014年8月26日 #

3_全选菜单

摘要: HTML代码: 1 全选 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 JS代码:1 window.onload=function(){2 var oBtn=document.getElementById('btn');3 var oInpu... 阅读全文

posted @ 2014-08-26 16:43 鲁中-O-华仔 阅读(121) 评论(0) 推荐(0) 编辑

2_展开菜单

摘要: HTMl代码:1 输入法2 3 搜狗输入法4 智能全拼输入法5 腾讯输入法6 日文输入法7 8 CSS代码:1 *{ margin:0; padding:0;}2 div{ width:140px; overflow:hidden; font-size:14px; }3 #btn{ display:... 阅读全文

posted @ 2014-08-26 16:31 鲁中-O-华仔 阅读(131) 评论(0) 推荐(0) 编辑

1_行为与样式分离

摘要: HTML代码:1 CSS代码:1 #box{ width:100px; height:100px; background:#99C;}JS代码: 1 window.onload=function(){ 2 var obox=document.getElementById('box'); 3 ... 阅读全文

posted @ 2014-08-26 10:26 鲁中-O-华仔 阅读(182) 评论(0) 推荐(0) 编辑

2014年8月22日 #

CSS3中的Transition属性详解(贝赛尔曲线)

摘要: transition语法:1 transition : [ || ||2 || [, [ ||3 || || ]]*transition主要包含四个属性值:执行变换的属性:transition-property;变换延续的时间:transition- duration;在延续时间段,变换的... 阅读全文

posted @ 2014-08-22 17:18 鲁中-O-华仔 阅读(2050) 评论(0) 推荐(0) 编辑

CSS3 线性渐变(linear-gradient) 兼容IE8,IE9

摘要: 一、线性渐变在 Mozilla 下的应用 语法:1 -moz-linear-gradient( [ || ,]? , [, ]* )参数:其共有三个参数,第一个参数表示线性渐变的方向,top 是从上到下、left 是从左到右,如果定义成 left top,那就是从左上角到右下角。第二个和第三个参数... 阅读全文

posted @ 2014-08-22 11:21 鲁中-O-华仔 阅读(4887) 评论(0) 推荐(0) 编辑

2014年8月9日 #

纯css径向渐变(CSS3--Gradient)

摘要: 渐变一、CSS3的径向渐变效果图网址:http://www.spritecow.com 图像拼接技术CSS3 Gradient分为linear-gradient(线性渐变)和radial-gradient(径向渐变)。html代码:1 Hold the front page2 Now you get... 阅读全文

posted @ 2014-08-09 13:06 鲁中-O-华仔 阅读(603) 评论(0) 推荐(0) 编辑

网页中插入swf动画(embed)

摘要: 网页中插入swf动画(embed:[ɪm'bed])例题:1 注释:1.type: flash/video/mp4/application/pdf/....... 表示类型是flash.2.pluginspage: 如果浏览器没有flash插件,他会提示下载地址。3.quality:flash的播放... 阅读全文

posted @ 2014-08-09 08:38 鲁中-O-华仔 阅读(706) 评论(1) 推荐(0) 编辑

2014年8月8日 #

css3动画属性(transitions:property duration timing transition-delay)

摘要: transitions:property duration timing-function;transitionst他有三个参数:1)property:属性设置,例如background,color等。2)duration:执行时间, 例如1s, 0.5s等。3)timing-function:动画... 阅读全文

posted @ 2014-08-08 12:52 鲁中-O-华仔 阅读(401) 评论(0) 推荐(0) 编辑

状态伪类选择器(E::selection)

摘要: E::selection选择器:E::selection{background:#FF6600;color:#fff;}//当文字被选中时,背景是红色,文字是白色E::-moz-selection{background:#FF6600;color:#fff;}//为了让火狐浏览器支持*IE6/7/8... 阅读全文

posted @ 2014-08-08 12:48 鲁中-O-华仔 阅读(369) 评论(0) 推荐(0) 编辑

让HTML5语义化标签兼容IE浏览器

摘要: 解决方案:IE9以下旧版本浏览器不支持新的语义化标签。其中一种解决方案就是用js将HTML5增加的标签创建出来,就像下面这样。(放在header部位)1 最后在css里面加上这段:1 /*html5*/2 article,aside,dialog,footer,header,section,foot... 阅读全文

posted @ 2014-08-08 08:26 鲁中-O-华仔 阅读(378) 评论(0) 推荐(1) 编辑