css 中的function(index, value)应用-

最新推荐文章于 2021-08-03 18:36:31 发布

wwttqq85538649

最新推荐文章于 2021-08-03 18:36:31 发布

阅读量1.5k

点赞数

分类专栏：待完成文章标签： function css border xhtml html div

本文链接：https://blog.csdn.net/wwttqq85538649/article/details/6206916

版权

待完成专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <mce:script src="Script/jquery-1.4.1.js" mce_src="Script/jquery-1.4.1.js" type="text/javascript"></mce:script> <mce:script type="text/javascript"></mce:script> <mce:style type="text/css"></mce:style><style type="text/css" mce_bogus="1">div{ border:1px dashed #0F3; width:50px; height:100px; }</style> </head> <body> <div> my name is wtq </div> </body> </html>

background-color:function(index,value) {

return "#fff"

}

问题：当background-color应用于上面的函数时，报错、

解决办法：当css中的属性包含“-”时，应该使用双引号，如下

"background-color":function(index,value) {

switch(i)

{

case 0: backcolor="#0f0" ; break;

case 1: backcolor="#00f" ; break;

case 2: backcolor="#432" ; break;

case 3: backcolor="#345" ; break;

}

return backcolor;

}

最终的代码为：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <mce:script src="Script/jquery-1.4.1.js" mce_src="Script/jquery-1.4.1.js" type="text/javascript"></mce:script> <mce:script type="text/javascript"></mce:script> <mce:style type="text/css"></mce:style><style type="text/css" mce_bogus="1">div{ border:1px dashed #0F3; width:50px; height:100px; }</style> </head> <body> <div> my name is wtq </div> </body> </html>