让mbox支持up效果

<!doctype html> <html> <head> <meta charset="utf-8"> <title>首页</title> <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" /> <…

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

使IE6同样支持圆角效果

之前写到过,IE6不支持:hover效果的解决办法,其它这个跟它一样.IE6(7/8)不支持border-radius属性,所以其中的圆角效果显示不出来,可以通过引用ie-css3.htc的方法解决. ie-css3.htc(点击可直接查看) 将文件放在放在页面的根目录下,并在css文件(或者<style>标签)中,加上 body { behavior:url("...ie-css3.htc"); } 放在其他目录下也行,注意路径对即可. 其它问题可参考官网: http:/…

让boostrap的图片轮播支持滑动效果

因为最近开发的项目涉及到移动设备上的 HTML5 开发,其中需要实现轮播效果. 然后最快捷的方式,你知道的(Bootstrap),然后原生的 Bootstrap 的 carousel.js 插件并没有支持手势. 然后......自己想办法呗,再然后,就有下面3种解决方案 : jQuery Mobile (http://jquerymobile.com/download/) $("#carousel-generic").swipeleft(function() { $(this).car…

鸿雁电器oa系统中决策支持模块效果

公司简介鸿雁电器是国内著名的建筑电器产品的生产.经营企业,同时也是国家863计划CIMS(计算机集成制造系统)应用工程示范企业.浙江省高新技术企业.浙江省专利示范企业和杭州市信息化试点企业.企业系统泛微OA数据库类型SQL Server需求描述鸿雁电器内目前使用者一个较为复杂的业务管理系统,在销售业务这一块产生的明细数据很多,而他们的管理系统难以实现这些明细数据的统计分析,所以引入了FineReport.通过对FineReport的使用开发,目前已经很好的实现了预期需求功能,如合作客户及相应的合…

[Flutter] 支持描边效果的Text

新版的flutter已经自带这个功能了.TextSyle 中一个shadow . 目前flutter中没找到很好的办法给Text增加描边.自己扩展了一个TextEx,可以实现简单的描边效果,能满足大部分情况下的需求. class TextEx extends LeafRenderObjectWidget { TextEx(this.data, { Key key, this.style, this.textAlign = TextAlign.left, this.textDirection, t…

使控件具有 Tilt 效果

步骤1:添加类: /* Copyright (c) 2010 Microsoft Corporation. All rights reserved. Use of this sample source code is subject to the terms of the Microsoft license agreement under which you licensed this sample source code and is provided AS-IS. If you did no…

用CSS3动画特效实现弹窗效果

提示:如果大家觉得本篇实现的弹窗效果有用,可持续关注.接下会添加更多效果并且封装成插件,这样使用就方便了.效果查看: https://heavis.github.io/hidialog/index.html CSS3特殊效果 CSS3为用户添加了三个特殊效果的处理方式:过渡.动画.变化.当用户和界面元素交互时,使用这些特殊样式可大大改善用户的体验效果.这些效果直接由浏览器引擎处理,可以节省开销.尽管如此,它们也会耗费大量的处理能力,尤其是一些复杂的WEB页面上.即使是最基本的效果,也是如此.本篇…

jquery返回顶部，支持手机

jquery返回顶部,支持手机效果体验:http://hovertree.com/texiao/mobile/6/ 在pc上我们很容易就可以用scrollTop()来实现流程的向上滚动的返回到顶部的动画,然后用到web移动端却没什么卵用,会出现滚动不流畅,卡顿,失灵等等现象. 这是因为移动端的scroll事件触发不频繁,有可能检测不到有<=0的情况为此,移动端判断次数好些,下面是具体实现代码,兼容pc: <!DOCTYPE html> <html> <head>…

轻松实现Android,iOS的一个手势动画效果

先来看效果这是iOS下的效果,android下完全一致.通过do_GestureView组件和do_Animation组件,deviceone能很容易实现复杂的跨平台纯原生动画效果,这个示例就是通过手势控制图片上下动画滑动实现开合效果,还支持声音效果. 下面是主要的代码 //index.ui.js var do_Animator1 = mm("do_Animator"); do_Animator1.append(500, { y: -1334, curve:"Linear&…

Web上的支持的图片格式以及它们之间的区别

一.GIF(图形交换格式) GIF格式的图片最多只能保存256中颜色,该格式支持透明色,支持动画效果. 二.JPEG(联合图像专家组) JPEG格式不支持透明色及动画,颜色可达1670种. 三.PNG(网络可移植格式) PNG格式支持透明色,不支持动画,颜色从几种得到1670种.…

滤镜与CSS3效果

-webkit-filter是css3的一个属性,Webkit率先支持了这几个功能,感觉效果很不错.一起学习一下filter这个属性吧. 现在规范中支持的效果有: grayscale 灰度值为0-1之间的小数 sepia 褐色值为0-1之间的小数 saturate 饱和度值为num hue-rotate 色相旋转值为angle invert 反色值为0-1之间的小数 opacity 透明度值为0-1之间的小数 brightness 亮度值为0-1…

iOS开发——动画篇Swift篇&动画效果的实现

Swift - 动画效果的实现在iOS中,实现动画有两种方法.一个是统一的animateWithDuration,另一个是组合出现的beginAnimations和commitAnimations.这三个方法都是类方法. 一,使用animateWithDuration来实现动画 (1)此方法共有5个参数: duration:动画从开始到结束的持续时间,单位是秒 delay:动画开始前等待的时间 options:动画执行的选项.里面可以设置动画的效果.可以使用UIViewAnimat…

12种超酷HTML5 SVG和CSS3浮动标签效果

这是一组效果很炫酷的SVG和CSS3表单浮动标签特效.这组浮动标签特效共12种效果,这些浮动标签效果部分在元素的伪元素上使用CSS transitions和CSS animations完毕,一部分则使用SVG来制作变形动画. 在前面已经发表了一篇关于SVG浮动标签的文章:14种CSS3炫酷表单input输入框美化效果. 这篇文章中的浮动标签效果是它的一些补充.在原来14种效果的基础上有添加了12种更加炫酷的效果. 这些效果在全部最新版的现代浏览器中都測试通过,可是可能某些旧的浏览器会不支持这些效…

支持iOS9 Universal links遇到的问题

记录为iOS9上的APP支持Universal links遇到的一些问题. 在Web服务器上传apple-app-site-association文件必须支持HTTPS获取配置文件文件名后不加.json后缀必须在根目录下,例如官网地址为www.site.com,那么必须通过https://www.site.com/apple-app-site-association访问到该文件 details为列表,列表元素中的paths是数组,且下标越小匹配优先级越高 paths可以使用*匹配任何字符串…

Swift - 动画效果的实现方法总结（附样例）

在iOS中,实现动画有两种方法.一个是统一的animateWithDuration,另一个是组合出现的beginAnimations和commitAnimations.这三个方法都是类方法. 一,使用animateWithDuration来实现动画 (1)此方法共有5个参数: duration:动画从开始到结束的持续时间,单位是秒 delay:动画开始前等待的时间 options:动画执行的选项.里面可以设置动画的效果.可以使用UIViewAnimationOptions类提供的各种预置效果 a…

ReSharper 8.1支持TypeScript语言之代码检查特征

自ReSharper 8.1发布以来,就支持TypeScript.其在TypeScript语言拼写帮助和代码完成中,几乎是一个里程碑的发展,这是令人激动的改进. 支持TypeScript效果就目前测试来看,可以分为四个大的特征,分别是导航.重构.重新排列代码和代码检查.现在我们就先来看看代码检查效果吧. ReSharper支持连续检查错误或不正确的TypeScript语言.如:ReSharper能够检测未使用的参数: 无效的CSS引用: 以及执行一些代码清理或修复操作!如查找和修复丢失的分号(:…

Android support library支持包常用控件介绍(二)

谷歌官方推出Material Design 设计理念已经有段时间了,为支持更方便的实现 Material Design设计效果,官方给出了Android support design library 支持库,让开发者更容易的实现材料设计的效果.顺便推荐官方的一个图标库:Material Icons 控件名称 NavigationView FloatingActionButton TextInputLayout Snackbar TabLayout AppBarLayout Coordinator…

如何解决 React 官方脚手架不支持 Less 的问题

说在前面 create-react-app 是由 React 官方提供并推荐使用构建新的 React 单页面应用程序的最佳方式,不过目前版本(1.5.x)其构建的项目中默认是不支持动态样式语言 Less 的.如果我们的项目必须要使用 Less 呢,这就需要我们手动集成一下.本篇主要针对集成的过程做一个简要记录. 环境准备本小节先用 create-react-app 构建一个全新的 React 项目作为实验环境. 如果您之前未曾使用过 create-react-app,请先通过如下命令全局安装(…

CSS 字体效果

text-shadow还没有出现时,大家在网页设计中阴影一般都是用photoshop做成图片,现在有了css3可以直接使用text-shadow属性来指定阴影.这个属性可以有两个作用,产生阴影和模糊主体.这样在不使用图片时能给文字增加质感. text-shadow曾经在css2中就出现过,但在css2.1版本中又被抛弃了,现在css3.0版本又重新捡回来了.这说明text-shadow这个属性非常值得我们做前端的人员重视.现在很多项目中,css3有很多属性被前端工程师们使用了,我在前面也分别介绍…

让IE8支持html5中的video标签

这是一篇综合几个前辈的解决方案. 使用video的时候,要遇到的问题. ①不兼容ie9及其以下版本在<head>里添加两行, 参考张鑫旭前辈的博客,但是在ie8中薄播放.  <script src="js/assets/js/ie-em…

“京东金融”主页效果 RecyclerView联动

先上效果图吧: 第一个想到的实现方式是上面使用horizontalScrollview,下面使用Viewpager,经过尝试之后发现二者API有限,不能达到理想效果.几经折腾,最后上下都使用了自定义的RecyclerView.效果图如下: 现在来分析技术点,首先是上下联动,思路是在Recycleview的onScrolled回调方法中操作另一个Recycleview的滑动. @Override public void onScrolled(int dx, int dy) { super.onSc…

[开发笔记]-实现winform半透明毛玻璃效果

亲测win7下可用,win8下由于系统不支持Aero效果,所以效果不是半透明的. 代码: 博客园插入不了代码了..... public partial class Form1 : Form { int en; public struct MARGINS { public int m_Left; public int m_Right; public int m_Top; public int m_Buttom; }; [DllImport("dwmapi.dll")] private s…

GDI+ 支持的图片文件格式

您可以使用许多标准格式将位图储存在磁盘文件中.GDI+ 支持以下各种图片文件格式. o 位图 (BMP) 位图是 Windows 用来储存设备无关和与应用程序无关的图片的标准格式.文件头决定了指定的位图文件的每个像素位数 (1.4.8.15.24.32 或 64).常见的位图文件为每像素 24 位.通常 BMP 档不会被压缩,因此并不适合透过因特网传输. o 图象交换格式 (GIF) GIF是Web网页上常见的图片格式.GIF适用于线条图形.具有实色区块的图片和色彩之间具有明显界线的图片.GIF…

NGINX 添加MP4、FLV视频支持模块

由于公司网站需要放置视频,但是默认的服务器环境是没有编译这个支持的模块,视频文件只能缓冲完了在播放,非常麻烦. 之前呢也安装了一个nginx_mod_h264_streaming来支持,效果很不错,但是服务器最近系统更新后出了点问题,只好从新编译,今天在nginx官网看到了nginx在新版本中已经支持了--with-http_mp4_module --with-http_flv_module这2个模块.所以就来自己编译吧. 编译之前我们需要看看之前编译的参数,使用nginx -V查看得到…

BaseAnimation是基于开源的APP,致力于收集各种动画效果(最新版本1.3) (转)

声明:部分动画来源于网络,本人只是想方便收集在一起,如果不妥请及时与我联系!谢谢为了统一BaseAnimationApp签名,一定要方便以后大家自动更新...防止签名冲突,不能及时更新 1.3源码下载地址:http://download.csdn.net/detail/u011112840/6910683 1.3APP下载地址:http://as.baidu.com/a/item?docid=5790764 1.2源码下载地址:http://download.csdn.net/detail/u…

IE7,8纯css实现圆角效果

众所周知,IE7,8不支持border-radius效果.但我们同样有办法用css实现这个效果,方法就是用border来模拟. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> div{ pos…

CoolViewPager:即刻刷新,自定义边缘效果颜色,双向自动循环,内置垂直切换效果,想要的都在这里

这两天在GitHub上传了一个自定义ViewPager:CoolViewPager,具有以下功能特征: 支持水平及垂直方向循环滚动支持自动滚动支持自动滚动方向.滚动时间.间隔时间的设置支持调用notifyDataSetChanged实时刷新界面支持边缘效果颜色的设置为垂直滚动提供了适宜的界面切换效果为什么写这个库我们平时使用support包中的ViewPager,当adapter中数据变更后,调用notifyDataSetChanged并不能刷新界面,需要重新调用ViewPager…

HTML5/CSS3实现添加锁屏效果

锁屏效果,也就是将屏幕置于模态,不允许用户触发任何动作,只能解除锁定后才能继续使用,jQueryUI的dialog有模态对话框,这一点不难做到.那么,首先需要在页面中添加一个div层,用于做模态的层: <div id="overlay"> 其对应的CSS比较简单,主要设置一下z-index属性,值设置的很大即可,就能达到覆盖其余元素的效果,加上opacity淡化一下背景: #overlay{ height:100%; min-width:1280px; width:100…

让IE6支持css3，让 IE7、IE8 都支持CSS3

但凡是前端工程师,都知道IE6,IE7,IE8不支持.或者不完全支持CSS3的属性. CSS3 有很多很强大.绚丽的效果,比如,圆角,阴影,渐变透明,渐变背景,等等. 因为IE6时代,没有什么标准,而因为各种原因,IE6用户几乎不会更新IE版本. 让IE6,IE7,IE8支持CSS3效果,有一个思路就是利用 VML 模拟. VML是The Vector Markup Language(矢量可标记语言),原本是微软自己开发的东西,很强大. 也就是说,IE下面,可以用 VML做出圆角 .半透明.阴影…