摘要:
制作的主要原理是,利用绝对定位,把所有图片都重叠在一起。再利用jQuery让图片动态交换,并调整他们的z-index。主要的js代码如下:function slideSwitch() {var $current = $("#slideshow div.current");// 判断div.current个数为0的时候 $current的取值if ( $current.length == 0 ) $... 阅读全文
摘要:
前段时间在国外的博客上看到这个jQuery的书籍展示效果,觉得很是不错,并下载了源码,自己重新编写了CSS和JS,效果:如下说明:因为在此页面中是通过使用iframe标签引入外部页面,加上显示页面的宽度有限,所以当鼠标移动到Info图标上时,部分内容被遮盖住,这时你可以通过外部链接查看:Demo具体代码实现如下:(源代码下载)1.html代码:2.CSS代码:为了兼容ie6,需在head标签内加上... 阅读全文
摘要:
1.Html代码:2.CSS代码:3.JS代码:(备了部分注释,不懂的可以留言询问。)使用时别忘了引入jQuery库哦,也希望大家给我提出意见,或功能扩充等要求。 阅读全文
摘要:
一直都很喜欢下拉菜单,因为这样可以导航到更多的页面,给访问者一目了然的感觉。之前在公司的网站上就是用的下拉菜单导航栏的方式进行导航,当时是使用了li:hover的方式通过鼠标移动到li上,显示出li下的ul。而在ie6中则使用javascript修复li:hover。这样做出来是没有动态的效果,下拉菜单一下子就凭空出现了。运用jQuery库制作下拉菜单的好处就是可以做出各种不同的动态效果,我今天讲... 阅读全文
摘要:
jQuery的最大特色之一就是方法连缀写法,这样的书写方式使得阅读起来更加方便。于是乎,在日常的开发中大量使用连缀写法,而事件方法连缀就是一个特例。若给一个Dom对象使用了绑定了多个事件,便于阅读和书写,习惯了使用连缀写法,但这样的书写方式会造成时间的冗余。1.事件冗余:多个事件方法中多次调用相同的代码下面的代码是一个事件方法连缀的写法:其中第5|6行、第18|19行、第24|25行多次地使用了同... 阅读全文