自定义loading样式

2024-09-05

自定义loading效果

结合Font Awesome字体图标自定义loading效果 Font Awesome字体图标地址:http://www.fontawesome.com.cn/faicons/ 使用javascript DOM操作动态添加loading HTML结构,通过JavaScript方法控制loading的显示与隐藏. 效果: 代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="

Siteserver-stl:searchOutput(搜索结果)自定义显示样式

stl:searchOutput 自定义显示样式自定义搜索提交表单需要在<stl:searchOutput>中嵌入显示搜索结果的标签,必须包含的标签有<stl:pageContents>和<stl:pageitems>及<stl:pageItem>元素,分别用于显示搜索结果分页列表和搜索结果翻页项. 注意: <stl:searchOutput>内必须包含一个<stl:pageContents>元素,用于显示搜索结果内容列表,详情

jQuery自定义滚动条样式插件mCustomScrollbar

如果你构建一个很有特色和创意的网页,那么肯定希望定义网页中的滚动条样式,这方面的 jQuery 插件比较不错的,有两个:jScrollPane 和 mCustomScrollbar. 关于 jScrollPane,大家见过的可能比较多,但是这个插件太过于古老而且功能不强大,效果在几年前非常不错,但是放在现在就不好说了.所以我选择了后者:mCustomScrollbar.下图是两者官方示例的简单对比: 本文就是介绍如何使用 mCustomScrollbar 这个插件,大部分的内容是翻译自 mCus

自定义plain 样式的 tableview,模拟器上不显示分割线,真机上却显示分割线.

一, 经历 1> 自定义plain 样式的 tableview,模拟器上不显示分割线,真机上却显示cell 下面的分割线. 2> 尝试使用表格的separatorStyle属性,尝试失败.尝试使用 grouped 类型的表格,设置 headerview 和 footview 的代理方法或tableFooterView属性都不生效. 3> 同事定位到问题应该出在,已经设置过separatorStyle属性,接着又被系统的某些属性覆盖了,而且没有数据的单元格被系统自动创建了. 4> 同

Cocos2d-JS 自定义loading界面

[转]http://blog.csdn.net/et_sandy/article/details/41415047 环境: win7 64位 Cocos2d-JS v3.1 Cocos Code IDE v1.0.0.Final 本文介绍的方法比较随意,另官方也有规范的教程:http://www.cocos2d-x.org/docs/manual/framework/html5/v2/customize-loading-screen/zh 在非web上进行测试,web版的话大家自己改改,本文后面

Winform自定义窗体样式，实现标题栏可灵活自定义

最近在编写C/S结构应用程序时,感觉窗体的标题栏样式太死板了,标题文字不能更改大小.颜色.字体等,按钮不能隐藏等问题,在网上也查找了许多相关的资料,没有找到合适的解决方案,发现许多人也在寻求这个问题,最后我决定自己研究动手画一个标题栏出来,经过今天一天的研究与编写,终于完成全部功能,现公布一下我的设计思路. 一.去掉Form类自带的标题栏要去掉自带的标题栏有两种方法,第一方法是直接将FormBorderStyle设为 System.Window

WPF 自定义滚动条样式

先看一下效果: 先分析一下滚动条有哪儿几部分组成: 滚动条总共有五部分组成: 两端的箭头按钮,实际类型为RepeatButton Thumb 两端的空白,实际也是RepeatButton 最后就是Thumb(滑块) 所以如果要修改滚动条的样式,就要修改这五部分的样式.具体代码如下:  <SolidColorBrush x:Key="StandardBorderBrush"

Android设置选项开发及自定义Preference样式

一个完整的Android应用程序都应该提供选项(或者叫偏好设置等等)让用户对APP的表现形式能够进行设置,比如说是否加入用户体验计划,或者是否自动升级.定时提醒.开启自启动.后台运行等等.提供一个好的设置项,会大大提升APP的用户体验.为了完成这样的功能,你不必从头开始写Activity或者Fragment,因为Android已经提供了实现这个功能的API,并且会自动将用户设置以键值对的形式存入SharedPreference(Android的四大存储方式之一)中.在3.0以前的系统,使用Pre

Android: 自定义Tab样式,一种简单的方式。

之前看到过论坛里已经有人发过自定义Tab样式的帖子,感觉有些复杂了,这里分享个简单的方法. 1.制作4个9patch的tab样式,可参考android默认的资源 tab_unselected.9.png tab_selected.9.png tab_press.9.png tab_focus.9.png 这4个资源分别代表Tab的4种状态. 2.定义Tab的selector样式(就叫它tab_indicator.xml好了),将其放入drawable文件夹下,代码如下: <?

如何使用XE2及更高版本中提供的自定义皮肤(样式)功能

源:如何使用XE2及更高版本中提供的自定义皮肤(样式)功能 1. 制作样式文件: 点击 XE2+ 的 IDE 菜单上的 Tools-->Bitmap Style Designer, 打开设计器. 为每个需要的元素设计好图片或颜色或字体. 最重要的是, 要为设计的样式起个名字: Objects 窗口中, 选中最上面的 Objects 节点, 在 Inspector 窗口中, 为 Name 属性起个名字, 如 ccrun 然后保存这个样式: File-->SaveAs, 假设保存为 D:\ccru

几个页面loading样式

随手练习了几个loading样式,以后看到有意思的loading样式也会补充上.样式的兼容性建议还是去w3c上看下属性的兼容性,至少我习惯这么多,当然,w3c中文网貌似很久很久没更新过了,可能更好的还是去google下. 我给出的代码一般会把浏览器前缀样式给省略,因为像动画的关键帧这样的需要前缀的会使代码很长. 下面给出示意图和代码: (1)两个小球: <!doctype html> <head> <title>两个小球</title> <style&

CSS3自定义滚动条样式

原文地址:→传送门写在前面滚动条是个很常见的东东,不过某些浏览器自带的滚动条确实不太好看啊,下面可以作为学习,探讨下自定义滚动条的实现,这样你的滚动条就可以美美的啦.但是,也只能玩玩,因为只针对webkit内核的浏览器啊啊啊啊啊! overflow介绍定义:overflow 属性指定当它溢出其块级容器时,是否剪辑内容,渲染滚动条或显示内容. 属性值 overflow:visible //默认值.内容不会被修剪,超出内容会显示在元素框之外 overflow:hidden //内容会被修剪.超

自定义bootstrap样式-9行样式自定义漂亮大气bootstrap导航栏

有人说前端发展太快,框架太多,各有所需,各有所长.看看这幅图,估计都知道这些框架,但是大部分公司中实际要用到的也就那么几个. 发展再快,框架再多.还是得回到原点,不就是Html+Css+JavaScript吗,使用任何牛逼的框架之前你也得把这些东西玩熟练了.bootstrap上大一的时候学html的时候就听老师说过,接触也快一年多了,所以这里准备写一篇关于bootstrap如何自定义导航栏的文章,如有不足还希望能够提出宝贵的建议. 首先这种导航栏非常常见,也没有一个固定的专业名词,我暂且给他取个

WPF自定义Window样式（2）

1. 引言在上一篇中,介绍了如何建立自定义窗体.接下来,我们需要考虑将该自定义窗体基类放到类库中去,只有放到类库中,我们才能在其他地方去方便的引用该基类. 2. 创建类库接上一篇的项目,先添加一个类库项目stonemqy.CustomWindow.Helpers.理所当然的,我们接下来需要把VisualStates.TransitioningContentControl.CustomWindow.Themes/Generic.xaml等文件放入类库中.此时,要注意添加如下引用: Presen

WPF自定义Window样式（1）

1. 引言 WPF是制作界面的一大利器.最近在做一个项目,用的就是WPF.既然使用了WPF了,那么理所当然的,需要自定义窗体样式.所使用的代码是在网上查到的,遗憾的是,整理完毕后,再找那篇帖子却怎么也找不到了,仅仅在下载记录里面找到了作者的git地址,DinoChan.原帖作者看到后可以联系我,以便我加上原文链接. 首先上原始源码. 2. 创建项目创建空白项目stonemqy.CustomWindow,添加WPF项目stonemqy.CustomWindow.Main.在stonemqy.Cu

Android必知必会-自定义Scrollbar样式

如果移动端访问不佳,请使用–>GitHub版背景设计师给的设计图完全依照 IOS 的标准来的,导致很多细节的控件都得自己重写,最近的设计图中有显示滚动条,Android 默认的滚动条样式(带描边)和设计图格格不入,无奈,只好研究下自定义 Scrollbar 样式.这里稍微整理下. 知识点在ListView/ScrollView/RecyclerView中添加属性:  android:scrollbars="vertical"

C#、WPF中如何自定义鼠标样式

需求:在C#中如何自定义鼠标样式?在这里可以分两种情况,一种是在winForm,另一种是在WPF中(注意使用的Cursor对象不一样) 解决办法如下: a.首先针对WinForm中,我们可以采用图标加载方式,代码如下:(这种情况用在普通控件上,但在MouseMove事件中使用,移动时鼠标会一直跳动) public void SetCursor(System.Drawing.Bitmap cursor) { try { System.Drawing.Bitmap newCursor = new S

自定义滚动条样式-transition无效

问题需求是自定义滚动条样式,然后2秒内无操作隐藏滚动条. 2s内隐藏比较麻烦,不能用css实现,只能监听容器的touch事件,然后给滚动条加个opacity: 0的class. .class::-webkit-scrollbar{ width: 10px; -webkit-transition: all 1s; transition: all 1s; } .class::-webkit-scrollbar-thumb{ border-radius: 5px; background-color:

CSS自定义滚动条样式

原文地址:http://www.qianduan.net/css-custom-scroll-bar-style/ 相信很多人都遇到过在设计中自定义滚动条样式的情景,之前我都是努力说服设计师接受浏览器自带的滚动条样式,但是这样只能规避还是解决不了问题,最近在项目中遇到了,正好来总结一下.当然,兼容所有浏览器的滚动条样式目前是不存在的. IE下的滚动条样式 IE是最早提供滚动条的样式支持,嗯,好多年了,但是其它浏览器一直没有支持,IE独孤求败了. 这些样式规则很简单: scrollbar-arro

CSharp如何自定义鼠标样式

一.如何设置鼠标样式? 在CSharp的WinForm开发中,可以通过下面的API设置鼠标样式: //把鼠标样式设置为十字(系统自带的一种鼠标样式) this.Cursor = Cursors.Cross; //把鼠标样式设置为自定义图片 this.Cursor = new Cursor(string fileName);//要求file为cur格式 this.Cursor = new Cursor(IntPtr handel); this.Cursor = new Cursor(System.

WPF 自定义ComboBox样式，自定义多选控件

原文:WPF 自定义ComboBox样式,自定义多选控件一.ComboBox基本样式 ComboBox有两种状态,可编辑和不可编辑状态.通过设置IsEditable属性可以切换控件状态. 先看基本样式效果: 基本样式代码如下:   <SolidColorBrush x:Key="ComboBoxSelectdBackground" Color="#ff8c69"/

自定义loading样式

热门专题