摘要: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...
阅读全文
摘要: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...
阅读全文
摘要: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:...
阅读全文
摘要:HTML代码:1 CSS代码:1 #box{ width:100px; height:100px; background:#99C;}JS代码: 1 window.onload=function(){ 2 var obox=document.getElementById('box'); 3 ...
阅读全文
摘要:transition语法:1 transition : [ || ||2 || [, [ ||3 || || ]]*transition主要包含四个属性值:执行变换的属性:transition-property;变换延续的时间:transition- duration;在延续时间段,变换的...
阅读全文
摘要:一、线性渐变在 Mozilla 下的应用 语法:1 -moz-linear-gradient( [ || ,]? , [, ]* )参数:其共有三个参数,第一个参数表示线性渐变的方向,top 是从上到下、left 是从左到右,如果定义成 left top,那就是从左上角到右下角。第二个和第三个参数...
阅读全文
摘要:渐变一、CSS3的径向渐变效果图网址:http://www.spritecow.com 图像拼接技术CSS3 Gradient分为linear-gradient(线性渐变)和radial-gradient(径向渐变)。html代码:1 Hold the front page2 Now you get...
阅读全文
摘要:网页中插入swf动画(embed:[ɪm'bed])例题:1 注释:1.type: flash/video/mp4/application/pdf/....... 表示类型是flash.2.pluginspage: 如果浏览器没有flash插件,他会提示下载地址。3.quality:flash的播放...
阅读全文
摘要:transitions:property duration timing-function;transitionst他有三个参数:1)property:属性设置,例如background,color等。2)duration:执行时间, 例如1s, 0.5s等。3)timing-function:动画...
阅读全文
摘要:E::selection选择器:E::selection{background:#FF6600;color:#fff;}//当文字被选中时,背景是红色,文字是白色E::-moz-selection{background:#FF6600;color:#fff;}//为了让火狐浏览器支持*IE6/7/8...
阅读全文
摘要:解决方案:IE9以下旧版本浏览器不支持新的语义化标签。其中一种解决方案就是用js将HTML5增加的标签创建出来,就像下面这样。(放在header部位)1 最后在css里面加上这段:1 /*html5*/2 article,aside,dialog,footer,header,section,foot...
阅读全文
摘要:在做表单时我们经常遇到让上下两个字段对齐的情况,比如姓名, 手机号码, 出生地。这样我们就要用到 text-align, text-justify样式了。text-align直接设为justify就行了,text-justify的情况就复杂了,可能有人对它还不熟悉。IE的取值如下:auto :允许浏...
阅读全文