摘要：
原理：放置两张相同的图片，一张作为主图片（图片1），另一张作为用来裁剪并放大的图片（图片2） 鼠标移动时，计算鼠标在图片1的位置（距离图片1左上角的x，y距离），以此决定在图片2开始裁剪的位置，放大用zoom:放大倍数 类似于京东淘宝查看图片的功能 HTML： <img id="img1" src= 阅读全文
posted @ 2016-03-25 15:07
刘家三胖
阅读(348)
评论(0)
推荐(1)
摘要：
页面级优化 一．减少HTTP请求 （1）合理设置HTTP缓存：变化的图片资源可以直接通过HTTP Header中的Expires设置一个很长的过期头; 变化不频繁而又可能会变的资源可以使用Last-Modifed来做请求验证。 在网站根目录 .htaccess 中加入以下代码 ExpiresActi 阅读全文
posted @ 2016-03-25 14:54
刘家三胖
阅读(227)
评论(0)
推荐(0)
摘要：
拉伸，all浏览器兼容.bg{ background:url(http://wyz.67ge.com/wp-content/uploads/qzlogo.jpg); filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMe 阅读全文
posted @ 2016-03-25 14:51
刘家三胖
阅读(1440)
评论(0)
推荐(1)
摘要：
很久之前收集的，忘记出处了。 1.梯形： 当元素宽、高和边框的宽相近（等）时，改变某一边的颜色可以看到一个梯形； border: 10px solid #000; border-left-color: #f00; width: 10px; height: 10px; 2.三角形：当元素宽、高为零，且 阅读全文
posted @ 2016-03-25 14:41
刘家三胖
阅读(655)
评论(0)
推荐(1)
摘要：
在51CTO学院看到的教学视频，保存下来，说不定有用到的时候 冒泡排序For(i=0; i<Arr.length; i++; ){ For(j=i+1; j<Arr.length; j++){ If(Arr[0] > Arr[i]){ Var temp = Arr[0]; Arr[0] = Arr[ 阅读全文
posted @ 2016-03-25 14:09
刘家三胖
阅读(197)
评论(0)
推荐(1)
摘要：
.gradient{ background: #000000; background: -moz-linear-gradient(top, #000000 0%, #ffffff 100%); background: -webkit-gradient(linear, left top, left b 阅读全文
posted @ 2016-03-25 14:04
刘家三胖
阅读(194)
评论(0)
推荐(1)
摘要：
1.就是ie6双倍边距的问题，在使用了float的情况下，不管是向左还是向右都会出现双倍，最简单的解决方法就是用display:inline;加到css里面去。 2.文字本身的大小不兼容。同样是font-size:14px的宋体文字，在不同浏览器下占的空间是不一样的，ie下实际占高16px，下留白3 阅读全文
posted @ 2016-03-25 14:03
刘家三胖
阅读(167)
评论(0)
推荐(1)
摘要：
一.纯css实现 .shake{ //抖动的元素 width: 200px; height: 100px; margin: 50px auto; background: #f00; position: relative; } /**step 2**/ @-webkit-keyframes shake 阅读全文
posted @ 2016-03-25 13:56
刘家三胖
阅读(1537)
评论(0)
推荐(1)
摘要：
类似于jquery的css()函数，js封装 CSS函数：css(oDiv , “width” , “200px ”)设置样式css(oDiv , “width”)获取样式JS:Function css(){ If(arguments.length==2){ Return arguments[0]. 阅读全文
posted @ 2016-03-25 13:18
刘家三胖
阅读(312)
评论(0)
推荐(1)
摘要：
function addListener(element,e,fn){ if(element.addEventListener){ element.addEventListener(e,fn,false); } else { element.attachEvent("on" + e,fn); } } 阅读全文
posted @ 2016-03-25 12:35
刘家三胖
阅读(1123)
评论(0)
推荐(1)
摘要：
function myBrowser(){ var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 var isOpera = userAgent.indexOf("Opera") > -1; if (isOpera) { return " 阅读全文
posted @ 2016-03-25 12:32
刘家三胖
阅读(227)
评论(0)
推荐(0)
摘要：
$(document).ready(function(){ $.ajax({ type:"get", cache:false, url:"ajaxpage.aspx?t=getcity", dataType:"json", beforeSend:function(){ $("#vvv").appen 阅读全文
posted @ 2016-03-25 12:31
刘家三胖
阅读(409)
评论(0)
推荐(0)
摘要：
自己写了一个javascript的可循环轮播图，支持手机滑动，不过代码着实小白，全局变量，函数调用满天飞，研究别的代码规范好的轮播图插件，表示看得懂但是写不出。。 HTML： <div id="main" > <!--轮播图片或背景--> <div class="bigbox"> <ul id="l 阅读全文
posted @ 2016-03-25 12:27
刘家三胖
阅读(1896)
评论(0)
推荐(0)
摘要：
http://www.missyuan.net/school/web_2013/web_10748.html 一.使用HTML中的viewport来实现 viewport语法如下： HTML代码 <!--在html代码的<head>...</head>中嵌入下面代码--> <meta name="v 阅读全文
posted @ 2016-03-25 11:29
刘家三胖
阅读(292)
评论(0)
推荐(0)
摘要：
#content_left{ //左 width:73px; height:100px; vertical-align:middle; margin-right:-100px; float:left; background-color:#FFFF99;}#content_right{ //右 wid 阅读全文
posted @ 2016-03-25 11:08
刘家三胖
阅读(139)
评论(0)
推荐(1)
摘要：
刚刚接触angularJS，网上学习了一遍菜鸟教程（http://www.runoob.com/angularjs/angularjs-tutorial.html），做了些基础知识的笔记。 AngularJS 是一个 JavaScript 框架。它可通过 <script> 标签添加到 HTML 页面 阅读全文
posted @ 2016-03-25 11:02
刘家三胖
阅读(199)
评论(0)
推荐(0)
浙公网安备 33010602011771号