上月的一个韩国项目,客户要求首页的图片热点区域高亮。开始我的思路是使用div层,效果也实现了,但因为热点区域是不规则形状,而div层却是很规整的原因。结果这个设想被推翻了。
接着我就试图去搜索一些相关全区高亮的资料,结果就让我搜到了maphighlight插件。基于jQeury库,结合了最新的HTML5的Canvas画布标签,通过绘画的方式实现了热点区域的高亮。
因项目还没上线(已结束),所以我的实现效果就不做公布了!
前几天的项目中,遇到一个格式化金额的问题,便写了一个通用的jQuery扩展代码,记录下来以便以后再用。同时分享给大家,有需要的随便用。
若有高手觉得写得有效率问题的也可以提出来,学习学习,研究研究。
除了数字外,字符串也可以格式化的,毕竟实现起来原理差不多嘛!可以自定义分隔符、分割长度,最终返回的格式化后的字符串。
很长时间没有更新了,也很久没有做实例分享了。最近比较动荡,也比较忙,所以博客的更新频率也变了。
今天的实例算是很小的了吧,是在之前公司的公司网上做的效果,今天朋友让我扣出来给他。我便做了份,整理了分享出来给大家参考。
近期因新工作需要,在学习XML和XSLT相关的知识,以后也会在博客中记录一些学习笔记!
早上看了百度泛用户体验博客的博文初探 jQuery 的 Sizzle 选择器,让我对Sizzle选择器的知识又更加地深入了解。之前我就知道jQuery中有一个开源的Sizzle选择器程序,可以独立于jQuery单独使用。而在jQuery中使用到的各种强大的选择器都是通过Sizzle来解析返回值的。
Sizzle代码及注册; ‘:header’的用处; 如何自定义选择器; Sizzle选择器流程图
John很强大,感谢他让我学习到如此美妙和优雅的代码。
jQuery并不像他表面显示的那样,只有那些额定的方法供我们使用。其他在他库的代码内有着很多很酷很便捷的潜在方法,等待被我们发现。在本文中,我将带领你去领略一些我在jQuery库中发现的那些不怎么常见的方法。
jQuery中的隐藏功能远远不止文章提到的这些,在以后的文章中会再总结一些我自己发现的功能与大家分享。
本文翻译自:Uncovering jQuery’s Hidden Features
大家看到这个图片播放效果的演示后一定觉得很熟悉吧,因为该效果使用的地方是在太多了。但凡比较大型的网站上都有图片播放的效果,有的是单一的图片切换、有的是图片渐入渐出、还有的就是左滑右滑。而我演示的这个版本则是播放效果比较丰富的,所以也是使用比较广泛的。
在以前的公司一个人做网站时我就曾将它作为公司网站首页的图片播放效果,那个时候我的Js不好,纯粹是拿了代码后套进内容,然后放到网上去就万事OK了。现在不一样了,JS编程熟悉了,jQuery库更是熟悉,便觉得原始的代码怎么看都不爽,昨天终于将该效果的JS代码重写了一下,贴出来与大家分享!
本文纯粹是贴出一些比较实用的代码出来供大家学习和使用,也算是个人博客对这些实用代码的记录和收集吧!有用到的可以参考,没用到的直接可以飘过!
特意将这些代码写成jQuery插件的格式,这样方便大家使用的时候调用。我在平时的开发和自我学习过程中也积累了不少有用的代码,不知道怎么概括性地发布出来,所以就已文章的形式陆续贴出来与大家分享。
以单篇文章发布的插件代码都是一些简单的代码,若是一些复杂的代码或插件我会归纳到插件专区里去,这样大家下载起来也方便!
继续发布jQuery1.4版本剩余的新特性:第9点至第15点。
九、去除标签元素的父标签;
十、不用删除数据,即可删除掉DOM中的标签元素;
十一、对.index()方法进行了扩展;
十二、DOM控制方法支持回调函数…
题外话:前两天回了一趟泰州,星期二上班后看到了两条比较重大的新闻:1.谷歌耍了我们这些谷歌迷们一把,决定不离开中国了;2.jQuery1.4新版本也正式上线了。
从Nettuts+博客上看到了这票jQuery1.4新特性的总结性文章,该博总结了15条新的特性,便给出相应的实现代码。觉得不错,便整理后翻译过来供大家参考,并加入了1.32版本的实现方法进行比较性地学习。
文章较长,分两篇文章发布,请关心者耐心阅读与等待!上篇包含特性1-8点,下篇9-15点隔一日再发布!
jQuery的最大特色之一就是方法连缀写法,这样的书写方式使得阅读起来更加方便。于是乎,在日常的开发中大量使用连缀写法,而事件方法连缀就是一个特例。若给一个Dom对象使用了绑定了多个事件,便于阅读和书写,习惯了使用连缀写法,但这样的书写方式会造成时间的冗余。
1.事件冗余:多个事件方法中多次调用相同的代码
2.事件委派:一次性绑定多个事件,根据事件类别委派相应的操作