图片水平垂直都居中，兼容ie7及以上和主流浏览器
图片水平垂直都居中，亲测兼容ie7及以上和其他主流浏览器 图片水平垂直都居中，兼容ie7及以上和主流浏览器 *{margin:0;padding:0;} ul,li{list-style:none;} .list{width:800px;margin:0 auto;} .list li{text-align:center;float:left;line-height: 30px;width:33.3%;margin-top:20px;} ...标签: 图片
zeptojs的使用总结
只是常用知识点总结，不说祖宗八代，若想详细了解，请入官网：http://zeptojs.com 或中文(推荐) http://www.runoob.com/manual/zeptojs.html 1、模块 polyfill，zepto，detect，event，ajax，form，fx 这7个就是zeptojs标准版包含的模块。 但有一些常用的模块功能并没有包含在内。如： fx_methods 有了这个模块之后，.show() .hide() 等几个方法才能支持动画了，比如 .s...标签: zepto
在移动端拖拽div
2015-8-10 Jon js+jquery+ajax
找了1天的东西，终于找到了，可以在移动端进行跟随手指移动的div实例 <!doctype html> <html> <head> <meta charset='utf-8' /> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"> <title>手机拖拽</title> <...标签: 移动端拖拽
使用jquery给网页换肤，cookies缓存
2015-7-25 Jon js+jquery+ajax
使用jquery给网页换肤 昨天做项目的时候有个论坛需要给页面换肤和改变文章字体大小的功能，找了类型的论坛，扒下来后发现竟然有四个js都需要引入，想了想，还是自己写个吧，写好后发现，比想象中容易点，下面附上源码 使用jquery给网页换肤，cookies进行缓存 *{padding:0;margin:0;} body{font-size: 14px;padding:50px 300px;font-family: '微软雅黑'} .style-out{position:...聊聊既熟悉又陌生的div+css布局
首先说说最简单的两列自适应布局无外乎是给两列都设置百分比，但很多情况下这种布局并不能解决需求。 例如：下面这种一列限定宽度，一列自适应。 两列布局方法一-勿恨水长东 .clearfix:before, .clearfix:after {display: table;content: " ";} .clearfix:after {clear: both;} .clearfix {*zoom: 1;} *{margin:0;padding:0;} body{...标签: 布局
jquery层级选项卡-平凡的世界
2015-6-15 Jon js+jquery+ajax
之前写过js和jquery选项卡的实例，jquery实现防止数据泛滥加载的常用选项卡 现在写的这个是层级的选项卡，按照这个结构嵌套下去可以实现无限极选项卡，只须写html和css即可 废话不多说，直接上代码 jquery实现层级选项卡-平凡的世界 *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-bo...标签: jquery选项卡
使用js给数组去重的4种常用方法
2015-6-14 Jon js+jquery+ajax
之前我在博客园发表过一篇使用js给数组去重的3种常用方法，今早起来无事便又写出一种数组去重的方法，其实也是新瓶装旧酒，在这里再总结下吧！ 首先还是定义一个数组，以供下面四种方法调用 var arr=['js','js','js','html','js','java','html5','c#','c#','css','html','js']; 1，方法一：简单易理解 Array.prototyp...标签: 数组
js数据类型判断的几种方法总结
2015-6-9 Jon js+jquery+ajax
js数据类型判断的几种方法总结 首先定义一组变量： var a = "zifuchuan", b = 100, c = true, d, e = [1,2,3], f = new Date(), g = function(){alert(1)}, h = {}, i = null; ...js监听文本内容改变事件最佳实践oninput和onpropertychange
2015-6-4 Jon js+jquery+ajax
今天看到一个面试题，大致是使用js实时监听一个文本框变化事件 简单想了下，实现方式有很多种，但有些存在弊端，在这里总结下 onchange事件：内容改变并失焦是触发（脚本触发无效） onblur：只要失焦就会触发 onfocus：事件在对象获得焦点时发生 而下面事件在处理复制、粘贴、拖拽、长按键（按住键盘不放）等细节上并不完善。 onkeyup 事件会在键盘按键被松开时发生 onkeydown 事件会在用户按下一个键盘按键时发生 ...标签: js
html5画布canvas效果实例
使用html5画布canvas实现简单画板 简单画板 body{margin:0;} #paint{border:1px solid #232323;} 您的浏览器不支持canvas var oPaint=document.getElementById('paint'); var cxt=oPaint.getContext('2d'); cxt.lineWidth=3; cxt.strokeStyle="blue"; var ...标签: canvas
高效率jquery代码写法及jquery方法大总结
2015-5-20 Jon js+jquery+ajax
一、高效率jquery代码写法 // 条件加载Jquery,如果CDN没有下载到Jquery，则从本地读取。 <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> <script>window.jQuery || document.write('<script src="/public/js/jquery.js"><\/script>')</script> // Jquery和$的关系 window.jQu...标签: jquery
使用手机访问pc网站自动跳转到手机版
随着移动互联网的到来，大部分网站都在向移动端进发，而移动端布局实现的方式也是多种多样。 比如：静态布局、流式布局、响应式布局、css3媒体查询等... 当然今天不是说这些的，以上布局的优缺点多多少少都知道些。 而今，很多大型网站处于种种原因都选择了开发两个版本，即：pc端和移动端 移动端域名通常是在pc域名前面加一个m或wap 例：2345.com(pc) m.2345.com(移动) 这样的话难道是电脑访问时输入2345.com,手机访问时输入m.2345.com 显然，这样非常麻...标签: 移动互联网
html基础零碎知识大总结
一、以下是html最基础的一些标签 1，meta标签 <!-- 设置多少秒后重新加载页面到链接指定处 --> <meta http-equiv="refresh" content="1;url=http://yuanqiao.comxa.com/"> <!-- 让其以本机最新的内核渲染 --> <meta name="renderer" content="webkit"> &...标签: html
使用原生js实现淡入淡出效果实例
2015-5-15 Jon js+jquery+ajax
淡入淡出效果，一般使用jquery很方便实现实现，如下 使用jquery实现淡入淡出 body {padding:10px 200px;color:#777; background:#222} button {border:1px solid #eee; background:#ccc;border-radius:3px;width:145px;color:#555;line-height: 25px;cursor: pointer;} but...标签: js淡入淡出
jquery实现防止数据泛滥加载的常用选项卡
2015-5-14 Jon js+jquery+ajax
jquery实现防止数据泛滥加载的常用选项卡 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>jquery实现防止数据泛滥加载的常用选项卡</title> <style> body { padding: 50px 200px; ...标签: 常用选项卡
日历
最新微语
- html转义与翻转义工具
https://www.sojson.com/rehtml#google_vignette
2024-09-03 15:28
- 周公恐惧流言日，王莽谦恭未篡时
2024-09-03 15:28
最新评论
分类
随机文章
最新文章
热门文章
存档
- 2023年1月(1)
- 2022年8月(1)
- 2022年5月(1)
- 2021年8月(1)
- 2021年7月(1)
- 2021年6月(1)
- 2021年5月(1)
- 2021年4月(1)
- 2021年3月(2)
- 2021年2月(3)
- 2021年1月(3)
- 2020年12月(1)
- 2020年11月(2)
- 2020年10月(2)
- 2020年9月(2)
- 2020年8月(2)
- 2020年7月(3)
- 2020年6月(3)
- 2020年5月(7)
- 2020年4月(5)
- 2020年3月(3)
- 2020年2月(2)
- 2020年1月(2)
- 2019年12月(2)
- 2019年11月(1)
- 2019年10月(3)
- 2019年9月(1)
- 2019年8月(2)
- 2019年7月(4)
- 2019年6月(5)
- 2019年5月(5)
- 2019年4月(3)
- 2019年3月(2)
- 2019年2月(2)
- 2019年1月(3)
- 2018年12月(1)
- 2018年11月(1)
- 2018年10月(1)
- 2018年9月(2)
- 2018年8月(1)
- 2018年7月(1)
- 2018年6月(3)
- 2018年5月(2)
- 2018年3月(1)
- 2018年2月(1)
- 2018年1月(1)
- 2017年11月(1)
- 2017年10月(1)
- 2017年8月(2)
- 2017年5月(1)
- 2016年11月(1)
- 2016年10月(2)
- 2016年9月(1)
- 2016年8月(1)
- 2016年7月(2)
- 2016年6月(2)
- 2016年5月(7)
- 2016年4月(6)
- 2016年3月(3)
- 2016年2月(2)
- 2016年1月(3)
- 2015年12月(2)
- 2015年11月(2)
- 2015年10月(3)
- 2015年9月(2)
- 2015年8月(4)
- 2015年7月(4)
- 2015年6月(8)
- 2015年5月(34)
- 2015年4月(8)
- 2015年3月(2)