随笔分类 -  javascript

摘要:1 边框 1 border-radius:圆角 ie9+ chrome firefox opera 2 box-shadow :边框阴影ie9+ chrome firefox opera 3 border-image : 边框图片chrome firefox 1 border-radius:5px;(圆角半径) -webkit-border-radius:5px;//chrome safari -ms-border-radius:5px;//ie -o-border-radius:5px;//opera -mos-border-radius;5px;//老版f... 阅读全文
posted @ 2014-04-06 11:18 菠萝君 阅读(346) 评论(0) 推荐(0)
摘要:swipe插件真的是好简单,看代码就知道了先把swipe.js放上来,有空再拜读一下,看能否理解/* * Swipe 2.0 * * Brad Birdsall * Copyright 2013, MIT License **/function Swipe(container, options) { "use strict"; // utilities var noop = function() {}; // simple no operation function var offloadFn = function(fn) { setTimeout(fn || noop, 阅读全文
posted @ 2014-04-04 13:15 菠萝君 阅读(2010) 评论(0) 推荐(0)
摘要:今天去x宝软件公司面试,遇到的几道笔试题,现场没做好,回来之后认真分析学习了一下。一下是题目和我的解答,如果你有更好的答案,评论一下贴出来共同进步1 外层宽度高度固定,内层宽度高度固定,内层垂直居中居中了2 外层宽度高度固定,内层高度不确定,内层垂直居中(ps:在ie7测试不成功,待解决,摘自网上),采取仿照table的属性,外层display:table,中层display:table-cell;vertical-align:center; 现在我们要使这段文字垂直居中显示! 使用table的例子,兼容 ... 阅读全文
posted @ 2014-03-31 19:05 菠萝君 阅读(341) 评论(1) 推荐(0)
摘要:1 无new构建jQuery使用的的方式是$(obj).html().attr();或者是jQuery(obj).html().attr()形式上是$() 或者jQuery()先看js函数的实现方式var Jackey = function(){ //构造函数 };Jackey.prototype={ //原型 name:function(){ console.log("Jackey"); }, age:20 };//使用方式var jackey = new Jackey();jackey.name(); //Jackey但是要... 阅读全文
posted @ 2014-03-25 20:36 菠萝君 阅读(220) 评论(0) 推荐(0)
摘要:(1)对象冒充(2)原型方式待续... 阅读全文
posted @ 2014-03-24 23:59 菠萝君 阅读(112) 评论(0) 推荐(0)
摘要:1 ready$(function(){});很多人都这样开始写脚本其实相等于$(document).ready(function(){//to do something});2 loadwindow.onload=function(){//do something}用个最常用的例子说明之间的区别1 执行时机ready 不用等待图片等加载完成之后才可以使用,它是在dom加载完成后就可以使用load 则需要等待媒体加载完成后才可以使用2 编写个数 load只允许被编写一次,如果多写,只会执行最后一次 阅读全文
posted @ 2014-03-11 11:50 菠萝君 阅读(231) 评论(0) 推荐(0)
摘要:在线地址: http://ganquan.info/yui/?hl=zh-CN 阅读全文
posted @ 2014-03-10 22:06 菠萝君 阅读(208) 评论(0) 推荐(0)
摘要:绿巨人1 绿巨人2 绿巨人3 绿巨人4 绿巨人5 ... 阅读全文
posted @ 2014-03-08 19:53 菠萝君 阅读(297) 评论(0) 推荐(0)
摘要:定义构造器并扩充它的原型var Mammal = function(name){ this.name = name; }; Mammal.prototype.getName = function(){ return this.name; }; Mammal.prototype.says = function(){ return this.saying||""; };var Cat = function(name){ this.name = name; this.saying = "cat"; }; Cat.prototype = new Mammal() 阅读全文
posted @ 2014-03-07 08:34 菠萝君 阅读(104) 评论(0) 推荐(0)
摘要:var Dog = function(name,color){this.name=name||"";this.color=color||"";};Dog.prototype.setName = function(name){this.name = name;return this;};Dog.prototype.setColor = function(color){this.color=color;return this;};Dog.prototype.yell = function(){alert(this.name+this.color);retur 阅读全文
posted @ 2014-03-06 16:58 菠萝君 阅读(151) 评论(0) 推荐(0)
摘要:方法介绍:def:默认方式设置swing:默认方式加载Quad:二次方缓动(t)Cubic:三次方缓动Quart:四次方缓动Quint:五次方缓动Sine:正弦曲线缓动Expo:指数曲线缓动Circ:圆形曲线的缓动Elastic:指数衰减的正弦曲线缓动Back:超过范围的三次方缓动Bounce:指数衰减的反弹缓动关于In、Out、Inout的说明:easeIn:加速度缓动;easeOut:减速度缓动;easeInOut:先加速度至50%,再减速度完成动画。摘自:http://www.cnblogs.com/MichaelZhangX/archive/2011/12/22/2297582.htm 阅读全文
posted @ 2014-02-25 20:08 菠萝君 阅读(515) 评论(0) 推荐(0)
摘要:看到很多都需要一个下拉的select ,集成多选的功能,就自己写了一个简陋的demo,in peace .有时间修改会再发新的版本 1 2 3 4 5 css页面:.select_div{ width:200px; height:30px; position:relative; border:1px sol... 阅读全文
posted @ 2013-12-27 16:32 菠萝君 阅读(1292) 评论(0) 推荐(0)
摘要:这是一个弹出的窗口 阅读全文
posted @ 2013-01-04 16:58 菠萝君 阅读(177) 评论(0) 推荐(0)
摘要: 阅读全文
posted @ 2013-01-04 16:36 菠萝君 阅读(108) 评论(0) 推荐(0)
摘要: 阅读全文
posted @ 2013-01-04 16:34 菠萝君 阅读(149) 评论(0) 推荐(0)