Luffy

摘要： .line_3d{ -webkit-animation-name:y-ain; -webkit-animation-duration:5s; -webkit-animation-timing-function:ease; -webkit-animation-iteration-count:infinite; } @-webkit-keyframes y-ain{ 0%{-webkit-transform:rotateY(0deg);} 50%{-webkit-transform:rotateY(180deg);} 100%{-webk... 阅读全文

摘要： （不好意，先前发布的是有误的分析。现在的这个没问提了！！！）昨天看到了“妙味课堂”的一个苹果菜单的DEMO。根据里面提到的“勾股定理”。我自己分析了一下代码。如下：先来一效果图吧！静止时：鼠标滑动时：一、要实现在的功能或效果： 在鼠标滑动的靠近其中某一张图片时，这个图片会随着鼠标向它的靠近而慢慢放大。 a.是“放大”不是“变大”。【放大】是等比例的，而【变大】：不一定是等比例。后面的公式中会体现。 b.这里的【靠近】：是指靠近图片的【中心点】。离图片【中心点】越近，图片越大，远离中心点，就变小，当然这里的【变小】是指相对于放大之后的变小，不会变小到比原始值还要小。 鼠标靠近红点即图片的... 阅读全文

摘要： $("#load img").load(function() { //图片默认隐藏 $(this).hide(); //使用fadeIn特效 $(this).fadeIn("5000"); }) <div id="load" class="loading"><img src="images/apple_3_bigger.jpg" style=" height:auto" id='uu1'> 第一次打开一个页面时,让加载好的图片先隐藏，然 阅读全文

摘要： 接口：对实现某一种任务、功能，目的等，所规定的一些原则。程序中的接口：规定好有几个方法，方法名是什么。（因程序中要完成任务，都是通过函数或者说方法去实现的。）javascript中的接口：把实例出来的某"类型对象"、和实例出来的"接口对象",进行一个比较，符合规则，就可以说：这个对象实现了规定的接口；（接口类：通过这个类，来实例出不同的接口。即不同的接口实例，也就是不同的方法个数和方法名称）（进行比较：其实质就是判断子类型实例出来的对象，是否有接口对象中所保存的方法名，还有个数。）小实例： 电话类,下面可以有“坐机”，“手机”,"平板电脑电话& 阅读全文

摘要： 写个小例子：第一步:做一个“手机的类"var MobilePhone = (function(){ …………})()第二步：考虑这个类，里需要那些类的私有属性，这里我想定义的是实例出来手机的数量var MobilePhone = (function(){ //私有属性 var count = 0; //代表手机的数量})()第三步：创建一个构造函数，即实例时候，对产生的新象的一个初始化，例如属性，方法的初始化;在这个例子中，每一个手机都会有颜色，大小，价格属性.这里的构造函数也是一个闭包，所以可以访问count，并且count的值会长期保存在内存中（只要有引用... 阅读全文

摘要： function fors(){ obj_a = obj_b; obj_b.attr = obj_a; }function fors(){ obj_b = {}; obj_b.attr = obj_b; }上面是两个个很显示的循环引用，IE中产生了内存泄露，由于IE的内存回收机制，导至会长期占用内存而不能释放。但闭包的内存泄露，有些隐蔽。因为闭包的循环引用,是间接的。function iememery(){ var js_obj = document.createElement("div"... 阅读全文

摘要： 最近在网上盾一些JS面向对象的东西。把其他高手们总结的东西，加上自己的理解，总结一下：私有方法：私有方法本身是可以访问类内部的所有属性的，即私有属性和公有属性。但是私有方法是不可以在类的外部被调用。私有方法写法：function myClass () { 4 var private_attribute = initial_value; 5 function private_method () { } 6 var private_method2 = function () { } 7 }实例showpet()就是一个私有方法var pe... 阅读全文

摘要： (function($){ $.fn.extend({ "slidelf":function(value){ value = $.extend({ "prev":"", "next":"", "speed":"" },value) var dom_this = $(this).get(0); //将jquery对象转换成DOM对象;以便其它函数中调用； var ... 阅读全文

摘要： .cf:after { content:""; clear: both; display:table;}.content{ width:1020px; margin:0 auto; box-shadow:0 10px 30px rgba(0,0,0,0.3); background:#FFFFFF; border-radius:5px; border:1px solid #E53351;}.sub_colum{ float:right; width:30%; height:300px;}section[role="main"]{ float:left.. 阅读全文

摘要： .fl-pic{ overflow:hidden; width:750px; //可见元素的宽度 height:50px; } .fl-pic ul{ width:3500px;//让LI能够在一行，如果小了，LI会换行； } .fl-pic ul li{ float:left; width:100px; height:50px; }<div class="fl-pic"> <ul> <li><img src="images/fr-logo-01.gif" alt="" /></l 阅读全文