欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

非常不错的 子鼠 滑动图片效果 Javascript+CSS_图象特效

程序员文章站 2022-04-11 16:22:57
...
第一步,设计一下我想要的效果!
我用FW把以前作的相册效果(http://www.jb51.net/blogview.asp?logID=628)改了改,设计一张简单的效果图!
非常不错的 子鼠 滑动图片效果 Javascript+CSS_图象特效
第二步,布局!
复制代码 代码如下:



  • 非常不错的 子鼠 滑动图片效果 Javascript+CSS_图象特效

  • 非常不错的 子鼠 滑动图片效果 Javascript+CSS_图象特效

  • 非常不错的 子鼠 滑动图片效果 Javascript+CSS_图象特效

  • 非常不错的 子鼠 滑动图片效果 Javascript+CSS_图象特效

  • 非常不错的 子鼠 滑动图片效果 Javascript+CSS_图象特效





这时可以看一下效果:

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

第三步,设计一下Javascript;
复制代码 代码如下:



这个时候再看一下效果!

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

第四步,写CSS来完成计划时的样子!
复制代码 代码如下:



好了,全部完成,看一下最后的效果吧!

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
相关标签: 子鼠 滑动图片