在Css样式表中添加javascript,实现动态效果
今天再网上查询查CSS样式表的相关内容,发现了CSS中有expression()这个函数,于是想是不是可以直接实现再CSS中写入javascript实现动态效果呢,想到就做原文地址:
1.tr
2{
3 /*设置onmouseover事件*/
4 onmouseover: expression(onmouseover=function (){this.style.borderColor ='blue';this.style.color='red';this.style.backgroundColor ='yellow'});
5 /*设置onmouseout事件*/
6 onmouseout: expression(onmouseout=function (){this.style.borderColor='red';this.style.color='blue';this.style.backgroundColor ='#743581'});
7}
写完发现.net会标识很多警告与错误提示,不管他,直接运行测试了下,果然有效果,哈哈,以后对于此类东东可以节省好多的代码量啦,顺便还要鄙视下微软,.net2008还是有待太完善啊!2{
3 /*设置onmouseover事件*/
4 onmouseover: expression(onmouseover=function (){this.style.borderColor ='blue';this.style.color='red';this.style.backgroundColor ='yellow'});
5 /*设置onmouseout事件*/
6 onmouseout: expression(onmouseout=function (){this.style.borderColor='red';this.style.color='blue';this.style.backgroundColor ='#743581'});
7}
把新发现拿出来共享下,呵呵,希望对大家有所帮助