09月

6

目前最完美的select美化

文章分类：javascript  查看次数：624 + 100

很不幸，我是个完美主义者，所以我花了整整一个晚上的时间来完成的美化，路途是艰辛而曲折的，但结果是令人欣慰的。

刚开始是打算做个jquery插件，也算是熟悉一下jquery的插件编写流程，但后来发现困难还是挺大的，就搁浅了。

我知道经典论坛之前有过不少这样的帖子，于是搜了一下，果然还真的让我发现，可以借鉴的，我参考的是jxdawei的一篇文章，基本功能都实现了，但也有些不大不小的问题，比如，不方便参数的调整，失去焦点不能自动收缩等等

经过我的改造后，实现的功能

  • 可以方便的调整参数，如边框背景图片等等，打开.min.js就可以看到
  • 自动对美化，而无需再在html文件里写js，都在js包里完成
  • 在页面空白处点击，自动收缩
  • 压缩了js文件，只有2.54k

期间也遇到了不少问题，比如IE和FF的不同特性，导致window.onload不能在ie6下起作用，这个问题着实困扰了我很久，后来才知道，原来IE是通过attachEvent来实现的；CSS的背景图片问题，原来要让css实现背景图片距离右边3px，距离上边5px是很难实现的；以前一直没注意，就是js里写完一个函数后，应该加分号，虽然不加也能正确执行，但却不能压缩，因为一压缩，运行之后就会提示错误。

来看一下效果：点此浏览

点此下载源文件

更新：解决了当两个并排放的时候重叠的情况

相关文章

评论

共4 条评论 to “目前最完美的select美化”

  1. wool on 2007-09-14 11:21 am
    Gravatar

    把这个写成jquery的插件就更好了

    [回复此评论]

  2. 两忘烟水里 on 2007-11-29 10:43 am
    Gravatar

    thanks a lot

    [回复此评论]

  3. 何为 on 2008-04-21 3:28 pm
    Gravatar

    怎么找不到了?

    [回复此评论]

    lzyy 发表于 04月 21, 2008:

    谢谢提醒，已修正链接:)

    [回复此评论]

发表评论