Web 前端设计语言

总计 24 页,当前第 3 页
特效篇 / 插件篇

QQ空间长图滚动效果

QQ空间在对长图的处理的时候,将长图显示在了一个固定宽高并且隐藏溢出部分的容器内,然后在鼠标移动到容器的时候滚动显示其他部分。那么如何实现呢?先不考虑移动的效果,先看一下布局:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="...
8年前 (2017-04-14) 阅读(3291) 赞一个 (2) 评论(0) 链接直达
特效篇 / 插件篇

Fancybox插件丰富的弹出层效果

Fancybox是一款优秀的jquery插件,它能够展示丰富的弹出层效果。前面我们有文章介绍了facybox弹出层效果,相比facybox,fancybox显得功能更为齐全,它除了可以加载DIV,图片、图片集、Ajax数据,还能加载SWF影片,iframe页面等等。Fancybox是一款基于jquery开发的类Lightbox插件。支持对放大的图片添加阴影效果,对于一组相关的图片添加导航操作按纽。Fancybox 是一款很绚丽的 jqu...
8年前 (2017-03-28) 阅读(2810) 赞一个 (6) 评论(0) 链接直达
Web 前端设计语言

JS 正则表达式动态改变HTML文章目录结构

在做项目中遇到一个很棘手的问题。无奈解决思路有了,学艺不精,正则表达式不会写了,悲催之际!需求:使用JavaScript来动态管理文章目录结构在我们编辑文章目录的时候,通常都是用文本编辑器工具中的 "有序列表" / "无序列表" 进行生成结构然后查看源代码方式,将标签内容粘贴在自己的html网页中。通常这种方法是非常简单而又有效的。但是,如果需要编辑的量,如果较多的话(具体不讨论具体量数...
8年前 (2017-03-17) 阅读(2803) 赞一个 (2) 评论(0) 链接直达
Web 前端设计语言

精通 JS正则表达式

正则表达式可以: 测试字符串的某个模式。例如,可以对一个输入字符串进行测试,看在该字符串是否存在一个电话号码模式或一个信用卡号码模式。这称为数据有效性验证 替换文本。可以在文档中使用一个正则表达式来标识特定文字,然后可以全部将其删除,或者替换为别的文字 根据模式匹配从字符串中提取一个子字符串。可以用来在文本或输入字段中查找特定文字 正则表达式语法 一个正则表达式就是由普通字符(例如字符...
8年前 (2017-03-17) 阅读(2470) 赞一个 (0) 评论(0) 链接直达
特效篇 / 插件篇

jQuery横向折叠插件

jquery 横向折叠插件lateral-fold,点击横向得选项卡,产生横向折叠展开的效果,也可以当做横向切换的选项卡使用。横向折叠插件核心样式  查看演示jquery 横向折叠插件lateral-fold,点击横向得选项卡,产生横向折叠展开的效果,也可以当做横向切换的选项卡使用。 横向折叠插件核心样式/*依赖的css 其中的 height: 300px; width:&nb...
8年前 (2017-03-17) 阅读(2909) 赞一个 (0) 评论(0) 链接直达
特效篇 / 插件篇

7款具有缩放、倾斜、旋转的CSS3折叠特效插件

折纸效果是最近触摸屏幕最流行的一个3D效果,工作原理很简单,只需要轻轻触摸屏幕,它就会直接影响到即将显示出来的内容。这种独特的显示方式绝对可以让用户们眼前一亮!在我们的网站上,曾经共享过几篇关于折叠效果的设计文章,有兴趣的朋友可以阅读一下。今天我们带来了更多关于折叠特效的资源,可以帮助你方便的实现这些折叠效果。注意,这里都可以使用CSS 3D来进行效果变换,如缩放、倾斜、旋转等等。CSS and Javascript Resources...
8年前 (2017-03-17) 阅读(2949) 赞一个 (0) 评论(0) 链接直达
特效篇 / 插件篇

jQuery炫酷HTML DOM元素纸张3D折叠特效

简要教程oriDomi是一款非常神奇的jQuery炫酷HTML DOM元素纸张折叠特效。oriDomi能够将HTML DOM元素转换为纸张状态,你可以用鼠标来任意折叠它们。oriDomi可以折叠的不仅是静态图片,也可以是动态图片,div元素,h1元素等等。oriDomi的特点有:oriDomi没有任何外部依赖。响应式设计。通过media queries进行屏幕适配。大小小于20K。使用动画队列技术。兼容IOS。支持鼠标点击和移动触摸。折...
8年前 (2017-03-17) 阅读(3054) 赞一个 (0) 评论(0) 链接直达
Web 前端设计语言

iziModal.js时尚炫酷的jQuery模态窗口插件

iziModal是一款时尚炫酷的jQuery模态窗口插件。该模态窗口插件提供基本的打开模态窗口动画特效,并且可以调用iframe内容,Ajax加载,制作alert效果,加载超大内容等。 使用方法在页面中引入iziModal.min.css和jquery、iziModal.min.js文件。<link rel="stylesheet" href="iziModal.min....
8年前 (2017-03-15) 阅读(3166) 赞一个 (0) 评论(0) 链接直达
特效篇 / 插件篇

12款最好的jQuery网格布局插件下载

现在大多网站设计要用到网格布局系统等,这能够提供给设计人员一个方便的途径来组织网页上的内容。而日常生活中网格的布局最常见于报纸和杂志的版面。今天个大家精心挑选15款很不错的 jQuery 网格布局插件,它可以帮助你大大缩短开发时间。1. Freewall Freewall 是一个跨浏览器和响应式的 jQuery插件,以帮助您创建多种类型的网格布局:灵活的布局,图像布局,嵌套网格,流体网格,Metro 风格的布局,Pintere...
8年前 (2017-03-14) 阅读(2584) 赞一个 (1) 评论(0) 链接直达
Web 前端设计语言

jQuery中读取json文件

json文件是一种轻量级的数据交互格式。一般在jQuery中使用getJSON()方法读取。$.getJSON(url,[data],[callback])url:加载的页面地址data: 可选项,发送到服务器的数据,格式是key/valuecallback:可选项,加载成功后执行的回调函数1、首先建一个JSON格式的文件userinfo.json 保存用户信息。如下:[{     "...
8年前 (2017-03-14) 阅读(3468) 赞一个 (1) 评论(0) 链接直达
Web 前端设计语言

10款强大的开源 Javascript 图表库

1、ECharts ECharts 由百度前端技术部开发的,是一个纯 Javascript 的图表库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE8/9/10/11、Chrome、Firefox、Safari等),底层依赖轻量级的 Canvas 类库 ZRender,提供直观,生动,可交互,可高度个性化定制的数据可视化图表。 ECharts 有良好的自适应效果,ECh...
8年前 (2017-03-11) 阅读(3281) 赞一个 (0) 评论(0) 链接直达

程序喵 www.ibloger.net

文章归档 站内留言 给我写信 文章订阅