最近都没有更，就来几个效果充实一下。 都没有进行美化这步。 手风琴： 纯css： css3手风琴： javascript实现的手风琴： 接下来的都是会使用到动画效果，既然这样就把封装好运动： 轮播图： 这个是使用插件做的：responsiveslides.js 基于jquery 图片滑动： 到此为止 ...
分类：
编程语言 时间：
2016-09-14 01:45:37
阅读次数：
250
var imgArray = new Array("images/1.jpg", "images/2.jpg","images/3.jpg"); var index=0; setInterval(function(){ $("img").attr("src",imgArray[index]); if ...
分类：
Web程序 时间：
2016-09-06 22:41:25
阅读次数：
209
jQuery图片轮播(焦点图)插件jquery.slideBox,简单设置下参数就可以多个多种动画效果，左右，上下，速度，还可指定默认显示第N张，点击的按钮在现代浏览中可以实现圆形或圆角效果，插件代码简洁，运行效率高,兼容IE6+，Chrome，Firefox，Opera，safari，具有良好用的 ...
分类：
Web程序 时间：
2016-09-02 23:18:51
阅读次数：
256
使用方法 1、引用jquery和jquery.lazyload.js到你的页面 2、为图片加入样式lazy 图片路径引用方法用data-original 3、js出始化lazyload并设置图片显示方式 在图片中也可以不使用 class="lazy"，初始化时使用： 这样就可以对全局的图片都有效！ ...
分类：
Web程序 时间：
2016-08-15 18:46:45
阅读次数：
199
HTML5实现表单内的上传文件框，上传前预览图片，针刷新预览images，本例子主要是使用HTML5 的File API,建立一個可存取到该file的url，一个空的img标签，ID为img0,把选择的文件显示在img标签中，实现图片预览功能。请选择支持HTML API的浏览器，比如谷歌Chrome ...
分类：
Web程序 时间：
2016-07-06 00:11:45
阅读次数：
171
$(function(){ $('.img-box img').load(function(){ var w = $(this).width(); var h =$(this).height(); if (w < h){ $(this).css('height','100%'); var boxw ...
分类：
Web程序 时间：
2016-06-27 15:40:28
阅读次数：
249
自己写的轮播代码 来张样式效果图 先贴HTML样式 css样式 jquery 代码 ...
分类：
Web程序 时间：
2016-06-26 06:54:24
阅读次数：
282
一、前言 毕业季到了，大家都在匆匆忙忙的记录大学里最美好的时光，照片中各种花式、各种姿势都涌现出来了。这么多的照片怎么展示出来给自己的好友看呢？有人选择做成视频，有人选择ps之后做成图片集，而我选择利用静态网页的形式进行展示。 二、用到的四个免费的jquery插件 注：都是网上免费的，自己测试过了， ...
分类：
Web程序 时间：
2016-06-23 20:23:55
阅读次数：
150
jQuery File Upload 的 GitHub 地址：https://github.com/blueimp/jQuery-File-Upload 插件描述：jQuery File Upload 是一个 jQuery 图片上传组件，支持多文件上传、取消、删除，上传前缩略图预览、列表显示图片大小 ...
分类：
Web程序 时间：
2016-06-17 06:11:27
阅读次数：
555
