zoukankan      html  css  js  c++  java
  • Jquery ui css framework

    Jquery ui css frameworkjquery ui中的一个样式框架,可以利用jquery Theme roller 来生成自己想要的css样式效果。我们可以利用jquery ui的一些框架来开发出基于jquery ui css framework效果的插件来。

    Jquery ui中两大核心的css文件是ui.core.cssui.theme.css.这两个css样式贯穿整个基于jquery ui的界面上,并且可以通过jquery ui ThemeRoller来生成自己的样式。

    .ui-helper-hidden :为元素应用display:none

    .ui-helper-hidden-accessible:将元素的绝对位置设置为不可见

    .ui-helper-clearfix:适用于浮动包裹父元素的属性

    . ui-helper-zfix:适用于修复iframe元素覆盖的问题

    .ui-state-default:元素的默认样式

    .ui-state-hover:元素为hover状态的样式

    .ui-state-focus:元素为focus状态的样式

    .ui-state-active:元素为active状态(一般为鼠标选中)的样式

    .ui-state-hightlight:需要高亮状态的样式

    .ui-state-error:元素为错误状态(一般描述错误信息)的样式

    .ui-state-error-text:描述错误文字的样式

    .ui-state-disabled:元素被禁用的样式

    .ui-priority-primary:被应用于级别为第一级的button,如果button需要区分曾记的话。将应用加粗字体

    .ui-priority-secondary:被应用于级别为第二级的button,和上一场景相对应,将应用一般粗细的字体,并且相对于元素轻度透明

    Icon types:css framework提供了一套默认的图标,这些图标适用于大多场景,一般使用的方式是“ui-icon ui-icon-****”来指定icon

    .ui-corner-tl:左上角圆角,基于css3ie不支持

    .ui-corner-tr:右上角圆角,基于css3ie不支持

    .ui-corner-bl:左下角圆角,基于css3ie不支持

    .ui-corner-br:右下角圆角,基于css3ie不支持

    .ui-corner-top:上面两个角圆角,基于css3ie不支持

    .ui-corner-bottom:底部两个角圆角,基于css3ie不支持

    .ui-corner-right:右部两个角圆角,基于css3ie不支持

    .ui-corner-left:左部两个角圆角,基于css3ie不支持

    .ui-corner-all:全部角圆角,基于css3ie不支持

    .ui-widget-overlay:遮罩

    .ui-widget-shadow:阴影

    在写jquery ui widget的时候合适的利用这些css就可以做出和jquery ui theme兼容的自定义ui来。
  • 相关阅读:
    datanode报错Problem connecting to server
    使用命令查看hdfs的状态
    Access denied for user root. Superuser privilege is requ
    ElasticSearch默认的分页参数 size
    SparkStreaming Kafka 维护offset
    【容错篇】Spark Streaming的还原药水——Checkpoint
    251 Android 线性与相对布局简介
    250 Android Studio使用指南 总结
    249 如何解决项目导入产生的中文乱码问题
    248 gradle更新问题
  • 原文地址:https://www.cnblogs.com/dail/p/1766805.html
Copyright © 2011-2022 走看看