作者归档:maomao2014

html中如何使用css脚本将Input文本框的边框设置为圆角呢?


摘要:
下文讲述使用css脚本将input文本框边框设置为圆角的方法分享,如下所示;

圆角是我们网页设计中常用的一种样式,
边框设置为圆角可使页面更美观,样式更好看,那么文本框如何设置圆角呢?
下文将一一道来,如下所示:

实现思路:
     使用css中border-radius属性即可设置边框的圆角,
如下例所示

例:
文本框设置为圆角的示例分享

<meta charset='utf-8' />
<p>
 maomao365.com<br />
css将input文本框的边框设置为圆角
的示例分享
</p>
<hr />
<style>
input{
    display:block;
    margin:10px;
    width:150px;                                        
      height: 30px; 
      border: 1px solid green;
      border-radius:10px;         
}
</style>
<input type="text"  />
<input type="text"  />
<input type="text"  />
<input type="text"  />
<input type="text"  />
<input type="text"  />
<input type="button" 
value="submit" /> 
css文本框设置为圆角的示例分享

css文本框设置为圆角的示例分享

javascript 如何快速的将一个值转换为布尔值呢?


摘要:
下文讲述javascript中将变量转换为布尔值的方法说明,如下所示;

布尔值为true和false,
除 0, “”, null, undefined, NaN 和 false 这些值为false
其它值都为true

实现思路: 
    只需使用负号转换符即可进行相关转换

例:
js布尔型转换的示例分享


const a  = !0;
const b = !1;
const c = !!0;

javascript 如何实现一个仿DOS加载页面的等待效果呢?


摘要:
下文讲述javascript中使用js脚本模拟DOS加载界面的方法说明,如下所示;

实现思路:
  1.设置一个全黑的DOS界面
    2.使用setTimeOut定时加载界面上的字体, 
   模拟出DOS加载效果 

例:
DOS加载界面的示例分享

<meta charset='utf-8' />
<script> 
	window.onload = function(){ 
         dosJiaZai('spanTest');
	}
      
function dosJiaZai(id) 
{
	var symbol = ['-', '\\', '|', '/'], 
		d = document.getElementById(id),
		i = 0;
	(function ttt() {
		d.innerHTML = symbol[i++ % 4];
		setTimeout(ttt, 200);
	})();
}


 </script>
<style>
 *{
  background-color:#000033;
  color:white;font-weight:bold;
}
</style> 
<body>
 <p>
 [localhost ~]#maomao365.com
 </P>
 [localhost ~]#系统正在加载中<span id="spanTest">...</span>
</body>
js模拟出DOS加载界面的示例分享

js模拟出DOS加载界面的示例分享