栅格布局 网站设计,wordpress安装到网站,深圳形象设计公司,手机单机游戏网站大全关于“jQuery UI 主题”#xff0c;我找到了一些有用的信息。
首先#xff0c;jQuery UI 主题允许开发人员无缝集成UI小部件到他们网站或应用程序的外观和感观。每个插件通过CSS定义样式#xff0c;包含两层样式信息#xff1a;标准的jQuery UI CSS框架样式和具体的插件样…关于“jQuery UI 主题”我找到了一些有用的信息。
首先jQuery UI 主题允许开发人员无缝集成UI小部件到他们网站或应用程序的外观和感观。每个插件通过CSS定义样式包含两层样式信息标准的jQuery UI CSS框架样式和具体的插件样式。jQuery UI CSS框架提供了语义表示的类用来表明小部件内元素的角色比如标题、内容或可点击区域。这些在所有的小部件中都是一致的比如一个可点击的tab标签页、accordion折叠面板或button按钮都有相同的ui-state-default class用来表明它们是可点击的。当用户鼠标悬浮在这些元素上面时这个class就变成ui-state-hover当选中这些元素时则变成ui-state-active。这些class的一致性使得所有部件中具有相似角色或交互状态的元素在外观表现上一致【5†source】【7†source】。
其次CSS框架样式封装在一个单独的文件中名为ui.theme.css。这个文件是通过ThemeRoller应用程序来修改的。框架样式只包含影响外观和感观的属性比如颜色、背景图像、图标等。所以这些是安全的样式不会影响到插件的功能。这种分隔意味着开发人员可以通过在theme.css文件中修改颜色和图像来创建一个自定义的外观和感观。由于未来的插件或者bug修复将是可用的这些不通过修改即可与主题一起使用【5†source】【7†source】。
此外如果你正在寻找高度定制、高质量和免费的jQuery UI主题有一些推荐的主题如Selene它是一套色彩亮丽的jQuery UI主题包含所有jQuery UI组件的主题样式【6†source】。
最后为主题编写样式是非常简单的这是因为主题的灵活性。所有的主题都应该有一个基本的CSS class。这个主要的class允许用户启用禁用主题。您的根class的格式应该是.ui-themename。且它在HTML文件中的用法如下所示整个页面机器所有内容是根据themename的样式进行主题化的。然而带有ui-othertheme class的div及其中的每个元素包括模态对话框都是根据othertheme的样式进行主题化的【8†source】。
希望这些信息能帮助你更好地理解和使用jQuery UI主题。
