Hot For Coding
JavaScript写的一个随机点名程序

这个其实是对JavaScript的Math.random函数一个练习方式,先把所有人得名字预先写好在一个数组里,然后让数组里的值快速的显示在区域内,当你按停的时候滚动就会停止达到随机效果。

DEMO

思路

  • 定义一个名字数组,作为资源池
  • 有一个每隔20毫秒就随机从资源池里随机获取一个显示在页面上
  • 手动停止后,最后显示在页面上的名字就是随机出来的名字

Code

// Nicholas Lee www.qttc.net

var isRun = true;
var a = ["张三", "李四", "王五", "赵六"];
var a2 = new Array();
function action (str) {
var s = document.getElementById("bt").value;
  if(s === "开始"){
    isRun = true;
    run();
    document.getElementById("bt").value = "结束";
  }else{
    isRun = false;
    document.getElementById("bt").value = "开始";
  }
}
function run () {
  var i = Math.floor(Math.random() * a.length + 1) - 1;
  document.getElementById("show").innerHTML = a[i];
  if (isRun === false) {
    var b = true;
    for (var j in a2) {
      if (a2[j] === i) {
        b = false;
      }
    }
    if (b) {
      a2[a2.length] = i;
      return;
    }
  }
  setTimeout("run()", 20);
}

...

READ ALL

CSS3特性总结

CSS3现在是推得如火如荼了,目前主流浏览器都开始逐步支持CSS3,看来CSS3在一定时间内会成为主流。现在我们来看看CSS3的一些新特性。

实现图片效果

圆角、半透明背景、阴影,特别是文字阴影、渐变等等,这些昔日依赖图片实现的视觉效果,在CSS3里都可以使用代码搞定。

盒容器变形

CSS3中可以在2D或者3D空间里操作容器的位置和形状,如旋转、缩放、移动等等。如地球模型的展示,可以使用鼠标拖动、旋转、缩放等等。

支持自定义字体

这一点是值得学习使用的,在以前的CSS版本中,字体只能是客户端支持,现在是服务器端支持了。意思就是你可以把一些特殊字体文件上传到服务器,当有人浏览的时候会自动从服务器上下载字体从而达到所有客户端使用的字体都一致,这样可以更好的呈现页面,否则普通的网站就只能以默认字体显示了。但字体文件不能太大,否则下载时间过长也会影响打开网页速度。

...

READ ALL

CSS3 border-radius 圆角

border-radius

在CSS3以前,要实现圆角大多使用图片,而在CSS3里实现圆角只要添加一个圆角属性border-radius即可实现,虽然部分浏览器不支持CSS3,但未来一定会向CSS3靠拢的。

div {
  width: 200px; 
  height: 50px;
  background: red; 
  border-radius: 10px;
}

以上代码里的border-radius就是实现圆角语句,值越大圆角越大,支持各种单位,多值方式,如四个值分别是上右下左。

div {
  width: 200px; 
  height: 50px;
  background: red; 
  border-radius: 10px 5px 0 15px;
}

...

READ ALL

开博之篇!

关于域名

域名注册已有一年多,并且好米已经不多,感觉四个字母比较好记就定了。开始折腾的论坛系统最终还是回归到博客系统,感觉博客更值得回忆。

写过博客

其实,我一直都有写博文的习惯,在新浪博客火热那会我就已经开始,平日七嘴八舌的写。但毕竟生活阅历与知识有限,也不能写些什么好的文章,所以思来想去还是搭建一个博客,写点自己的擅长的Web技术博文吧。

WordPress

做为一个码农,我就一直想自己写一个博客系统,但由于精力有限所以最终还是选择了WordPress系统。说实话WordPress系统挺强大,但也正因为强大所以导致系统臃肿,特别是WordPress的自动草稿让我有点反感(后来,在2012年5月的时候我就放弃了WordPress系统,自个写了博客系统)。空间是在淘宝随便买了一个美国VPS,开始挺好用(后来蜗牛速度让我毅然放弃投向Linode)。

...

READ ALL