08月

12

修改了一下jQuery的表单美化插件nicejforms

文章分类：jQuery  查看次数：962 + 121

起因是在实践中发现input的高度无法改变，也就是说再怎么调整，他的四周都会有空隙，当然只作用于IE，如果调整一下的话，FF下效果又不理想，问了问iVane，也证实有这个现象存在，而且没有什么好的解决方法，除非用图片模拟，为了追求完美，模拟就模拟吧。

本人习惯用，于是就找到了，专门用来美化表单的插件。

效果查看

众所周知，表单美化里面select是最不好模拟的，同样也没有很好的模拟，那就自己动手改造吧。

3个半小时过去后......

终于被我征服了，彻底地模拟美化了select表单，可以说功能上一点都不差，修改了原版本的一些不足

  • 点击页面空白处，弹出的options不能缩回
  • 无法设置option的value值，一律都是"#"
  • 由于都设置为了"#"，所以如果select放置到了页面的下方，选择后会回到页面顶部

现在这些问题全都解决了，可以正式派上用场了，oh，yeah！

效果查看

点击下载修改后的文件

相关文章

评论

共7 条评论 to “修改了一下jQuery的表单美化插件nicejforms”

  1. iVane on 2007-08-15 1:22 pm
    Gravatar

    Well, Nice Work~

    [回复此评论]

  2. tommyfan on 2007-08-15 1:42 pm
    Gravatar

    你好..
    FF下点击第二个select..再点击第一个select..会挡住...
    去除css的情况下.. input和button有点怪怪的..

    [回复此评论]

  3. tommyfan on 2007-08-15 1:43 pm
    Gravatar

    FF报错..
    Effect is not defined

    支持原创.. 继续努力...

    [回复此评论]

  4. lzyy on 2007-08-15 4:39 pm
    Gravatar

    因为一个小小的失误，导致FF报错
    javascript:void(0);
    那个0忘写了，呵呵

    恩，点击第二个select的时候，的确会有点问题，这个当时考虑到了，但处理起来稍显麻烦，而且概率也不大，因此就忽略了。

    [回复此评论]

  5. 阿雄 on 2008-01-16 5:07 pm
    Gravatar

    环境：XPsp2 IE6
    问题：点击页面空白处，弹出的options缩回了，但是页面最下面显示出了之前弹出的options的内容

    [回复此评论]

  6. lzyy on 2008-01-16 6:07 pm
    Gravatar

    确实有这个问题，当时也注意到了，等有时间再修改一下吧

    [回复此评论]

  7. 55 on 2008-04-30 8:12 pm
    Gravatar

    看一下效果如何..

    [回复此评论]

发表评论