制作一个简易倒计时页面的笔记,可能了解比较片面,后期会进行修改。
鼠标样式:通过css的cursor属性改变
type(NaN)的结果为number,因此不可以纯粹通过判断输入的数字的类型是否为number,而非number的字符经过数字运算之后,类型为NaN,因此可以通过isNaN()函数来判断是数字还是非数字,进而决定进行哪个步骤。
实现按钮的立体效果可以通过background的linear-gradient值,box-shadow属性来共同作用,只是不同浏览器对于background需要进行浏览器的兼容,代码如下:
button{
background: -webkit-linear-gradient(#A0ABD6,#4D61B3,#A0ABD6); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(#A0ABD6,#4D61B3,#A0ABD6); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(#A0ABD6,#4D61B3,#A0ABD6); /* Firefox 3.6 - 15 */
background: linear-gradient(#A0ABD6,#4D61B3,#A0ABD6); /* 标准的语法 */
}
ps:括号里面的参数为起始、中间、末尾的颜色值,详见CSS3渐变。
js选中input文本框中的文字,采用select()函数。
js获得或改变标签内部文本的方法:document.innerText;获得或改变标签内部所有内容的方法:document.innerHTML。
字间距属性letter-spacing。
js改变一个dom元素的多个属性,可通过cssText修改,代码如下:
button.style.cssText='letter-spacing:5px;background: -webkit-linear-gradient(#FF7792,#FF224E,#FF7792);background: -o-linear-gradient(#FF7792,#FF224E,#FF7792);background: -moz-linear-gradient(#FF7792,#FF224E,#FF7792);background: linear-gradient(#FF7792,#FF224E,#FF7792)';