程序喵

择善人而交，择善书而读
择善言而听，择善行而从

Web 前端设计语言

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

QQ空间长图滚动效果

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

Fancybox插件丰富的弹出层效果

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

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

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

精通 JS正则表达式

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

jQuery横向折叠插件

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

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

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

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

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

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

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

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

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

jQuery中读取json文件

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

10款强大的开源 Javascript 图表库

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

程序喵 www.ibloger.net

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