html

    为select和input type=file标签添加样式

    21 Apr 2010

    select和input type=file两个都是html标签,但是它们在不同的浏览器上显示是完全不同,对于那些对UI要求非常高的网站来说,这是不可接受的。由于这两个标签的样式是由浏览器实现的,所以要想完全通过css来统一样式几乎是不可能的,所以我们这里需要借助javascript的帮助。

    看上去这个应该由两个标签组成,左边是一个text field,右边是一个上传的按钮,要想在所有的浏览器上都把input type=file做成这个样子好像没这个可能,可以想到的办法就是设置两个层,下面的层由一个text field和一个按钮组成,上面是一个透明的input type=file的层,高度和宽度正好覆盖下面的层就可以了。

    我是借助 javascript来生成下面的那个层

    $.each($('form input[type=file]'), function(i, elem) {
      $(elem).parent().append($("<div class...
    Read More

    Tags 


    页面定时跳转

    03 Aug 2008

    页面定时跳转是指一个页面在显示了一定的时间之后自动跳转到另外一个页面,实现起来非常容易:

    <meta content="3;login.jsp" http-equiv="Refresh" />

    以上这行代码实现了3秒之后自动跳转到login.jsp页面,只使用了html的meta标签,比用什么javascript方便多了呢!

    Read More

    Tags