`
静夜细藤
  • 浏览: 19648 次
  • 性别: Icon_minigender_2
  • 来自: 北京
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

css小应用

阅读更多

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在实际项目中的应用。 首先,我们需要了解CSS的基本概念。CSS允许我们将样式信息与结构内容分离,使得网页的...

    CSS3高级应用

    CSS3高级应用

    CSS及其应用 书籍

    根据给定的部分内容,下面分析几个具体的CSS应用场景: ##### 示例1:基本CSS应用 ```html &lt;style type="text/css"&gt; .REDCOLOR { color: red; } #SHOWCOLOR { color: blue; } 这段文字将显示为红色。 这段文字...

    HTML5+CSS3小应用

    非常实用的HTML5+CSS3小应用。非常适用于初学者。

    javafx应用不同的css文件

    本示例重点是探讨如何在JavaFX中应用不同的CSS(层叠样式表)文件来改变应用程序的样式和外观。 在JavaFX中,CSS被用来控制UI组件的视觉样式,包括颜色、字体、布局和其他视觉属性。这使得开发者可以轻松地为应用...

    快应用CSS动画库.zip

    "快应用CSS动画库.zip"是一个专门针对快应用开发的CSS动画资源集合,包含了多种预设的动画效果,便于开发者快速集成到自己的项目中。 在这个压缩包"qa-animation-master"中,我们可以期待找到以下内容: 1. **CSS...

    HTML5+CSS3+jquery应用之美

    《HTML5+CSS3+jQuery应用之美》由韩国专业视觉设计师倾力奉献其多年商业网站设计与制作的从业经验,通过八大商业案例,以HTML5搭建结构、CSS3设置样式、jQuery实现动态应用这三者相结合的实际应用方式,详细讲解它们...

    简单css应用

    这个"简单CSS应用"的主题旨在介绍如何利用CSS来美化和控制网页的布局与设计。在http://blog.csdn.net/svitter/article/details/23965491这篇博客中,作者可能会分享一些基础到进阶的CSS技巧,帮助读者更好地理解和...

    CSS与AJAX的综合应用 - CSS与其他技术

    CSS与AJAX的综合应用 - CSS与其他技术 CSS与AJAX的综合应用 - CSS与其他技术 CSS与AJAX的综合应用 - CSS与其他技术

    CSS的高级应用实例

    CSSchange Ajax的局部更新。 CSSglass 用CSS制作会发光的字体。 CSSmenu 用Ajax+CSS制作动态菜单。 CSSshadow 用CSS制作投影效果。

    CSS网页应用技巧

    CSS网页应用技巧

    css高级应用

    css高级应用,css难点,css各种菜单,chm格式文件

    7款HTML5/CSS3应用新鲜出炉 功能强大实用

    这段时间我们已经陆续向大家分享了很多绚丽实用的HTML5/CSS3应用插件,今天,我从资料库中精选了7款最新出炉的HTML5/CSS3应用分享给大家,希望大家喜欢。 1、HTML5/CSS3发光文字 可自定义文字色彩 效果很赞 前几天我...

    SPA.css 单页面应用

    纯css html实现的单页面应用

    12个经典大气的HTML5/CSS3应用动画

    之前我们分享过一款CSS3带小图标下拉菜单,它更多的是一款菜单,但是今天要分享的一款CSS3自定义下拉框取代了传统的Select样式,用不一样的风格来让select更加美观。这款CSS3下拉框还有3D立体的卡片折叠动画效果,...

    div+css的应用

    用js控制层的页面 很好的描述了怎么用js 控制层

Global site tag (gtag.js) - Google Analytics