<script>var w = $(window).width();//获取窗口宽度var h = $(window).height();//获取窗口高度 $(".box").width(w);//赋值给图片外包$(".box").height(h); function carousel(){ va ...
分类：
Web程序 时间：
2017-09-24 20:18:26
阅读次数：
442
实现原理：通过createObjectURL 创建一个临时指向某地址的二进制对象。 过程：点击触发隐藏的 input file 的点击事件，使用createObjectURL读取 file，创建一个Jquery 图片对象，url等于二进制对象。 前端代码： js: $(function () { $ ...
分类：
Web程序 时间：
2017-09-13 18:25:53
阅读次数：
205
e-smart-zoom-jquery.js插件，下载地址及示例：https://github.com/e-smartdev/smartJQueryZoom 插件描述：通过将鼠标悬停在图片上，滚动鼠标滚轮即可实现图片的放大或者缩小效果。 smartZoom使用 举个栗子，上代码： 直接对img对象使 ...
分类：
Web程序 时间：
2017-08-24 21:20:03
阅读次数：
971
使用方法 引用jquery和jquery.lazyload.js到你的页面 1 2 <script src="jquery-1.11.0.min.js"></script> <script src="jquery.lazyload.js?v=1.9.1"></script> 1 2 <script ...
分类：
Web程序 时间：
2017-08-24 10:49:41
阅读次数：
240
<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jquery 图片自动无缝滚动</title ...
分类：
Web程序 时间：
2017-07-28 15:36:20
阅读次数：
191
Jcrop是一个jQuery图片裁剪插件，它能为你的WEB应用程序快速简单地提供图片裁剪的功能。特点如下： 对所有图片均unobtrusively（无侵入的，保持DOM简洁） 支持宽高比例锁定 支持 minSize/maxSize设置 支持改变选区或移 动选区时的回调（Callback） 支持用键盘 ...
本篇只讲解水平走马灯效果，垂直向上走马灯效果不讲解，原理一样，但是水平走马灯效果有一个小坑。待会讲解 照例先上代码： HTML： 在<div class="box">中，再包含了一个div，且设置了一个很比较大的宽度，是为了解决一个在垂直走马灯下没有的坑。该坑的效果是在li标签float为left的 ...
分类：
Web程序 时间：
2017-06-23 11:45:15
阅读次数：
235
参考网址：http://code.ciaoca.com/jquery/lazyload/ 延迟加载能大大增加你网站的加载速度！ 需要引入以下文件<Jq文件也是少不了的>： <script src="~/Content/demo/jquery.lazyload.js"></script> <scrip ...
分类：
Web程序 时间：
2017-06-21 18:22:14
阅读次数：
231
1.jquery 图片裁剪库选择 Jcrop：http://deepliquid.com/content/Jcrop.html imgareaselect：http://odyniec.net/projects/imgareaselect/ CropZoom：https://github.com/c ...
分类：
编程语言 时间：
2017-05-31 10:28:13
阅读次数：
252
Cycle是一个很棒的jQuery图片切换插件,提供了很好的功能来帮助大家更简单的使用插件的幻灯功能下载cycle插件并引入,此时,注意把引入它的代码放在引入jQuery主文件之后。<head> <script type="text/javascript" src="js/jquery-1.8.0. ...
分类：
Web程序 时间：
2017-05-30 23:16:40
阅读次数：
378
