早前在京东上就看见这个蒙板效果,很少网站这样用,如下图:
将模糊滤镜加在body后,再在最上加一个普通半透明遮罩层即可,随手转来如下代码
CSS代码:
.blur {
filter: url(blur.svg#blur); /* FireFox, Chrome, Opera */
-webkit-filter: blur(10px); /* Chrome, Opera */
...
阅读全文>>
1.音频(audio)
<audio controls="controls">
<source src="这里面放入音频文件路径"></source>
</audio>
2.视频(video)
<video controls="controls" loop="loop" autoplay="autoplay" id="video">
<source src=...
阅读全文>>
jQuery UI Datepicker只能对日期(年月日)进行选择,无法对时间(时分秒)操作,我们可以选择使用别的插件例如My97DatePicker,但也有人为此开发了插件。
可以搜索下载jquery-ui-timepicker-addon,或在官网下载。
官网:http://trentrichardson.com/examples/timepicker/
演示:http://www.helloweba.com/demo/timepicker/
jQuery-UI ...
阅读全文>>
最近一年多一直在做前端的东西,由于老板在追求一些年轻动感的效果,让页面元素不能仅仅是简单的隐藏显示,所以经常会使用一些动画效果,发现jQuery的动画真心好用啊,把常用的几个总结一下,希望不再每次使用的时候还去翻API
queue()/ dequeue()
这两个方法就像Ajax的XMLHttpRequest对象一样的隐蔽,不为常人所知。这两个方法在动画处理的时候很有用,我们经常会写一些这样的代码
$('#test').animate({ "width": "300px", "...
阅读全文>>
写在DOM里的某个data元素,例如<div id="test" data-page="0"></div>,可以用$("#test").data("page")取得值为0,但在变更值后再赋值给它,$("#test").data("page",page+1),却不行。
原因是什么,没去研究相关文档,我就不求甚解的,用attr来代替了,上例改为<div id="test" page="0"></div>,用$("#test").attr("...
阅读全文>>
转自http://blog.csdn.net/nairuohe/article/details/6307367,其中第2点尚有问题未解决
每一次操作select的时候,总是要出来翻一下资料,不如自己总结一下,以后就翻这里了。
比如<select class="selector"></select>
1、设置value为pxx的项选中
$(".selecto...
阅读全文>>
典型的语法:
$(selector).hide(speed,callback)
当需要动画结束后才去执行特定语句,这里用callback能实现。更复杂的情况我觉得用判断动画是否正在执行或是否执行完成,会更妥当。
在动画事件执行前加上一个判断,比如产生动画效果目标的是target,那么要加上判断if(!target.is(":animated")){},举例:
if(!$(selector).is(":animated")...
阅读全文>>
说到Chrome运行android程序,不得不说一个东西,那就是“Android Runtime for Chrome(ARC)”,ARC是Google最新推出的 Chrome OS 运行Android程序的运行时。ARC基于Google的Native Client(NaCl)功能,其允许通过浏览器来运行原生代码(通常是C或C++),同时具备Chrome所提供的同等安全性。显然,NaCl扩展是可以做到跨平台的,这意味着它能够在PC、Mac、以及...
阅读全文>>
网上关于这方面的文章有很多,重复的东西本文不再赘述,仅提供思路,并解释一些其他文章讲述模糊的地方。
1、使用meta标签,这也是普遍使用的方法,理论上讲使用这个标签是可以适应所有尺寸的屏幕的,但是各设备对该标签的解释方式及支持程度不同造成了不能兼容所有浏览器或系统。
首先解释该标签的含义:
<meta name="viewport" content="width=device-width...
阅读全文>>
jQuery UI很强大,其中的日期选择插件Datepicker是一个配置灵活的插件,我们可以自定义其展示方式,包括日期格式、语言、限制选择日期范围、添加相关按钮以及其它导航等
官方地址:http://docs.jquery.com/UI/Datepicker,官方示例: http://jqueryui.com/demos/datepicker/。
一个不错的地址,用来DIY jQuery UI界面效果的站点http://...
阅读全文>>