天空博客

创造,或者酝酿未来的创造。

« 吃饭和睡觉的关系:吃饭时间会影响睡眠模式微软广告“I'm a PC”是用苹果机制作 »

DIV+CSS栏目切换滑动门效果代码

最近因为网站需要,找了很多栏目切换滑动门效果的代码,要不不能用,要不就代码不简洁,下边是我找了很多栏目切换滑动门效果后整理出的一款。希望可以帮到有需要的朋友。

说明:如果需要点击切换的话,将代码中的onmouseover改成onclick即可,当前模块的总宽度为250px,可根据自己需改成合适的大小,另外需要改变相关图片的话,可在css样式代码修改的图片地址路径。

以下是栏目切换滑动门效果预览,主要是用DIV+CSS+JS实现的,另有纯DIV+CSS不用JS实现的栏目切换效果,需要的可在后边留言。

JStabswitch

点击下载:DIV+CSS栏目切换滑动门代码

欢迎转载或引用本文,但请注明:转载自天空博客 [http://www.zarf.cn/]
本文地址:http://www.zarf.cn/post/72.html

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

CopyRight © 2008, ZARF'S BLOG. Some Rights Reserved.
Creative Commons License

E-mail:hizarf#gmail.com(请将#换成@) Yehit Interaction
License by nc-sa 2.5 cn