你的位置:首页
  • 1
  • 2
查看更多站长日记
微博:@圆周率 Email:2378921965@qq.com
我的微博: 腾讯微博

含1000+超实用高品质JQUERY免费插件 ...

[资讯] 浏览次数:27 次 发表时间:2016-02-04 17:09:03

如果你是网页设计师,又要写点DIV+CSS+JS前端代码,可能会经常找一些插件来帮你实现自己写不出来或者复杂的JS特效,今天发现的这个jQuery插件网站「jQuery Cards」,有超过1000个可以免费使用的JS插件,不仅分类非常详细,而且数量超多,来收! jQuery Cards jQuery Cards 上的分类非常详细,各种常用、不常用的插件都有,比如UI界面类、表单类插件、媒体类、网站菜单导航等,划分非常清晰,代码大部分来自GitHub开源代码,免费使用(当然要注意看Lisense使用条款) 如果你看不懂英文,就用Chorme浏览器自带的翻译...

table2excel-将HTML表格内容导出到Excel中...

[资讯] 浏览次数:26 次 发表时间:2016-02-04 17:04:29

简要教程 jquery-table2excel是一款可以将HTML表格的内容导出到微软Excel电子表格中的jQuery插件。该插件可以根据你的需要导出表格中的内容,不需要的行可以不导出。它文件体积小,使用非常方便。 注意导出的Excel文件的格式,默认导出为.xlsx格式的excel文件,需要excel2010以上的版本才能打开,如果是使用低版本的excel,可以手动将文件扩展名修改为.xls。 查看演示 下载插件 使用方法 使用table2excel表格插件需要在页面中引入jquery和jquery.table2excel.js文件。 <...

实现HTML编码和解码的JavaScript工具类 ...

[资讯] 浏览次数:39 次 发表时间:2016-02-04 17:03:17

简要教程 js-htmlencode是一款可以实现HTML编码和解码的JavaScript工具类。通过该JS工具类,你可以将HTML标签转换为对应的HTML实体,也能将HTML实体转换回HTML标签,非常实用。 查看演示 下载插件 安装 可以通过bower或npm来安装js-htmlencode插件。 bower install js-htmlencode npm install js-htmlencode 使用方法 在页面中引入htmlencode.js文件,如何你可以像下面这样使用该HTML编码和解码插件。 htmlEncode('需要进行...

jQuery和CSS3响应式TAB选项卡样式幻灯片特效 ...

[资讯] 浏览次数:25 次 发表时间:2016-02-04 17:02:38

简要教程 这是一款使用jQuery和CSS3动画制作的炫酷响应式TAB选项卡样式幻灯片特效。该幻灯片特效采用TAB选项卡来进行切换,每次切换时slide中的元素都带有非常炫酷的CSS3动画效果。 查看演示 下载插件 浏览器兼容性 使用方法 HTML结构 该TAB样式幻灯片的基本HTML结构如下: <div class="tabSlider"> <div class="ts-items"> <!-- 单个slide --> <div class="ts-item is-active"&g...

Drop.js-实用的JavaScript下拉弹出层插件 ...

[资讯] 浏览次数:43 次 发表时间:2016-02-04 17:01:39

简要教程 Drop.js是一款JavaScript和CSS实用下拉弹出层插件。该插件基于Tether.js来定位弹出层,可以制作多种弹出层效果。它的特点还有: 弹出层会在页面尺寸改变和滚动时自动更新位置。 弹出层在页面滚动时使用GPU加速来定位。 弹出层之间可以进行嵌套。 弹出层可以在元素的12个位置上显示。 可以自定义是在点击元素、鼠标滑过元素或元素聚焦时显示弹出层。 > 查看演示 下载插件 使用方法 由于该弹出层插件依赖于tether.js插件,使用该弹出层插件需要在页面中引入tether.min.js、drop.min.js和...

网页中SVG技术使用案例剖析 ...

[资讯] 浏览次数:29 次 发表时间:2016-02-04 16:54:47

可缩放矢量图形(SVG)是矢量图形家族的一部分。相比其他光栅图形(JPEG、GIF 和 PNG),SVG 图形具有更多的优势。本文将探讨 SVG 图形的基本概念和在 HTML5 中的使用。学习绘制、过滤器、渐变、文本和将 SVG XML 添加到网页。 简介 可缩放矢量图形 (SVG) 是基于矢量图形家族的一部分。它们与基于光栅的图形不同,后者在一个数据数组中存储每个像素的颜色定义。如今,网络上使用的最常见的光栅图形格式包括 JPEG、GIF 和 PNG,每种格式都具有优缺点。 相比任何基于光栅的格式,SVG 具有多项优势: SVG 图形是使用数学公式创建的,需要在...

HTML5骨骼动画Demo | 使用min2d、create...

[资讯] 浏览次数:37 次 发表时间:2016-02-02 14:44:40

「骨骼动画」,顾名思义,就是模拟骨骼运动的机制而制作的动画。骨骼动画原理与前端实现浅谈这篇文章为我们详细剖析骨骼动画的制作原理,专为HTML5开发的2D骨骼动画引擎AlloyStick,可用于HTML5动画开发、HTML5游戏开发,但这两者都没有运用Spine,Spine做骨骼动画是比较流行的,使用起来可能相对复杂,但功能毕竟强大,所以市场占有率较大。 在unity、cocos2d、starling中使用spine已经很成熟了,而HTML5这一块可能刚刚起步,暂时spine对这一块也没有做得非常完善。 整理了一下,找了一些比较好的方法,分享一下。 createjs...

canvas难吗?H5画布实用TIPS总结 ...

[资讯] 浏览次数:36 次 发表时间:2016-02-02 14:43:40

Canvas支持基本绘图能力的2D上下文,以及基于WebGL的3D上下文 基本用法 canvas元素:定义画布 getContext()方法:定义2D、3D上下文 toDataURL()方法:生成图片格式获取URL链接(支持“image/png”;有浏览器也支持“image/jpeg”) 要使用canvas元素,必须先设置其width和height属性,指定可以绘图的区域大小.出现在开始和结束标签中的内容是后备信息,如果浏览器不支持就显示这些信息: Canvas here. 要在这块画布上绘图,需要取得绘图上下文,则需要调用getContext()方法...

基于css3实现3D导航菜单效果 ...

[资讯] 浏览次数:24 次 发表时间:2016-02-02 14:43:13

网站开发时菜单导航是必不可少的重要元素,直接关系的是用户体验如何,之前HTML5中国分享过很多基于CSS3的导航菜单,不过都是停留在平面理念上,本文分享的这款导航菜单跨越了平面,实现的是酷炫的3D效果,想想到目前似乎还没发现使用3D效果作为导航菜单的网站,学习一下吧! 效果预览 > 分析:可以看出hover的时候是有前后两个面的翻转,并且有一个凸出效果。 HTML分析 代码如下: Demo Demo Demo ...

基于CSS3自动翻转3D骰子动画实例讲解 ...

[资讯] 浏览次数:27 次 发表时间:2016-02-02 14:42:27

css3使我们能够跳出2d空间,实现3维空间的动画效果,这里给出一个自动翻转的3d骰子动画效果制作过程。 第一步,首先进行HTML的布局,对于3D效果,布局有一定的规律,代码如下: . .. ... .... ..... ...... 在body中定义一个叫做ou...

站内搜索
Process: 0.3048s ( Load:0.0006s Init:0.0010s Exec:0.2254s Template:0.0778s ) | DB :74 queries 0 writes | Cache :0 gets 1 writes | UseMem:1,350 kb