您好,欢迎光临本网站![请登录][注册会员]  

搜索资源列表

  1. Qt绘制时钟效果

  2. 简述 QPainter 提供了 2D 绘图的常用操作,QTimer 提供了定时器功能,将两者相结合,可以做出很多的自定义特效绘制。 下面,来实现一个每天都要接触的东西 – 时钟。包含了常见的所有功能:时针、分针、秒针。 实现方式 由于时钟是妙级更新的,所以我们需要定时刷新,时钟本身则使用之前讲过的 QPainter 来进行绘制。 使用 QTimer 定时刷新,设置超时时间为 1000 毫秒(1 秒)。 绘制时钟,通过 paintEvent() 实现,包括:时针、分针、秒针、及面板、表盘等。 绘制
  3. 所属分类:其它

    • 发布日期:2020-12-17
    • 文件大小:71680
    • 提供者:weixin_38681628
  1. Unity实现喷漆效果

  2. 本文实例为大家分享了Unity实现喷漆效果展示的具体代码,供大家参考,具体内容如下 喷漆功能 **应用场景:**如墙上的标语贴花,汽车上的喷漆等。 选择方案: 1、当然实现方法各式各异,最最最简单,也是最“不堪入目”的方法是直接给一个面片,然后获取喷漆位置,加上一个要喷漆表面法线方向的偏移,作为最终面片放置位置,当然,不要忘了设置面片的方向。这种方法虽然说简单,但是效果并不理想,会出经常现与其他物体穿插的情况,如果游戏中曲面太多,那么这个方案基本没法看。 2、对于个别特殊的需求来讲,比如说人
  3. 所属分类:其它

    • 发布日期:2020-12-17
    • 文件大小:76800
    • 提供者:weixin_38665814
  1. html设置加粗、倾斜、下划线、删除线等字体效果

  2. 这是加粗的字体 这是倾斜的字体 这是加下划线的字体 这是加删除线的字体1 这是加删除线的字体2 效果如下: 这是加粗的字体 这是倾斜的字体 这是加下划线的字体 这是加删除线的字体1 这是加删除线的字体2
  3. 所属分类:其它

    • 发布日期:2020-12-14
    • 文件大小:14336
    • 提供者:weixin_38729221
  1. HTML5 canvas基本绘图之绘制阴影效果

  2. 是HTML5中新增的标签,用于绘制图形,实际上,这个标签和其他的标签一样,其特殊之处在于该标签可以获取一个CanvasRenderingContext2D对象,我们可以通过Javascr ipt脚本来控制该对象进行绘图。 只是一个绘制图形的容器,除了id、class、style等属性外,还有height和width属性。在>元素上绘图主要有三步: 1.获取元素对应的DOM对象,这是一个Canvas对象;2.调用Canvas对象的getContext()方法,得到一个CanvasRende
  3. 所属分类:其它

    • 发布日期:2020-12-14
    • 文件大小:50176
    • 提供者:weixin_38637998
  1. html5 worker 实例(一) 为什么测试不到效果

  2. 很多人在测试worker api的时候,总是会出现异常,根本测试不到效果。 在使用worker的时候有个必须注意的地方,就是单纯的文本文件是实现不了worker的,你写的实际代码 必须部署到服务器(tomcat.jBoss等)才能运行worker api。 下面写个简单例子 js代码test.js(worker) 复制代码代码如下: function messageHandler(e) { postMessage(“worker says: ” + e.data + ” too”); } ad
  3. 所属分类:其它

    • 发布日期:2020-12-14
    • 文件大小:31744
    • 提供者:weixin_38553381
  1. 使用css禁用input、checkbox、select等html控件实现disable效果

  2. 用js的event可以用来阻止input,select,checkbox的默认事件,如 event.preventDefault() event.stopPropagation() 其实用纯CSS也能实现,如 input { pointer-events: none; } 然后用CSS把input变灰即可,50%透明度即可实现禁用的效果 input.disabled { pointer-events: none; opacity: 0.5; } 总结 以上所述是小编
  3. 所属分类:其它

    • 发布日期:2020-12-14
    • 文件大小:27648
    • 提供者:weixin_38730129
  1. 通过disabled和readonly将input设置为只读效果

  2. 有两种方式可以实现input的只读效果:disabled 和 readonly。 自然两种出来的效果都是只能读取不能编辑,可是两者有很大不同。 Disabled说明该input无效,及其value不会传递给任何程序,比如asp、php等。 Readonly仅仅是无法编辑,不影响其值的传递。 Disabled使用: Readonly使用:
  3. 所属分类:其它

    • 发布日期:2020-12-14
    • 文件大小:23552
    • 提供者:weixin_38724349
  1. css多种方式实现等高布局的示例代码

  2. 本文讲的等高布局是在不手动设置元素高度的情况下,使用纯css实现各个元素高度都相当的效果。如图: 1、使用table-cell实现(兼容IE8) body,div,ul,li{margin: 0;padding: 0;} li{list-style: none;} .table-layout-container{ width: 50%; margin: 20px auto; } .table-row-layout{
  3. 所属分类:其它

    • 发布日期:2020-12-14
    • 文件大小:187392
    • 提供者:weixin_38569166
  1. css设置多列等高布局的方法示例

  2. 初始时,多个列内容大小不同,高度不同。现在需要设置不同的背景来显示,而且各个列的高度需要保持一致。那么这就需要利用到多列等高布局。 最终需要的效果:   1. 真实等高布局 flex 技术点:弹性盒子布局flex,默认值就是自带等高布局的特点。 定义flex布局的时候,有一些默认值。 flex-direction 属性定义主轴的方向。默认值为 row ,一般是水平显示。flex容器的主轴被定义为与文本方向相同。 主轴起点和主轴终点与内容方向相同。 align-item 属性定义flex子项在
  3. 所属分类:其它

    • 发布日期:2020-12-13
    • 文件大小:164864
    • 提供者:weixin_38704830
  1. HTML5实现的图片无限加载的瀑布流效果另带边框圆角阴影

  2. 又一款网页瀑布流效果,可以实现图片的无限制加载。基于时下流行的HTML5技术编写而成,演示页面中一共调用了7张图片,为了演示方便,这里让其随滚动条的滚动自动循环显示,这样大家更能清楚的看明白瀑布流的效果。除了实现瀑布流,还加入了CSS5的图片修饰效果,比如图片的圆角边框、图片阴影立体效果等,是学习瀑布流的好素材 。 复制代码代码如下: <html xm
  3. 所属分类:其它

    • 发布日期:2020-12-13
    • 文件大小:53248
    • 提供者:weixin_38616033
  1. 左定宽度右自适应宽度并且等高布局实现代码

  2. 今天有位朋友一早转来一个有关于CSS布局的面试题,需要解决,花了点时间写了几个DEMO,放上来与大家分享受。那么我们在看DEMO之前一起先来看看这个面试题的具体要求吧: 左侧固定宽,右侧自适应屏幕宽; 左右两列,等高布局; 左右两列要求有最小高度,例如:200px;(当内容超出200时,会自动以等高的方式增高) 要求不用JS或CSS行为实现; 仔细分析试题要求,要达到效果其实也并不是太难,只是给人感觉像有点蛋疼的问题一样。但是你仔细看后你会觉得不是那么回事: 左边固定,右边自适应布局,这个第
  3. 所属分类:其它

    • 发布日期:2020-12-13
    • 文件大小:78848
    • 提供者:weixin_38656741
  1. CSS3 重置iphone浏览器按钮input,select等表单元素的默认样式

  2. 今天在公司写了一个登录页面效果,让我碰到一个怪异的问题——“表单中的input[type="submit"]和input[type="reset"]按钮在iPhone的safari浏览器下圆角有一个bug”。下面我来简单的描述一下这个bug的样子: 初载入页面后,表单中的input[type="submit"]和input[type="reset"]按钮渲染成下图的样子: 奇怪的是你点击以后就会正常: 或许很多同学会认为我的样式代码没写好,那么想让大家知道是怎么一回事,先来看看我写的代码: i
  3. 所属分类:其它

    • 发布日期:2020-12-13
    • 文件大小:82944
    • 提供者:weixin_38730389
  1. 多列等高的CSS实现代码

  2. 什么是等高布局? 先来看一个案例:   上图中的页面的主体内容是两列结构,左列是用来导航的,右列是用来显示内容的。我们看到它们有一个共同的边框,中间还有一条分隔线,左右两列的高度都是不固定的。这种情况下就需要两列的高度保持一致了,左边高度增加,右边也跟着增加,右边高度增加,左边同样也要增加,否则就会出现“断层”的效果。在这里,等高布局是为了维护边框线条的完整性,在有些地方则可能是为了维护背景的完整性,达到整体一致不缺失的效果。 布局方案 等高布局有几种不同的方法,但目前为止我认为浏览器兼容最好最
  3. 所属分类:其它

    • 发布日期:2020-12-13
    • 文件大小:112640
    • 提供者:weixin_38545117
  1. CSS3等相关属性制作分页导航实现代码

  2. W3cplus第二版本刚上线时,好多位朋友向我问起站上的分页导航样式是怎么制作,像是图片一样。前面都是随便说了一下制作的过程,为了报答各位朋友一持对本站的大力支持,今天我特意把这个分页导航的效果当作一个小教程来说。希望大家会喜欢。 目标 今天我们主要的目的是使用CSS3等相关属性来制作W3cplus站点上的分页导航效果,大家可以这点击这里查看站点上的效果,也可以直击下面的效果图: 在这个效果中,其实只有两大看点: 使用CSS3的属性,制作不规则图形效果,并且hover状态下会慢慢改变图形和字体
  3. 所属分类:其它

    • 发布日期:2020-12-13
    • 文件大小:160768
    • 提供者:weixin_38630324
  1. Bootstrap实现模态框效果

  2. 一、模态框(Modal)是覆盖在父窗体上的子窗体。通常,目的是显示来自一个单独的源的内容,可以在不离开父窗体的情况下有一些互动。子窗体可提供信息、交互等。 二、如果想要单独引用该插件的功能,那么您需要引用 modal.js。或者可以引用 bootstrap.js 或压缩版的 bootstrap.min.js 引入之后直接上代码示例: Bootstrap 实例 - 模态框(Modal)插件
  3. 所属分类:其它

    • 发布日期:2020-12-13
    • 文件大小:65536
    • 提供者:weixin_38522253
  1. CSS圆角效果 -webkit-border-radius(CSS3中border-radius隐藏的威力)

  2. -webkit-border-radius:苹果;谷歌,等一些浏览器认,因为他们都用的是webkit内核; -moz-border-radius:moz这个属性 主要是专门支持Mozilla Firefox 火狐浏览器的CSS属性。 在这两个属性有值的时候,去掉哪个属性,对用他们做内核的浏览器就有影响,如果没值的话,就没影响,这两个属性和,IE,和360没关系。不删除的话影响微乎其微. border-radius:用这个属性能实现圆角边框的效果。 现在只有Mozilla/Firefox 和 S
  3. 所属分类:其它

    • 发布日期:2020-12-13
    • 文件大小:63488
    • 提供者:weixin_38556189
  1. csshover.htc可以解决ie6下hover不起作用等兼容问题

  2. 在ie6 下只有a 才支持:hover 伪类,其它标签都不支持,现在可以通过 csshover.htc 可以解决 ie6 的 hover 兼容问题。 它利用 javascr ipt 脚本来给元素的的样式定义,如果检测到 hover 定义,就给元素设置 onmouseover 和 onmouseout 事件,以此来实现 hover 的效果。 以下是 csshover.htc 代码: 复制代码代码如下: [removed] var curre
  3. 所属分类:其它

    • 发布日期:2020-12-13
    • 文件大小:34816
    • 提供者:weixin_38653687
  1. 使IE6支持:hover效果使用li:hover或div:hover

  2. :hover是在CSS中用来制作效果最常用到的一个伪类,比如:标签或div上的鼠标悬停效果 li:hover,div:hover等. 但这种效果是css2及以上版本才添加的,对于只支持css1的浏览器就显示不出来。 在IE6中只兼容a:hover,要使用li:hover或div:hover,需引用一个文件使其兼容: csshover.htc(点击直接查看) 放在网站的根目录下,并在css文件(或者标签)中,加上 复制代码代码如下: body { behavior:url(“…csshover
  3. 所属分类:其它

    • 发布日期:2020-12-13
    • 文件大小:26624
    • 提供者:weixin_38591011
  1. CSS中的空白效果属性使用小结

  2. white-spacewhite-space用来设置浏览器对“空白”的处理,所谓的空白指的是你在编辑器里面输入的空格,回车,tab等。他的可选内容如下: normal: 默认。空白会被浏览器忽略。例如:开头结尾的空白忽略,字之间的,不管多少个多个空格或回车,只显示一个空格,换行前面的空格忽略pre:空白会被浏览器保留。其行为方式类似 HTML 中的 标签。nowrap:不换行,除非遇到,n个空格会被压缩为一个。pre-wrap:保留所有空白,但是正常地进行换行(chrome,FF,IE8+,O
  3. 所属分类:其它

    • 发布日期:2020-12-13
    • 文件大小:34816
    • 提供者:weixin_38751177
  1. 纯CSS3实现多种不同的等待效果(无js/jquery/无图片)

  2. 在这篇文章中我们将创建纯css3的等待效果动画,不用javascr ipt,不用jquery,不用图片。 效果如下: html标记 在这篇文章中用到的html只需要添加一个该div加入一个class=“loading”,如下所示: 复制代码代码如下: CSS  下面通过一个例子实现上图中第三个css效果: 第一部分css 它设置了该div的样式,利用css3我们可以创建很多形状,如线、矩形、圆饼等,我们也可以为其生成纹理和条纹等复杂的效果。 下面我们用div的边框和border样式来实现该效果
  3. 所属分类:其它

    • 发布日期:2020-12-13
    • 文件大小:40960
    • 提供者:weixin_38698367
« 1 2 ... 45 46 47 48 49 50»