CSS里面可以执行JS代码吗？该怎么解决
日期：2014-05-17 浏览次数：20583 次
CSS里面可以执行JS代码吗？
CSS里面可以执行JS代码吗？程序里很多地方都使用了当前这个样式，现在需要根据具体情况判断。我不想每个地方都改，那样工作量太大，能不能在在CSS里执行一段JS进行判断？
------解决方案--------------------
.btn{
width: 50px;
border: 1px solid #F6FAEE;
BEHAVIOR: url(include/btn.htc);
}
类似这样的写。
以下是btn.htc，供参考
<PUBLIC:COMPONENT>
<PUBLIC:ATTACH EVENT= "onmouseover " ONEVENT= "onit() " />
<PUBLIC:ATTACH EVENT= "onmousedown " ONEVENT= "upit() " />
<PUBLIC:ATTACH EVENT= "onmouseup " ONEVENT= "onit() " />
<PUBLIC:ATTACH EVENT= "onmouseout " ONEVENT= "init() " />
<PUBLIC:ATTACH EVENT= "onload " ONEVENT= "init() " FOR= "window " />
<SCRIPT>
function init() {
runtimeStyle.border= "1px solid #F6FAEE ";
runtimeStyle.cursor= "hand ";
runtimeStyle.width= "60px ";
}
function onit() {
runtimeStyle.borderRight= "1px solid #60A239 ";
runtimeStyle.borderLeft= "1px solid #D8EEB2 ";
runtimeStyle.borderBottom= "1px solid #60A239 ";
runtimeStyle.borderTop= "1px solid #D8EEB2 ";
}
function upit() {
runtimeStyle.borderTop= "1px solid #60A239 ";
runtimeStyle.borderBottom= "1px solid #D8EEB2 ";
runtimeStyle.borderLeft= "1px solid #60A239 ";
runtimeStyle.borderRight= "1px solid #D8EEB2 ";
}
//COPYRIGHT(R) RAIN1977
</SCRIPT>
</PUBLIC:COMPONENT>
------解决方案--------------------
<style type= "text/css " media= "all " title= "Default ">
.mycss {
color:red;
wuxinlangman:expression(onmousemove=function(){
this.style.color= "blue ";
},onmouseout=function(){
this.style.color= "red ";
})
}
</style>
<body id= "wuxinlangman ">
<input class= "mycss " value= "wuxinlangman "/>
</BODY>
</HTML>
这样也可以！
不过推荐使用htc
------解决方案--------------------
直接应用就可以...
------解决方案--------------------
竟然可以这样写，收藏
------解决方案--------------------
JF
------解决方案--------------------
长见识了
------解决方案--------------------
张见识了,真的
------解决方案--------------------
牛。
------解决方案--------------------
可以使用.htc文件
但感觉应该通过js控制元素的显示，而不是反其道而行！
------解决方案--------------------
mark一个
------解决方案--------------------
mark
------解决方案--------------------
mark
CSS里面可以执行JS代码吗？程序里很多地方都使用了当前这个样式，现在需要根据具体情况判断。我不想每个地方都改，那样工作量太大，能不能在在CSS里执行一段JS进行判断？
------解决方案--------------------
.btn{
width: 50px;
border: 1px solid #F6FAEE;
BEHAVIOR: url(include/btn.htc);
}
类似这样的写。
以下是btn.htc，供参考
<PUBLIC:COMPONENT>
<PUBLIC:ATTACH EVENT= "onmouseover " ONEVENT= "onit() " />
<PUBLIC:ATTACH EVENT= "onmousedown " ONEVENT= "upit() " />
<PUBLIC:ATTACH EVENT= "onmouseup " ONEVENT= "onit() " />
<PUBLIC:ATTACH EVENT= "onmouseout " ONEVENT= "init() " />
<PUBLIC:ATTACH EVENT= "onload " ONEVENT= "init() " FOR= "window " />
<SCRIPT>
function init() {
runtimeStyle.border= "1px solid #F6FAEE ";
runtimeStyle.cursor= "hand ";
runtimeStyle.width= "60px ";
}
function onit() {
runtimeStyle.borderRight= "1px solid #60A239 ";
runtimeStyle.borderLeft= "1px solid #D8EEB2 ";
runtimeStyle.borderBottom= "1px solid #60A239 ";
runtimeStyle.borderTop= "1px solid #D8EEB2 ";
}
function upit() {
runtimeStyle.borderTop= "1px solid #60A239 ";
runtimeStyle.borderBottom= "1px solid #D8EEB2 ";
runtimeStyle.borderLeft= "1px solid #60A239 ";
runtimeStyle.borderRight= "1px solid #D8EEB2 ";
}
//COPYRIGHT(R) RAIN1977
</SCRIPT>
</PUBLIC:COMPONENT>
------解决方案--------------------
<style type= "text/css " media= "all " title= "Default ">
.mycss {
color:red;
wuxinlangman:expression(onmousemove=function(){
this.style.color= "blue ";
},onmouseout=function(){
this.style.color= "red ";
})
}
</style>
<body id= "wuxinlangman ">
<input class= "mycss " value= "wuxinlangman "/>
</BODY>
</HTML>
这样也可以！
不过推荐使用htc
------解决方案--------------------
直接应用就可以...
------解决方案--------------------
竟然可以这样写，收藏
------解决方案--------------------
JF
------解决方案--------------------
长见识了
------解决方案--------------------
张见识了,真的
------解决方案--------------------
牛。
------解决方案--------------------
可以使用.htc文件
但感觉应该通过js控制元素的显示，而不是反其道而行！
------解决方案--------------------
mark一个
------解决方案--------------------
mark
------解决方案--------------------
mark
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
