在CSS中使用Javascript

Question

在CSS中使用Javascript

是否可以在CSS中使用Javascript？

如果是，你能给出一个简单的例子吗？

Answer 1

我想你可能会想到的是expressions还是“动态属性”，这是仅支持IE，让您有一个属性设置为一个javascript表达式的结果。例：width:expression(document.body.clientWidth > 800? "800px": "auto" );此代码使IE模拟max-width它不支持的属性。但是，所有考虑因素都避免使用这些。他们是坏事，坏事。

Answer 2

根据您提供的信息，为了便于解决您的问题，我将假设您正在寻找动态CSS。如果是这种情况，您可以使用服务器端脚本语言来执行此操作。例如（我非常喜欢这样做）：styles.css.php：body&nbsp;{margin:&nbsp;0px;font-family:&nbsp;Verdana;background-color:&nbsp;#cccccc;background-image:&nbsp;url('<?php echo&nbsp;'images/flag_bg/'&nbsp;.&nbsp;$user_country&nbsp;.&nbsp;'.png'; ?>'); &nbsp;}这会将背景图像设置为$ user_country变量中存储的内容。这只是动态CSS的一个例子;&nbsp;在组合CSS和服务器端代码时，几乎有无限的可能性。另一种情况是做一些事情，比如允许用户创建自定义主题，将其存储在数据库中，然后使用PHP设置各种属性，如下所示：user_theme.css.php：body&nbsp;{background-color:&nbsp;<?php&nbsp;echo&nbsp;$user_theme['BG_COLOR'];&nbsp;?>;color:&nbsp;<?php&nbsp;echo&nbsp;$user_theme['COLOR'];&nbsp;?>;font-family:&nbsp;<?php&nbsp;echo&nbsp;$user_theme['FONT'];&nbsp;?>; &nbsp;}#panel &nbsp;{font-size:&nbsp;<?php&nbsp;echo&nbsp;$user_theme['FONT_SIZE'];&nbsp;?>;background-image:&nbsp;<?php&nbsp;echo&nbsp;$user_theme['PANEL_BG'];&nbsp;?>; &nbsp;}但是，这再一次只是一个非常头脑的例子;&nbsp;通过服务器端脚本来利用动态CSS的强大功能可以带来一些非常令人难以置信的东西。