上月的一个韩国项目,客户要求首页的图片热点区域高亮。开始我的思路是使用div层,效果也实现了,但因为热点区域是不规则形状,而div层却是很规整的原因。结果这个设想被推翻了。
接着我就试图去搜索一些相关全区高亮的资料,结果就让我搜到了maphighlight插件。基于jQeury库,结合了最新的HTML5的Canvas画布标签,通过绘画的方式实现了热点区域的高亮。
因项目还没上线(已结束),所以我的实现效果就不做公布了!
前几天的项目中,遇到一个格式化金额的问题,便写了一个通用的jQuery扩展代码,记录下来以便以后再用。同时分享给大家,有需要的随便用。
若有高手觉得写得有效率问题的也可以提出来,学习学习,研究研究。
除了数字外,字符串也可以格式化的,毕竟实现起来原理差不多嘛!可以自定义分隔符、分割长度,最终返回的格式化后的字符串。
很长时间没有更新了,也很久没有做实例分享了。最近比较动荡,也比较忙,所以博客的更新频率也变了。
今天的实例算是很小的了吧,是在之前公司的公司网上做的效果,今天朋友让我扣出来给他。我便做了份,整理了分享出来给大家参考。
近期因新工作需要,在学习XML和XSLT相关的知识,以后也会在博客中记录一些学习笔记!
早上看了百度泛用户体验博客的博文初探 jQuery 的 Sizzle 选择器,让我对Sizzle选择器的知识又更加地深入了解。之前我就知道jQuery中有一个开源的Sizzle选择器程序,可以独立于jQuery单独使用。而在jQuery中使用到的各种强大的选择器都是通过Sizzle来解析返回值的。
Sizzle代码及注册; ‘:header’的用处; 如何自定义选择器; Sizzle选择器流程图
John很强大,感谢他让我学习到如此美妙和优雅的代码。
从开始做前端时,一直在用火狐浏览器,之前也有文章介绍了一些火狐插件。今天重点来说说Firebug插件中的Console面板的功能,它可以辅助地完成Javascript性能测试和代码执行记录。
Console面板中自身含有多个可供使用的函数,诸如:console.log(),console.time()等一些常用的方法,我的想法是将这些函数写入在jQuery插件中,这样在项目的前端开发和测试阶段使用起来非常地方便。
代码执行后的效果需要打开Console面板后才可以看到,若出现错误提示,不要惊慌,那是因为使用console.error()方法抛出错误所致,页面的代码并没有出错!
近段时间来访问我博客的博友们不知是否注意到,博客的一些地方添加了一些增强型Ajax加载效果,用以提高访客的交互和快速浏览不同分类、标签下最新的文章列表。而在今天又新增了增强型Ajax提交评论和回复,只要你留言你就会看到具体效果。
花了精力添加这些Ajax效果,无非是为了让各位博友和来访者可以更加方便地阅读我的博客,同时也希望大家可以多多给我意见。每次添加新的功能我都会在左边的蓝条里写出来,大家可以一目了然地看到我最新的修改信息。
jQuery并不像他表面显示的那样,只有那些额定的方法供我们使用。其他在他库的代码内有着很多很酷很便捷的潜在方法,等待被我们发现。在本文中,我将带领你去领略一些我在jQuery库中发现的那些不怎么常见的方法。
jQuery中的隐藏功能远远不止文章提到的这些,在以后的文章中会再总结一些我自己发现的功能与大家分享。
本文翻译自:Uncovering jQuery’s Hidden Features
大家看到这个图片播放效果的演示后一定觉得很熟悉吧,因为该效果使用的地方是在太多了。但凡比较大型的网站上都有图片播放的效果,有的是单一的图片切换、有的是图片渐入渐出、还有的就是左滑右滑。而我演示的这个版本则是播放效果比较丰富的,所以也是使用比较广泛的。
在以前的公司一个人做网站时我就曾将它作为公司网站首页的图片播放效果,那个时候我的Js不好,纯粹是拿了代码后套进内容,然后放到网上去就万事OK了。现在不一样了,JS编程熟悉了,jQuery库更是熟悉,便觉得原始的代码怎么看都不爽,昨天终于将该效果的JS代码重写了一下,贴出来与大家分享!
本文纯粹是贴出一些比较实用的代码出来供大家学习和使用,也算是个人博客对这些实用代码的记录和收集吧!有用到的可以参考,没用到的直接可以飘过!
特意将这些代码写成jQuery插件的格式,这样方便大家使用的时候调用。我在平时的开发和自我学习过程中也积累了不少有用的代码,不知道怎么概括性地发布出来,所以就已文章的形式陆续贴出来与大家分享。
以单篇文章发布的插件代码都是一些简单的代码,若是一些复杂的代码或插件我会归纳到插件专区里去,这样大家下载起来也方便!
继续发布jQuery1.4版本剩余的新特性:第9点至第15点。
九、去除标签元素的父标签;
十、不用删除数据,即可删除掉DOM中的标签元素;
十一、对.index()方法进行了扩展;
十二、DOM控制方法支持回调函数…