在给静态页面静添加交互效果时遇到的问题 ： 鼠标划入二级菜单时 一级菜单样 ":hover" 式无法保持 情景如下： 解决思路： 利用二级菜单的onmouseover/out事件 重新构建一级菜单 ".hover" 样式类 代码如下： CSS部分: 在原来的目标：hover样式中 增加 .hover ...
分类：
Web程序 时间：
2017-04-14 23:54:25
阅读次数：
744
写了几个Axure教程之后发现，可能教程的起点有些高了，过分的去讲效果的实现，而忽略了axure功能以及基础元件的使用，那么从这个教程开始，把这些逐渐的展开讲解。 关于动态面板 动态面板是axure原型制作中使用非常频繁的一个元件，主要用途就是实现一些动态的交互效果。所以，如果动态面板使用不熟悉的话 ...
分类：
其他好文 时间：
2017-04-12 13:51:12
阅读次数：
306
一、效果展示 今儿来分析一篇常见的ui布局，完全使用qml编写，ui交互效果友好，如图1所示，是一个常见的客户端新闻展示效果，左侧是一个列表，右侧是新闻详情。 图1 新闻效果图 二、源码分析 首先先来总体分析下该示例代码的工程目录，如图2所示，总共有6个qml文件。其中BusyIndicator和组 ...
分类：
其他好文 时间：
2017-03-14 20:26:27
阅读次数：
435
通过设置<a>的背景改变样式，通过a:hover改变交互效果，改变文字颜色color 纵向 横向 美化 ...
分类：
Web程序 时间：
2017-03-03 19:18:58
阅读次数：
223
近来公司事前较少，再来找几个有意思的View练练手，下面是原生华为天气预报界面：
下面是仿的UI交互效果：**思路：
1.平移画布到View中心，先绘制一个圆弧，绘制中间文字
...
分类：
其他好文 时间：
2017-02-25 20:23:47
阅读次数：
561
前言 现在的前端开发已经不再仅仅只是静态网页的开发了，日新月异的前端技术已经让前端代码的逻辑和交互效果越来越复杂，更加的不易于管理，模块化开发和预处理框架把项目分成若干个小模块，增加了最后发布的困难，没有一个统一的标准，让前端的项目结构千奇百怪。前端自动化构建在整个项目开发中越来越重要。 我们首先来 ...
分类：
其他好文 时间：
2017-02-23 23:56:41
阅读次数：
588
transition的作用可以让web前端开发人员不需要javascript就可以实现简单的动画交互效果。过渡属性看似简单，但实际上它有很多需要注意的细节和容易混淆的地方。transition-property规定设置过渡效果的CSS属性的名称。transition-duration规定完成过渡效果需要多少秒或毫秒。tra..
分类：
其他好文 时间：
2017-02-17 22:14:13
阅读次数：
198
通过过渡transition，可以让web前端开发人员不需要javascript就可以实现简单的动画交互效果。过渡属性看似简单，但实际上它有很多需要注意的细节和容易混淆的地方。本文将介绍和梳理关于CSS过渡的知识 定义 过渡transition是一个复合属性，包括transition-propert ...
分类：
Web程序 时间：
2017-02-17 16:47:15
阅读次数：
889
当需要制作转动鼠标滚轮放大页面字体这样的交互效果时，会用到 Mousewheel 事件。其实在大多数浏览器（IE6, IE7, IE8, Opera 10+, Safari 5+）中，都提供了 “mousewheel” 事件。但杯具的是 Firefox 3.5+ 却不支持此事件，不过庆幸 Firef ...
分类：
其他好文 时间：
2017-02-14 23:54:39
阅读次数：
337
原生拖拽,拖放事件(drag and drop) 拖拽,拖放事件可以通过拖拽实现数据传递,达到良好的交互效果,如:从操作系统拖拽文件实现文件选择,拖拽实现元素布局的修改. drag and drop事件流程 一个完整的drag and drop流程通常包含以下几个步骤: 拖拽事件 以下是拖拽产生的一 ...
分类：
其他好文 时间：
2017-01-31 10:23:14
阅读次数：
273
