码迷,mamicode.com
首页 >  
搜索关键字:jquery图片    ( 246个结果
微信上 网页图片点击全屏放大
实现微信上网页的图片点击后全屏还可以可以缩放,这个功能是别人做的,可是捏点击后屏幕直接黑屏了,图片没有显示出来。这个代码在网上搜一下,挺多类似的。 先上代码。 在微信web 开发者工具调试,网页上断点调试发现图片路径 json 格式化了两次!!! 最后解决的方法是没有调用 arrayToJson() ...
分类:微信   时间:2016-12-18 01:14:58    阅读次数:400
推荐两款简单好用的图片放大jquery插件
一、zoomfiy.js推荐可以从这里下载使用说明:使用该jquery插件引入该插件的js:zoomfiy.js或min引入该插件的css:zoomfiy.css或min前后顺序都可js里加入调用插件的函数$(‘这里写要放大的图片‘).zoomify();如果有ajax新生成的图片,要在ajax里再次调用一遍该函数。二、zoomooz.js..
分类:Web程序   时间:2016-12-14 22:27:24    阅读次数:241
jQuery图片轮播(二)利用构造函数和原型创建对象以实现继承
上一篇文中完成的封装,还存在一个小问题,就是该轮播对象不能在同一页面中重复使用,本文将通过组合使用javascript的构造函数和原型模式创建对象来解决这个问题。 没有看过上一篇文章的朋友可以点此查看上一篇文章 (jQuery图片轮播(一)轮播实现并封装) 首先回顾一下,上文的问题所在,上文中的ca ...
分类:Web程序   时间:2016-12-06 04:06:10    阅读次数:342
jQuery图片轮播(一)轮播实现并封装
利用面向对象自己动手写了一个封装好的jquery轮播对象,可满足一般需求,需要使用时只需调用此对象的轮播方法即可。 demo:https://github.com/zsqosos/shopweb 具体代码如下: HTML结构: 1 <div class="banner" id="J_bg_ban"> ...
分类:Web程序   时间:2016-12-04 07:16:57    阅读次数:258
jQuery图片旋转展示收缩效果
...
分类:Web程序   时间:2016-12-03 01:11:23    阅读次数:168
jQuery图片轮播(一)轮播实现并封装
利用面向对象自己动手写了一个封装好的jquery轮播对象,可满足一般需求,需要使用时只需调用此对象的轮播方法即可。 demo:https://github.com/zsqosos/shopweb 具体代码如下: HTML结构: css样式: jquery代码: 最初实现时使用面向过程的方法来完成,虽 ...
分类:Web程序   时间:2016-12-02 19:28:59    阅读次数:327
【jQuery】--图片轮播
*{ margin: 0; padding: 0; } ul{ list-style: none; } .out{ width: 730px; height: 454px; /*border: 8px solid mediumvioletred;*/ margin: 50px auto; posit ...
分类:Web程序   时间:2016-11-18 12:24:04    阅读次数:232
JQuery图片加载显示loading和加载失败默认图片
在很多时候我们需要用到图片加载功能,在网上搜资料后就想为了以后使用方便重新整理了下,结果如图: 最后一张是加载失败显示的图片,没找到合适的图片,先用他顶替。 页面引用 下面是插件脚本,为了突出加载的效果就加上了延迟时间。 脚本是从网上搜索代码之后整理的,也是第一次写插件,如果有啥写的不对的,还请多多 ...
分类:Web程序   时间:2016-11-03 18:32:01    阅读次数:396
jquery 图片遮罩 坠落遮挡效果
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><body> <div class="div1" style="margin-top: 30px;width: 160px;heigh ...
分类:Web程序   时间:2016-10-20 07:14:13    阅读次数:273
jquery实现图片预加载
使用jquery实现图片预加载提高页面加载速度和用户体,本就为大家详细分析jquery图片预加载的实现原理。 什么时候使用图片预加载? 如果页面使用了很多不是最初加载便可见的图片,有必要进行预加载: $.preloadImages = function () { for (var i = 0; i ...
分类:Web程序   时间:2016-10-04 18:57:36    阅读次数:159
246条   上一页 1 ... 6 7 8 9 10 ... 25 下一页
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!