javascript--苹果系统底部菜单--详细分析(转)

 源码下载:http://pan.baidu.com/s/1hqvJJA8代码来源: 这个DEMO来自“妙味课堂” 昨天看到了“妙味课堂”的一个苹果菜单的DEMO。根据里面提到的“勾股定理”。我自己分析了一下代码。如下: 先来一效果图吧! 静止时:  鼠标滑动时:   一、要实现在的功能或效果:  在鼠标滑动的靠近其中某一张图片时,这个图片会随着鼠标向它的靠近而慢慢放大。  a.是“放大”不是“变大”。【放大】是等比例的,而【变大】:不一定是等比例。后面的公式中会体现。  b.这里的【靠近】:是指靠近图片的【中心点】。离图片【中心点】越近,图片越大,远离中心点,就变小,当然这里的【变小】是指相对于放大之后的变小,不会变小到比原始值还要小。  鼠标靠近红点即图片的【中心点】,图片变大,远离,变小  靠 近 红点            ...

jquery插件colortip(tooltip类型)

效果预览:http://demo.tutorialzine.com/2010/07/colortips-jquery-tooltip-plugin/colortips.html源代码下载:http://pan.baidu.com/s/1i3mnZwD一个简单的jQuerytooltip插件,它将标签的title属性转换成带有颜色的tooltip。内置六种不同颜色的主题。 ...

javascript点击图片放大的功能(原生)

  使用的图片:                         1.jpg<!doctypehtml><htmllang="en"><head><metacharset="UTF-8"><title>Document</title><style>*{margin:0;padding:0;}#imglist{list-style:none;width:500px;margin:50pxauto;}#imglistli{float:left;margin-top:10px;}</style></head><body><divid="outerdiv"color:#800000;">"position:fixed;top:0;left:0;background:rgba(0,0,0,0.7);z-index:2;width:100%;height:100%;display:none;"><divid="innerdiv"color:#...

javascript中的undefined,null,"",0和false的云集

  在各种各样的数据类型中,我们都会为其定义一个"空值"或"假值",比如对象类型的空值null,.NETFramework中数据库字段的空值DBNull,boolean类型的假值false等等。在JavaScript中也有很多种的"空值"和"假值",那么它们都有什么共同点和不同点呢?   其实标题里面我已经列出了JavaScript中所有的"空值"和"假值",除了boolean值本身就是true和false这两种情况外,其它数据类型的"空值"主要是undefined和defined这两大类。这些空值的类型分别是:  typeof(undefined) == 'undefined'  typeof(null) == 'object'   typeof("") == 'string'   typeof(0) == 'number'   typeof(fa...

javascript中的 && 与 || 的运用

a&&b:将a,b转换为Boolean类型,再执行逻辑与,true返回b,false返回aa||b:将a,b转换为Boolean类型,再执行逻辑或,true返回a,false返回b 转换规则:对象为true非零数字为true非空字符串为true其他为false *几乎所有语言中||和&&都遵循“短路”原理,*如&&中第一个表达式为假就不会去处理第二个表达式,而||正好相反。*js也遵循上述原则。*当||时,找到为true的分项就停止处理,并返回该分项的值,否则执行完,并返回最后分项的值。*当&&时,找到为false的分项就停止处理,并返回该分项的值。//vara=""||null||3||4;//3//alert(a);//varb=4&&5&&null&&"0";//null//alert(b);剖析:"",null均为false; 例如:在人事系统中用到的://type:alert_success,alert_erro...
代码星球 代码星球·2020-04-09

jquery在线引用的地址

1.很多网站都是使用这种方式引入,客户的浏览器可能已经缓存过了jquery。可以直接调用本地的,速度更快… 2.Googlecode使用了cdn技术在很多地方有节点服务器,加载jquery时绝对不会比在你服务器上加载慢,本地服务器除外:) 3.可以节省服务器流量,降低服务器带宽压力<scriptsrc="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"type="text/javascript"></script><scriptsrc="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"type="text/javascript"></script><scriptsrc="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"type="text/javascript"&...
代码星球 代码星球·2020-04-09

太急于挣钱不是什么好事

  年底了,又该到了年终总结的时候了。这一年我并没有做太多的事,也就整了两三本书。大多的时间是学习,休息,打扫卫生,游玩,交友,带孩子...  年过三十,很多事越来越明白了,突然发现前三十年基本活在混沌之中。其实太急于挣钱不是什么好事~ 如果你没那个智商,没那个背景,没那个命,努力也不会有太大改善。反而会以你的信誉、健康、家庭和睦为代价。这个代价会非常沉重,需要你花很长时间去恢复。不如顺其自然,不断积累并完成好当前的工作,然后慢慢等待时机。我在前一段完成的《微距与商业摄影》的前言中曾提到,不要被那些弱智的励志书怂恿的像一头复仇的公牛,有一天你倒下了,倒霉的是你自己和家人。  很多人都是为了生计,其实我自己也是穷得掉渣。说实话,我太需要钱了,我这十几年的努力需要一个公正的代遇和评价。但事业有时候真是需要天时、地利、人和的,并不是你一厢情愿就行的。吃差点,穿差点其实没什么问题,只要自己不断在努力和学习。如果是为了面子,则要受得了侮辱,装得起孙子。韬光养晦,矢志不渝。一是要忍,二是要韧,三是要仁...  ...

(function(){})()这个是什么?有不明觉厉的感觉么?

   今天在RunJs上看到一个人分享的一个jquery代码,写的是jquery弹性滑动效果。不过,看着看着,发现一句代码(function{})(),突然有种不明觉厉的感觉。    事实上,只是因为我们没有用过而已。经过一般百度,发现原来(function(){})(),其实就是先定义function **(){},然后调用**(); ()是最高优先级的,所以先执行function()。也就等同于,定义了一个匿名函数**=function(){},再接着调用**(){}。...

javascript中常用数组函数

1.split方法——通过分隔符,将字符串分割,导出字符数组常用于:分割IP地址,分割文件路径(上传文件时)等等<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.1//EN""http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><html><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><title></title><scripttype="text/javascript">functionsplitString(){varstr1="lucy,jim,wanly";vararr=str1.split(",");for(vari=0;i<arr.length;i++)document.write(arr[i]+"<br>");}splitString();</script></head...

学好Javascript是有方法的

先声明下噢,这篇文章不是自个儿写的,看着好,希望前端小孩们可以和我一起加油,大家都来借鉴借鉴吧~   首先要说明的是,咱现在不是高手,最多还是一个半桶水,算是入了JS的门。  谈不上经验,都是一些教训。  这个时候有人要说,“靠,你丫半桶水,凭啥教我们”。您先别急着骂,先听我说。  你叫一个大学生去教小学数学,不见得比一个初中生教得好。因为大学生早已经过了那个阶段,都忘记自己怎么走过来的了。而对于初中生,刚好走过那个阶段,对自己怎么走过来的还记忆犹新,或者还有一些自己的总结。比如,很多高手觉得那本犀牛书入门很好,他们觉得太简单了,但以我的经验来看,它不是入门的最好选择。  先说说学js的条件  论条件,咱是文科生,大学专业工商管理,和计算机毛关系都没;有人说英语,读了四年大学,很遗憾,咱还四级没混过;就咱这条件都学得乐呵呵的,您还等啥。  当然学习JS也是有门槛的,就是你的html和css至少还比较熟练,您不能连<body>这东东是干啥的都不知道就开始上JS了,学乘除前,学好加减法总是有益无害的。  再说几点忠告  1,不要着急看一些复杂网...
代码星球 代码星球·2020-04-09

你为什么活得那么累?

早上你醒来,得去上班,你毕业这么多年,在家里吃早饭的次数跟过年的次数差不多。你打出租车吧,等半天好不容易来辆车,呼!旁边总是窜出一个人突然就抢到你前面,你还不好意思跟她们争。你刚坐到位子上,就有人对你指手画脚,可笑的是,对你指手画脚的人,都是过去被指手画脚惯了的奴才,他们好不容易混上个一官半职就迫不及待把当年遭受的羞辱全倒给你。什么?你不想点头赞赏记废话?这个月奖金不想要了吗?加薪报告不想批了吗?年底奖励不争取了吗?你受不了周围同事对假布斯的阿谀奉迎你觉得恶心觉得悲哀,嗯,你刚发了条不满的微博没两分钟,你的同事们就把网址发给假布斯了。假布斯在收到消息时,当然会淡淡一笑,没办法,你只好去买了机场装逼大师们写的励志书籍,什么职场生存指南,上位宝典,笑到最后…等等等等之类又弱智又愚蠢的书籍来指点你的职场人生,这些励志宝典生存指南除了能把你变成一个自私势利装腔作势混吃等死的玩意外,毫无用处。不加班的日子,你得跟着假布斯们参加饭局,好么,你的作用略微增加了,从点头赞许扩大到替酒递烟端茶倒水了…你都佩服死自己了,因为接下来你还要跟他们到KTV里听鬼哭狼嚎的同时啪啪鼓掌,...
代码星球 代码星球·2020-04-09

程序员的最后归宿究竟是什么?

 中学政治学科的课堂上,辩证唯物主义告诉我们,任何事物都包含着既对立又统一的两个方面。要如实的反映事物的本来面目,就必须坚持一分为二的矛盾分析法,对矛盾作全面的分析要运用两分法、两点论去认识事务的本质。简单的意思就是,万事万物都要看到它好的一面和不好的一面。  IT也是如此,程序员的职业也是如此。“程序员的最后归宿是什么!”、“程序员为什么到了30或35就会想要转行”、“边缘化的IT人”等等诸如此类的话题漫天遍野,“程序员吃的就是口青春饭”如一根刺隐隐的扎在了程序员心头肉上。这已成为程序员们深思的职业规划问题。  搜了搜论坛里相关的帖子,仔细看看热心的网友们的讨论,不难发现大家各自的论证都集中“转行”与“不转行”这两个对立的观点上,大家谈到了很多,有关于软件行业这个大背景的讨论,也有关于职业规划与个人现实状况相结合的讨论、更有转了行的程序员道出了转行后的心境,等等。  一定坚持奋斗在这一行的IT人说,他们认为问题的根本还是在个人的心态上。他们表...

flask框架(八)—自定义命令flask-script、多app应用、wtforms表单验证、SQLAIchemy

自定义命令flask-script用于实现类似于django中python3manage.pyrunserver...类似的命令,用命令行启动项目首先安装:pip3installflask_script使用  (注意我这里的文件名取shell-ma,文件名随便取)fromflaskimportFlaskfromflask_scriptimportManagerapp=Flask(__name__)manager=Manager(app)@app.route("/")defindex():return"ok"if__name__=='__main__':manager.run()注意:启动命令行在Terminal中输入(前提需要在正确的路径下)pythonshell-ma.pyrunserver这样项目就启动了,我们可以访问'/'路径自定制命令启动fromflaskimportFlaskfromflask_scriptimportManagerapp=Flask(__name__)manager=Manager(app)@manager.command相当于位置传参d...

TCP/IP协议族基本知识

常见的网络拓扑两台主机通信的过程:应用进程产生消息,经由主机的TCP/IP协议栈发送到局域网(LAN),最后经过广域网(目前最大的广域网的因特网)中的网络设备(路由器)传给目的主机所在的局域网(LAN),最后经过局域网(LAN)将报文传送个目的主机,经由主机TCP/IP协议栈处理,将消息递交给目的应用程序。网络拓扑如下: 图中路由器是网络中的架构设备,是因特网的组成部分。 OSI和TCP/IP分层模型OSI(OpenSystemInterconnection)模型是国际化标准组织定义的七层模型,和现行的TCP/IP协议族是等价的。OSI的顶上三层等价于TCP/IP协议族的应用层(典型的有Web、Telnet、FTP等应用)。OSI底下两层等价于TCP/IP协议族中随系统提供的设备驱动程序和硬件。 基于套接字的编程所处的位置是TCP/IP协议族应用层和传输层(TCP、UDP)的交界处。 为什么套接字提供的是从OSI模型的顶上三层(TCP/IP协议族的应用层)进入传输层的接口?两个原因如下: 顶上三层处理具体网络应用的所有细节,却对通信细节...
代码星球 代码星球·2020-04-09
首页上一页...373374375376377...下一页尾页