一直都很喜欢下拉菜单,因为这样可以导航到更多的页面,给访问者一目了然的感觉。
之前在公司的网站上就是用的下拉菜单导航栏的方式进行导航,当时是使用了li:hover的方式通过鼠标移动到li上,显示出li下的ul。而在ie6中则使用javascript修复li:hover。这样做出来是没有动态的效果,下拉菜单一下子就凭空出现了。
运用jQuery库制作下拉菜单的好处就是可以做出各种不同的动态效果,我今天讲解的是运用slideDown()和slideUp()函数实现的卷页效果。
今天在阅读Nettuts+的Feed时看到了这个模拟键盘的效果,很是喜欢。便查看的源码后,了解了实现的原理,自己重新编写了CSS和JS代码,现效果如下:
外部链接查看效果:Demo,源代码下载:Download
前段时间在国外的博客上看到这个jQuery的书籍展示效果,觉得很是不错,并下载了源码,自己重新编写了CSS和JS,效果:如下
说明:因为在此页面中是通过使用iframe标签引入外部页面,加上显示页面的宽度有限,所以当鼠标移动到Info图标上时,部分内容被遮盖住,这时你可以通过外部链接查看:Demo
源代码下载
使用css编写的一个动态分页效果,通过使用opacity和filter实现透明效果,分页效果如下:
今天不知怎的,一直在做tab的特效,看到MSN官网的tab效果不错,就花了一点点时间小做了一下,具体效果:如下
一直都很喜欢迅雷网站的设计,前端时间迅雷更新的主页的css风格,没了以前的tab效果,多了点变幻滑动的效果。
今天花了点时间,模仿了一下当前迅雷主页上的热点电视、电影的滑动效果简简单单的6行代码实现tab滑动门效果:如下
超链接跳转常用在友情链接中,或链接到其他网站,为了可以把你的访问者继续留在自己的主页而使用的一个技巧。现在我就要说说常用的几种跳转技巧:
1.使用html标签的target属性;
2.使用Javascript代码。