摘要: myFocus是一个专注于WEB端焦点图/轮换图的JS库。该焦点图插件集成了30多种风格图片切换效果,体积小,使用简单,兼容ie6+和所有的主流浏览器。myFocus焦点图插件的特点还有: 原生JS编写,独立无依赖 性能卓越,同样效果比jQuery更流畅 简单易用,傻瓜式API和标准HTML结构 效 阅读全文
posted @ 2016-12-16 11:30 费钰博 阅读(1580) 评论(0) 推荐(0) 编辑
摘要: 这是一款使用jquery结合swiper.js来制作的手机端带农历的万年历插件。该万年历类似百度的万年历,带有农历日期。用户可以通过类似iphone的滚轮来选择不同的的日期。 使用方法: 在页面中引入common.css、index.css和swiper-3.3.1.min.css样式文件,以及jq 阅读全文
posted @ 2016-12-16 11:24 费钰博 阅读(617) 评论(0) 推荐(0) 编辑
摘要: @import url(http://fonts.useso.com/css?family=Source+Sans+Pro:200,300);* { box-sizing: border-box; margin: 0; padding: 0; font-weight: 300;}body {... 阅读全文
posted @ 2015-07-16 11:56 费钰博 阅读(645) 评论(0) 推荐(0) 编辑
摘要: 仿支付宝抢红包图片随机显示jQuery特效(function($) { var ui = { $grabMain: $('.grab-main') }; var oConfig = window.oPageConfig; var interval = null; var move =... 阅读全文
posted @ 2015-06-10 14:12 费钰博 阅读(311) 评论(0) 推荐(0) 编辑
摘要: 今天无聊写了一个扁平化风格APP时钟动态图标。其外观(表盘、刻度、指针)都使用css来绘制,然后再通过javascript来获取当前时间并且让时钟动起来。有了这个优美的动态时钟,我再也不要看手表了,哈哈。一、HTML结构代码结构比较简单:表盘(icon-clock)、内圆(clock)、刻度(ol)... 阅读全文
posted @ 2015-03-27 17:10 费钰博 阅读(396) 评论(0) 推荐(0) 编辑
摘要: 还记得iOS 7的“颠覆性”扁平化设计吗?其中的各种扁平化UI界面都让我们为之惊叹,其中的进度条更是让人喜欢的不得了。今天就给大家分享一个用CSS3制作的iOS7进度条小教程,这是一款非常优秀的UI交互设计。下面就来看看演示效果以及实现方式吧!HTML结构代码首先设计HTML的基本结构,大概如下: ... 阅读全文
posted @ 2015-03-18 14:05 费钰博 阅读(773) 评论(0) 推荐(0) 编辑
摘要: 本文是一篇综合知识应用类文章,需要您具备PHP、jQuery、MySQL以及html和css方面的基本知识。HTML我们需要在页面中展示红蓝双方的观点,以及对应的投票数和比例,以及用于投票交互的手型图片,本例以#red和#blue分别表示红蓝双方。.redhand和.bluehand用来做手型投票按... 阅读全文
posted @ 2015-03-16 17:22 费钰博 阅读(268) 评论(0) 推荐(0) 编辑
摘要: 该插件主要将alert和confirm这两个默认的弹窗进行了美化,详见代码;(function ($) { //默认参数 var PARAMS; var DEFAULTPARAMS = { Title: "111", Content: "", Width: 400, Height:... 阅读全文
posted @ 2015-03-10 16:03 费钰博 阅读(154) 评论(0) 推荐(0) 编辑