在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 {margin: 0px;font-family: Verdana;background-color: #cccccc;background-image: url('<?php
echo 'images/flag_bg/' . $user_country . '.png';
?>');
 }

这会将背景图像设置为$ user_country变量中存储的内容。这只是动态CSS的一个例子; 在组合CSS和服务器端代码时，几乎有无限的可能性。另一种情况是做一些事情，比如允许用户创建自定义主题，将其存储在数据库中，然后使用PHP设置各种属性，如下所示：

user_theme.css.php：

body {background-color: <?php echo $user_theme['BG_COLOR']; ?>;color: <?php echo $user_theme['COLOR']; ?>;font-family: <?php echo $user_theme['FONT']; ?>;
 }#panel
 {font-size: <?php echo $user_theme['FONT_SIZE']; ?>;background-image: <?php echo $user_theme['PANEL_BG']; ?>;
 }

但是，这再一次只是一个非常头脑的例子; 通过服务器端脚本来利用动态CSS的强大功能可以带来一些非常令人难以置信的东西。