JavaScript 颜色梯度和渐变效果(3)

作者:cloudgamer 来源:cloudgamer博客 时间:2009-03-18 11:16:00 

使用技巧

在颜色渐变菜单中,并没有使用链接标签a,原因是a的伪类的颜色并不能直接用js来修改(除非改class)。
暂时没想到很好的方法,只好用onclick跳转代替了。

在测试过程中还发现一个关于数组的问题,在ie和ff运行alert([,,].length)会分别显示3和2。
最后一个元素不写的话ff就会忽略这个元素,只要写的话就不会忽略即使是undefined和null,看了下文档也找到原因。
所以这个情况还是插一个东西进去,觉得不好看就new Array好了。

测试中还发现chrome(1.0.154.48)的map一个问题,map是js1.6的Array的方法,ff和chrome都支持(具体看这里)。
在ff中[,,1].map(function(){return 0})返回的是[0,0,0],但chrome却返回[,,0]。
即在chrome中如果元素是空(不包括null和undefined)的话就一律返回空,用new Array来创建也一样。
感觉这样不太合理,应该以后会改进吧。

使用说明

ColorGrads只有3个属性设置:
StartColor: "#fff",//开始颜色
EndColor: "#000",//结束颜色
Step:  20//渐变级数
设置好属性后用Create生成集合就行了。

ColorTrans只要一个参数,要实现渐变的对象,可设置以下属性:
StartColor: "",//开始颜色
EndColor: "#000",//结束颜色
Step:  20,//渐变级数
Speed:  20,//渐变速度
CssColor: "color"//设置属性(Scripting属性)
如果不设置StartColor会自动使用CurrentStyle获取的样式值。
其中StartColor、EndColor和Step在实例化后要重新设置的话需要用Reset来设置。

具体使用请参考实例。

标签:JavaScript,颜色,梯度,渐变
0
投稿

猜你喜欢

  • Mysql通过Adjacency List(邻接表)存储树形结构

    2024-01-18 01:31:37
  • numpy数组合并和矩阵拼接的实现

    2022-09-05 19:39:54
  • Python正则表达式使用经典实例

    2022-04-29 01:22:03
  • Oracle 存储过程总结 二、字符串处理相关函数

    2009-07-07 10:28:00
  • python使用循环打印所有三位数水仙花数的实例

    2022-07-02 09:58:59
  • 交互设计实用指南系列(10)—别让我思考

    2010-03-01 12:50:00
  • javascript forEach通用循环遍历方法

    2024-04-29 13:19:14
  • SQL 存储过程基础语法之一

    2024-01-26 19:58:05
  • Go语言递归函数的具体实现

    2023-08-05 02:35:32
  • asp如何在第10000名来访者访问时显示中奖页面?

    2010-06-18 19:45:00
  • VSCode Python开发环境配置的详细步骤

    2021-06-15 23:29:15
  • VSCode插件安装完成后的配置详解

    2022-02-16 00:36:34
  • Python 中的 import 机制之实现远程导入模块

    2022-10-24 10:25:10
  • 如何在windows下安装Pycham2020软件(方法步骤详解)

    2023-05-19 14:07:30
  • JS比较两个数值的大小实例

    2024-04-17 10:41:03
  • golang协程设计及调度原理

    2024-02-21 21:16:51
  • mysql 表维护与改造代码分享

    2024-01-17 23:04:05
  • 详解Python中的Array模块

    2021-11-14 02:14:27
  • javascript数组去重方法总结(推荐)

    2024-04-17 10:31:22
  • ASP从数据库中获取下载文件

    2007-10-06 21:17:00
  • asp之家 网络编程 m.aspxhome.com