随笔分类 - jquery框架
摘要:如果你下定决心要改变现有的默认的checkbox和radio的样式,那么我目前有两种办法:1、自己动手写一个,也就是自己写代码实现将input的checkbox和radio默认的样式隐藏掉,使用绝对定位的方式,手动切换checked和unchecked的图片,定位到原来input显示的地方;2、使用...
阅读全文
摘要:在网页上要操作文件通常会使用INPUT[type=file]控件,但这个控件的设计很蛋疼。它不像其它编程语言中文件选择后会触发一个事件,只是让上面的文字改变,而这个改变可能会触发change事件而已。对于文字没改变的选择,change事件则不会触发。 当INPUT[type=file]控件上已经选...
阅读全文
摘要:1、效果及功能说明hover事件制作产品图片鼠标滑过图片半透明,标题文字从左到右滑动动画移动显示隐藏2、实现原理首先把效果都隐藏,然后定义一个伪类来触发所有的效果,接下来当触发伪类后会有一个遍历停止所有的效果,从新触发效果就是标题的从左边淡出和背景颜色的变化,当鼠标离开图片后触发一个遍历,停止所有动...
阅读全文
摘要:我想大家都用过一些APP应用,它们的菜单展示是以侧边栏滑动方式展现,感觉很新鲜,而现在网页设计也是如此,不少网站也效仿这样的方式来设计。使用侧边栏的好处就是可以节约空间,对于一些内容多或者喜欢简约的网站来说可以尝试使用侧边工具栏的方式来展示。OpenPanel以全屏的方式展示面板,Metro风格,看...
阅读全文
摘要:随着互联网的流行,移动网站开始急速增加,在2014年手机网站将会出现很多,所以手机网站是必须要学会制作的。手机网站不像桌面平台一样制作,否则会影响显示效果,目前大部分手机网站使用响应式设计技术,而且也很流行。但是新手想实现响应式技术是不容易的,所以我们可以用一些响应式框架或适用于移动设备的jQuer...
阅读全文
摘要:网页设计中排版也是很重要的,但有些比较难的网页排版我们可以用一些jQuery来实现,今天文章中主要分享一些有用的jQuery布局插件,有类似Pinterest流布局插件、友荐的滑动提示块以及其它jQuery插件,目前来说都是比较流行,我想你会喜欢的^^或者你喜欢:《10个jQuery插件分享》《25...
阅读全文
摘要:jQuery插件-Dylay,流布局我们前面介绍过很多,但这个流布局jQuery插件不同的是它的动画效果很不错,大家可以尝试使用下。另外《有用的jQuery布局插件推荐》这篇文章中有好几个不错流布局插件分享,大家可以看看。下载插件 →Dylay jQuery插件使用方法STEP1:调用外部文件其中包...
阅读全文
摘要:什么是JQuery的选择器呢,详见JQuery中的Selector: http://docs.jquery.com/Selectors比如 $("div:contains('John')").css("text-decoration", "underline");的contains选择器等等JQue...
阅读全文
摘要:如今,大多数网站设计要靠网格系统和布局,这能够提供给设计人员一个方便的途径来组织网页上的内容。网格的设计最常见于报纸和杂志的版面,由文字和图像构成的列组成。 这篇文章给大家分享精心挑选的15款最佳的 jQuery 网格布局插件(jQuery Grid Plugins),它可以帮助你在创建网格布局项...
阅读全文
摘要:开发jQuery插件时总结的一些经验分享一下。一、先看jQuery(function(){});全写为jQuery(document).ready(function(){});意义为在DOM加载完毕后执行了ready()方法。二、再看(function(){})(jQuery);其实际上是执行()(...
阅读全文
摘要:检测元素出现方法。虽然是基于 jQuery 的,但是代码很简洁,可以修改成纯js版的。文本jQuery.fn.wait = function (func, times, interval) { var _times = times || -1, //100次 _interval = in...
阅读全文
摘要:功能需求是这样的,两个radio:男和女,一个button:重置。启动页面默认选中男,在用户选择女之后又点击重置按钮,需要恢复到默认状态。男女重置我的js代码是这样的:$("#reSet").click(function() { $("input[name='sex']:first").attr(...
阅读全文
摘要:相信大家对mansory排版算法印象十分深刻,它能够十分有效的实现页面紧凑排版,节省空间,并且还显得十分美观。在很多网站,包括鼎鼎有名的pinterest都使用了这个算法来实现排版。这个过程有点象瓦匠在码砖头,所以我会有时候称这些div为brick(砖头),容器为墙面!有一个现象不知道大家注意否,这...
阅读全文
摘要:以下是一些非常有用的jQuery提示和所有jQuery的开发技巧。1。优化性能复杂的选择查询DOM中的一个子集,使用复杂的选择时,大幅提高了性能:var subset = $("");$("input[value^='']", subset);2。设置上下文和提高性能jQuery核心功能上,指定上下...
阅读全文
摘要:.html方法当不传参数时用来获取元素的html内容,return this[0] && this[0].nodeType === 1 ? this[0].innerHTML.replace(rinlinejQuery, "") : null;得知其通过非标准的但所有浏览器都支持的inn...
阅读全文
摘要:使用方法:$(".viewArea img").zoom({height:74,width:103});(function($){$.fn.zoom=function(settings){//一些默认配置;settings=$.extend({height:0,width:0,loading:"ht...
阅读全文

浙公网安备 33010602011771号