background-color: expression( (new Date()).getHours()%2 ? "#F00" : "#00F" );
上面的代码是使用CSS Expression,实现隔一个小时切换一次背景颜色。
input的CSS样式,有没有分别对应type=text,submit,chekbox...的写法? 之 behavior
cssfile:
input {
behavior: url(bindbutton.htc);
}
htcfile:
<PUBLIC:COMPONENT lightWeight=true>
<PUBLIC:ATTACH EVENT="oncontentready" ONEVENT="load()" />
<PUBLIC:ATTACH EVENT="onmouseout" ONEVENT="mouseout()" />
<PUBLIC:ATTACH EVENT="onmouseover" ONEVENT="mousemove()" />
<PUBLIC:ATTACH EVENT="onmousedown" ONEVENT="mousedown()" />
<PUBLIC:ATTACH EVENT="onmouseup" ONEVENT="mouseup()" />
<PUBLIC:PROPERTY NAME="direction" />
<SCRIPT LANGUAGE="JScript">
function load()
{
if ((element.tagName == 'INPUT' && (element.type == 'button' || element.type == 'submit' || element.type == 'reset')) || (element.tagName == 'BUTTON'))
{
element.style['background'] = '....';
}
element.style.border = ((element.type=='checkbox'||element.type=='radio')?'none':'1px double #888888');
}
function setImage(sImg)
{
if (bSet)
{
//element.style['background'] = 'URL('+ sImg +')';
}
}
function mouseout() { setImage(aNormal[iDir]); try{element.style.MozOpacity=0.8;element.filters.alpha.opacity=80;}catch(e){}}
function mousemove() { setImage(aOver[iDir]); try{element.style.MozOpacity=1;element.filters.alpha.opacity=100;}catch(e){}}
function mousedown() { setImage(aClick[iDir]); }
function mouseup() { setImage(aNormal[iDir]); }
</SCRIPT>
</PUBLIC:COMPONENT>
分享到:
相关推荐
css高级应用与技巧css高级应用与技巧css高级应用与技巧
本篇将深入探讨"CSS样式应用实例基础实例",旨在帮助初学者和有一定经验的开发者更深入地理解并掌握CSS在实际项目中的应用。 首先,我们需要了解CSS的基本概念。CSS允许我们将样式信息与结构内容分离,使得网页的...
CSS3高级应用
根据给定的部分内容,下面分析几个具体的CSS应用场景: ##### 示例1:基本CSS应用 ```html <style type="text/css"> .REDCOLOR { color: red; } #SHOWCOLOR { color: blue; } 这段文字将显示为红色。 这段文字...
非常实用的HTML5+CSS3小应用。非常适用于初学者。
本示例重点是探讨如何在JavaFX中应用不同的CSS(层叠样式表)文件来改变应用程序的样式和外观。 在JavaFX中,CSS被用来控制UI组件的视觉样式,包括颜色、字体、布局和其他视觉属性。这使得开发者可以轻松地为应用...
"快应用CSS动画库.zip"是一个专门针对快应用开发的CSS动画资源集合,包含了多种预设的动画效果,便于开发者快速集成到自己的项目中。 在这个压缩包"qa-animation-master"中,我们可以期待找到以下内容: 1. **CSS...
这个"简单CSS应用"的主题旨在介绍如何利用CSS来美化和控制网页的布局与设计。在http://blog.csdn.net/svitter/article/details/23965491这篇博客中,作者可能会分享一些基础到进阶的CSS技巧,帮助读者更好地理解和...
CSS与AJAX的综合应用 - CSS与其他技术 CSS与AJAX的综合应用 - CSS与其他技术 CSS与AJAX的综合应用 - CSS与其他技术
CSSchange Ajax的局部更新。 CSSglass 用CSS制作会发光的字体。 CSSmenu 用Ajax+CSS制作动态菜单。 CSSshadow 用CSS制作投影效果。
CSS网页应用技巧
本文将详细介绍如何通过CSS媒体查询实现界面大小的判断,并据此调整样式,使之更适合移动设备等小屏幕显示。 ### 一、CSS媒体查询简介 #### 1.1 基本概念 媒体查询是一种CSS3功能,它允许开发者根据不同的设备特性...
css高级应用,css难点,css各种菜单,chm格式文件
这段时间我们已经陆续向大家分享了很多绚丽实用的HTML5/CSS3应用插件,今天,我从资料库中精选了7款最新出炉的HTML5/CSS3应用分享给大家,希望大家喜欢。 1、HTML5/CSS3发光文字 可自定义文字色彩 效果很赞 前几天我...
纯css html实现的单页面应用
之前我们分享过一款CSS3带小图标下拉菜单,它更多的是一款菜单,但是今天要分享的一款CSS3自定义下拉框取代了传统的Select样式,用不一样的风格来让select更加美观。这款CSS3下拉框还有3D立体的卡片折叠动画效果,...
用js控制层的页面 很好的描述了怎么用js 控制层
【标题】"CSS3网页应用小图标样式下载.zip"是一个包含CSS3技术实现的网页图标资源包,专门用于提升网页设计中的图标应用。CSS3是层叠样式表的第三版,它极大地扩展了前两版的功能,引入了更多样化的样式、动画效果...