摘要:
最主要就是获取当前URL的详细信息,就可以进行判断了,这就需要用到JQUERY获取URL的函数。这里与大家分享一下,没用过这种方法的朋友可以尝试一下。一、window.location属性描述hash设置或获取 href 属性中在井号“#”后面的分段。host设置或获取 location 或 URL 的 hostname 和 port 号码。hostname设置或获取 location 或 URL 的主机名称部分。href设置或获取整个 URL 为字符串。pathname设置或获取对象指定的文件名或路径。port设置或获取与 URL 关联的端口号码。protocol设置或获取 URL 的协议部 阅读全文
摘要:
一、Lateral On-Scroll Sliding with jQuery的使用View demo Download source1. HTML结构 November 2011 Some title November 28, 2011 Some Title ... 阅读全文
摘要:
“瀑布流布局”随着pinterest网的流行而出名,现在国内使用这种风格布局的网站也越来越多,比如说Mark之,蘑菇街,点点网,哇哦等等。我第一次听到这个布局名称是来自于“乔花写的《瀑布流布局浅析一文”,之后在群里也时不时有同学会问有关于这种布局的使用方法。今天我老话重谈,主要向大家介绍一些相关的制作插件,以及成功的案例,希望能给大家今后的工作有所帮助。制作瀑布流布局的优秀插件首先简单的向大家推荐几款制作瀑布流的jQuery插件,这些插件能帮助大家轻松的实现类似于pinterest的布局效果:1.MasonryMasonry是一个动态的网格布局插件。每个元素水平方向都采用全float布局,但在 阅读全文
摘要:
很 多时候一个网站或者一个Web应用出品,为了让你的用户知道你的站点(或应用)有些什么?如何操作?为了让你的用户有更好的体验。往往这个时候都会给你的 站点(应用)添加一个分步指引的效果。然而这样的效果,对于不懂原生js的同学来说,是件蛮头痛的事情。不过大家不要慌,根据Webresourcesdepot.com提供,整理了一些jQuery插件。这些jQuery插件就是用来增强用户和站点沟通。而且这些插件都是轻量级插件,你可以根据自己需求定制,更强的是他们都具有一个时尚的外观效果,而且简单易用。1、Intro.jsdemo download2、aSimpleTourdemo download3、p 阅读全文
摘要:
UI LiveToolsCSS AnimatieCSS Animatie是一款在线制作CSS3动画的工具,可以在线直接制作CSS3动画效果,生成代码CREATE CSS3CREATE CSS3是一款在线集成众多CSS3功能的生成器,可以在线生成常用的CSS3效果。FilterFactoryFilterFactory是一款将图片转换成SVG的在线生成工具。Long Shadows GenerateLong Shadows Generate是一款在线使用纯CSS3实现长阴影的效果,一款强大的扁平化长投影制造器。2013年06月19日更新FontasticFontastic是一个在线生成字体图标的a 阅读全文
摘要:
Persona – HTML5 Parallax Portfolio Theme充满吸引力的一款网站模板,扁平化设计风格,动感的视差滚动效果。在线演示模板下载Superb – Responsive One-Page PortfolioSuperb 是一个基于 HTML5 & CSS3 的响应式单页作品集网站模板。在线演示模板下载Next – Unique & Easy Portfolio Template这款精美的网站模板提供了三套风格的设计:全屏背景、单页滚动以及 Metro 面板。在线演示模板下载Creatrix – Flat Responsive Template扁平化设 阅读全文
摘要:
一、测试书签(bookmarks)Viewport Resizer这个书签号称拥有158个国家3万多活跃的用户,主要特性:完全自定制方便的添加自定义尺寸手动的横竖屏切换自动的横竖屏切换(portrait | landscape)支持Media query自适应Meta的viewport设置手动重新加载页面移除页面工具栏Viewport相关信息显示 (尺寸,分辨率,横纵屏,user agent)支持触摸设备支持vectorResizer这个在线书签允许你快速的修改页面的尺寸来测试响应式的设计. 并且支持Chrome的扩展!Bricss另外一个方便的测试响应式的书签,你可以自己指定自己的几套显示窗 阅读全文
摘要:
第一章 心理影响实验1:插队一个心理学家跑到图书馆,请排队等候复印的人帮她一个小忙。"对不起,我有5页纸要复印,能不能让我先复印呢?"当她这样说时,60%的人答应了。然后,她换了一种说法:"对不起,能不能让我先复印呢?因为我要复印几页纸。"她只多加了两个字"因为",但同意的人居然增加到了93%。虽然心理学家早就知道,当我们请别人帮忙时,如果能够讲出一个理由,得到帮助的可能性就更大。但是这个实验证明,只是听到"因为"两个字,人们就会认为她是有理由的,从而给予帮助。这证明了人类存在心理定势,会不自觉地受到影响。第二章 阅读全文
摘要:
一、defer和async我们常用的script标签,有两个和性能、js文件下载执行顺序相关的属性:defer和asyncdefer的含义【摘自https://developer.mozilla.org/En/HTML/Element/Script】——This Boolean attribute is set to indicate to a browser that the script is meant to be executed after the document has been parsed.async的含义【摘自https://developer.mozilla.org/En 阅读全文
摘要:
HTML5绝对是一个流行元素,受到如此多的公司组织的追捧,作为极客来说,岂能错过呢?在今天这篇文章中,我们将分享一些超实用的HTML5的代码片段,相信大家一定会喜欢!正确的嵌入flash如果你经常需要在网页中插入flash的话,这段代码你应该用的上:HTML5视频和fallback——并且支持flash实用HTML5的一个好处就是简化了视频和音频的嵌入代码量,不过呢,如何兼容老版本的浏览器绝对是一个令人头疼的问题,特别是在天朝,老版本的浏览器绝对处于优势地位,下面代码或者能够帮你忙: 表单获取Google地图 输入地点 一段非常简单的代码,通过用户输入... 阅读全文