鲁中-O-华仔

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

导航

08 2014 档案

3_for循环的拓展应用
摘要:HTML代码:1 2 3 JS代码:1 window.onload=function(){2 var oBtn=document.getElementsByTagName('input');3 var i=0;4 for(i=0;i<oBtn.length;i++){5 oB... 阅读全文

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

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-华仔 阅读(122) 评论(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-华仔 阅读(132) 评论(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) 编辑

CSS3中的Transition属性详解(贝赛尔曲线)
摘要:transition语法:1 transition : [ || ||2 || [, [ ||3 || || ]]*transition主要包含四个属性值:执行变换的属性:transition-property;变换延续的时间:transition- duration;在延续时间段,变换的... 阅读全文

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

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

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

纯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-华仔 阅读(607) 评论(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-华仔 阅读(722) 评论(1) 推荐(0) 编辑

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-华仔 阅读(372) 评论(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) 编辑

css 文本两端对齐
摘要:在做表单时我们经常遇到让上下两个字段对齐的情况,比如姓名, 手机号码, 出生地。这样我们就要用到 text-align, text-justify样式了。text-align直接设为justify就行了,text-justify的情况就复杂了,可能有人对它还不熟悉。IE的取值如下:auto :允许浏... 阅读全文

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

点击右上角即可分享
微信分享提示