实现微信上网页的图片点击后全屏还可以可以缩放,这个功能是别人做的,可是捏点击后屏幕直接黑屏了,图片没有显示出来。这个代码在网上搜一下,挺多类似的。 先上代码。 在微信web 开发者工具调试,网页上断点调试发现图片路径 json 格式化了两次!!! 最后解决的方法是没有调用 arrayToJson() ...
分类:
微信 时间:
2016-12-18 01:14:58
阅读次数:
400
一、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
上一篇文中完成的封装,还存在一个小问题,就是该轮播对象不能在同一页面中重复使用,本文将通过组合使用javascript的构造函数和原型模式创建对象来解决这个问题。 没有看过上一篇文章的朋友可以点此查看上一篇文章 (jQuery图片轮播(一)轮播实现并封装) 首先回顾一下,上文的问题所在,上文中的ca ...
分类:
Web程序 时间:
2016-12-06 04:06:10
阅读次数:
342
利用面向对象自己动手写了一个封装好的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轮播对象,可满足一般需求,需要使用时只需调用此对象的轮播方法即可。 demo:https://github.com/zsqosos/shopweb 具体代码如下: HTML结构: css样式: jquery代码: 最初实现时使用面向过程的方法来完成,虽 ...
分类:
Web程序 时间:
2016-12-02 19:28:59
阅读次数:
327
*{ 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
在很多时候我们需要用到图片加载功能,在网上搜资料后就想为了以后使用方便重新整理了下,结果如图: 最后一张是加载失败显示的图片,没找到合适的图片,先用他顶替。 页面引用 下面是插件脚本,为了突出加载的效果就加上了延迟时间。 脚本是从网上搜索代码之后整理的,也是第一次写插件,如果有啥写的不对的,还请多多 ...
分类:
Web程序 时间:
2016-11-03 18:32:01
阅读次数:
396
<!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图片预加载的实现原理。 什么时候使用图片预加载? 如果页面使用了很多不是最初加载便可见的图片,有必要进行预加载: $.preloadImages = function () { for (var i = 0; i ...
分类:
Web程序 时间:
2016-10-04 18:57:36
阅读次数:
159