zz_whw-优快云博客

原创 photoSwiper做的相册查看器

分享 body { height: 100%; } img { border: 0; cursor: pointer;

2017-06-06 10:39:09 995 1

原创 photoSwiper图片自适应

用过photoswipe做移动端图片预览的小伙伴都知道，这个插件存在一个data-size，必须要填写，但是如果你的图片尺寸比例不是固定的，那这个属性就会带来无尽的烦恼，我个人在使用jQuery时，发现一种解决办法window.onload=function(){auto_data_size();};function auto_data_size(){var imgss= $(

2017-06-06 10:37:15 3402

转载移动端如何让页面强制横屏

http://www.cnblogs.com/yangmengsheng/p/6215331.html

2017-05-15 11:49:14 6517

原创浏览器兼容性问题大汇总

浏览器兼容性问题大汇总本文给大家介绍了42种浏览器兼容性问题大汇总的相关知识，本文介绍的非常详细，感兴趣的朋友一起学习吧JavaScript1.HTML对象获取问题FireFox：document.getElementById(“idName”);ie:document.idname或者document.getElementById(“idName”

2017-04-27 15:47:08 376

原创鼠标滚轮兼容火狐,

function mouseWheel(e){ // cross-browser wheel delta var e = window.event || e; // old IE support var delta = Math.max(-1, Math.min(1, (e.wheelDelta || -e.de

2017-04-24 14:23:37 447

原创移动端图片的触屏放大缩小和拖拽事件,touch,js实现的

移动端图片缩放 *{ padding: 0px; margin: 0px; } #play { position: fixed; left: 0;

2017-04-19 15:29:15 12191

原创图片的每点击一次旋转90度, filter和css3属性

ImageRotation #container { position: relative; width: 800px; height: 600px;

2017-04-19 15:20:29 5129

原创 Iframe和a标签的downLoad新属性实现-调用浏览器的本地下载功能

//js中的html结构//js如下完整代码;//点击调用浏览器的本地下载功能 var downLoadImg = function() { //获取图片的路径 var imgPathSrc = $('#headImg',this.$el).attr("src"); if(imgPathSrc.indexO

2017-04-13 19:26:56 5168

原创 IE/火狐兼容性区别

介绍了网页上常用的IE/火狐兼容性该页的做法，并给出了代码，相当实用了。为了方便大家阅读代码，以下以 IE 代替 Internet Explorer，以 MF/FF 代替 Mozzila Firefox 。以下进入正题：//window.eventIE：有window.event对象FF：没有window.event对象。可以通过给函数的参数传递event对象。如onmousemo

2017-03-30 14:55:30 980

原创懒加载效果的实现

#box{width: 800px;height: 600px;overflow: auto;list-style: none;margin: 0 auto;}img{width: 200px;height: 200px;float: left;margin-right: 8px;margin-bottom: 8px;}

2017-03-28 00:05:46 616

转载 jQuery实现列表内容的动态载入特效

.main { width: 100%; margin-top: 100px; text-align: center; font-size: 12.5px;}th, td { border: 1px solid #ccc; line-height: 40px; padding-left: 5px;}.item:hover { background-color: #efef

2017-03-07 22:32:47 440

原创使用jQuery validate 验证注册表单实例演示

Validation是jQuery的插件，提供的方法可以大大简化验证表单的工作，接下来为大家详细介绍下使用方法，感兴趣的各位可以参考下哈Validation是jQuery的插件，提供的方法可以大大简化验证表单的工作，功能也足够一般的需要了。rules也足够简单，很容易上手，举个简单的例子，用validation来验证注册表单。首先确定验证的目标是： 1. 必填项不能为

2017-03-07 22:31:41 726

原创 jQuery绑定事件-多种实现方式总结

$(function(){ var text = $(":text"); var button = $(":button"); //调试器记录日志 console.log("message"); 如：火狐浏览器，打开FireBug(按F12) //触发单个事件：两种方式 button.bind("mouseover",function(){ console.log

2017-03-07 22:30:33 296

转载通过jQuery中基本的动画方法

通过jQuery中基本的动画方法，能够轻松地为网页添加非常精彩的视觉效果，给用户一种全新的体验，本文主要对jQuery中基本的动画方法进行详细介绍，需要的朋友一起来看下吧大致介绍通过jQuery中基本的动画方法，能够轻松地为网页添加非常精彩的视觉效果，给用户一种全新的体验jQuery中的动画show()和hide()方法1、show()方法和

2017-03-07 22:29:32 366

原创移动端性能优化

发布前必要检查项所有图片必须有进行过压缩考虑适度的有损压缩，如转化为80%质量的jpg图片考虑把大图切成多张小图，常见在banner图过大的场景加载性能优化，达到打开足够快数据离线化，考虑将数据缓存在 localStorage初始请求资源数注意！图片使用CSS Sprites 或 DATAURI外链 CSS 中避免 @import 引入考

2017-03-07 22:06:14 519

转载闭包最常用的三种用法

1. 通过在函数中创建函数，并返回来延迟作用域链的存在时间（掌握执行环境／作用域链／this／活动对象／arguments／全局对象概念的理解）2. 模仿块级作用域（javascript不存在块级作用域） for(var i=0;i　　alert(i);}alert(i); //10funct

2017-03-07 21:58:14 652

转载微信公众平台开发入门教程

http://www.cnblogs.com/txw1958/p/wechat-tutorial.html

2017-03-07 21:57:09 234

转载前端开发要注意的浏览器兼容性问题整理

首先，我们要知道，为什么各浏览器会产生兼容性问题？产生这个问题的主要原因是市面上的浏览器的种类很多，但由于不同的浏览器的内核不一致，从而导致各个浏览器对网页的解析就产生了差异。解决浏览器兼容性问题，还是从三个方面入手：html部分、css部分、js部分。 1、html部分 a、最突出也是最容易想到的就

2017-03-07 21:53:34 523

zz_whw的博客