手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >js+css实现上下翻页相册代码分享
js+css实现上下翻页相册代码分享
摘要:这是一款基于js+css实现上下翻页相册特效代码,相册可以从上下两个方向进行切换,是一款非常实用的幻灯片特效源码。先为大家展示效果图:效果演...

这是一款基于js+css实现上下翻页相册特效代码,相册可以从上下两个方向进行切换,是一款非常实用的幻灯片特效源码。

先为大家展示效果图:

js+css实现上下翻页相册代码分享1

效果演示 源码下载

为大家分享的jQuery幻灯片带缩略图轮播代码如下

<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>js+css实现上下翻页相册</title> <link rel="stylesheet" type="text/css" media="screen" href="css/reset.css" /> <link rel="stylesheet" type="text/css" media="screen" href="css/960.css" /> <link rel="stylesheet" type="text/css" media="screen" href="css/main.css" /> <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script> <script type="text/javascript" src="js/demo.js"></script> </head> <body> <div id="wrapper"> <div id="content"><br /><br /><br /><br /><br /><br /><br /> <> <div id="gallery"> <div id="pictures"> <img src="images/picture1.png" alt="" /> <img src="images/picture2.png" alt="" /> <img src="images/picture3.png" alt="" /> <img src="images/picture4.png" alt="" /> <img src="images/picture5.png" alt="" /> </div> <div id="prev"> <a href="#previous">« Previous Picture</a> </div> <div id="next"> <a href="#next">Next Picture »</a> </div> </div> <> </body> </html>

以上就是为大家分享的js+css实现上下翻页相册代码,希望大家可以喜欢。

【js+css实现上下翻页相册代码分享】相关文章:

javascript实现youku的视频代码自适应宽度

js实现发送验证码后的倒计时功能

JavaScript实现仿网易通行证表单验证

实现DIV圆角的JavaScript代码

javascript实现表格增删改操作实例详解

jquery插件splitScren实现页面分屏切换模板特效

js实现带按钮的上下滚动效果

网页里控制图片大小的相关代码

7个有用的jQuery代码片段分享

简单的防盗链功能代码(iframe)

精品推荐
分类导航