首页
Portal
业界资讯
社区
BBS
我的家园
Space
个人空间
导读
Guide
登录
/
注册
用户名
Email
自动登录
找回密码
密码
登录
注册
搜索
搜索
本版
帖子
用户
本版
帖子
用户
帖子
好友
道具
勋章
收藏
任务
淘帖
门户
导读
设置
我的收藏
退出
腾讯QQ
微信登录
首页
›
≡≡网络技术≡≡
›
WEB前端
›
首页顶部图片轮播效果
返回列表
首页顶部图片轮播效果
[ 复制链接 ]
灰儿
2016-1-30 23:30:30
首页顶部焦点图片轮播效果
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body id="index">
<link type="text/css" rel="stylesheet" href="lunbotu.css">
<script type="text/javascript" src="jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="jquery.easing.js"></script>
<script type="text/javascript" src="index.js"></script>
<div id="banner">
<ul style="width: 300%; left: 0%;">
<li style="width: 33.3333%; background-image: url(01.jpg);"><a href="#"></a></li>
<li style="width: 33.3333%; background-image: url(02.jpg);"><a href="#"></a></li>
<li style="width: 33.3333%; background-image: url(03.jpg);"><a href="#"></a></li>
</ul>
<div class="banner-controller" data-selector="bannerController"><a href="javascript:;" data-index="0" class="current"></a><a href="javascript:;" data-index="1" class=""></a><a href="javascript:;" data-index="2" class=""></a></div>
</div>
</body>
</html>
源码下载:
轮播效果.rar
(552.07 KB, 下载次数: 565)
2016-1-30 23:30 上传
点击文件名下载附件
相关帖子
jQuery Lightbox 图片展示插件效果下载
php获取当前目录和子目录下的图片并分页显示源码
华为手机拍照后图片保存是倒过来的?
dzx3.3 图片显示 exif 信息的开启方法
Discuz教程:Discuz! 3.2版手机版 贴内图片尺寸改自适应屏宽
Discuz教程:解决 x3 x3.1 手机版外链图片空白
Discuz教程:discuz首页diy调用图片封面的规律是什么
Discuz! X3.2去掉帖子图片弹出“下载附件”并保留“设为封面"
discuz教程:帖子列表页获取封面图片
discuz教程:首页DIY,调用门户最新文章按发布时间排序
回复
使用道具
举报
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
显身卡
回复
(1)
灰儿
楼主
2016-4-1 10:55:59
SuperSlide:集合TAB选项卡、焦点图、无缝滚动的jQuery万能代码
SuperSlide 是致力于实现网站统一特效调用的函数,能解决大部分标签切换、焦点图切换等效果,还能多个slide组合创造更多的效果。(兼容ie内核(包括无敌的ie6)、webkit内核、ff、opera等主流浏览器)。
v1.2版本更新说明:
Super Slide 从v1.2开始正式更名为 SuperSlide(无空格)!js文件命名正式更名为:jquery.SuperSlide.js
新增参数autoPage -- 系统自动分页,兼容1.0,覆盖1.0版本代码即可。
修复无缝滚动(leftMarquee、topMarquee)在xp系统下,ie7、ie8无法滚动的神奇bug
新增多个效果展示!带有new的都是新增的效果,其实这些效果1.0也可以实现的,但有些同志可能没有深入了解SuperSlide,不知道还能这样。新增的都是一些常见效果,希望对你有启发。
更多样式:
http://www.17sucai.com/pins/demoshow/2637
http://down.admin5.com/demo/code_pop/18/562/
http://www.5icool.org/demo/2012/a00744/
回复
支持
反对
使用道具
举报
显身卡
高级模式
B
Color
Image
Link
Quote
Code
Smilies
您需要登录后才可以回帖
登录
|
注册
回复
本版积分规则
回帖后跳转到最后一页
浏览过的版块
企业管理
休闲娱乐
桌面软件
灰儿
管理员
9843篇
主题总数
7
总热度
提问
+关注
产品动态
2024-05-18
泛微E10(e-cology)文件存储服务器每日新增大量重复文件的原因
2024-05-16
泛微E10(e-cology)配置文件详解
2024-05-15
泛微(weaver)e-cology_V10公文管理,启用预览正文和套红预览功能
2024-05-14
泛微E10(e-cology)文件存储位置与打开方式
2024-05-14
神州数码云科(DCN) DCME-320路由器关闭互联网22、23、53端口方法
2024-05-13
关于webapp与WEB-INF的记录
2024-05-13
泛微(weaver)e-cology_V10公文管理,上传套红模板教程
2024-05-13
防火墙指标:吞吐量、时延、新建连接速率、并发连接数
热点推荐
1
泛微E10(e-cology)文件存储服务器每日新增大量重复文件的原因
2
泛微E10(e-cology)配置文件详解
3
泛微(weaver)e-cology_V10公文管理,启用预览正文和套红预览功能
4
泛微E10(e-cology)文件存储位置与打开方式
5
神州数码云科(DCN) DCME-320路由器关闭互联网22、23、53端口方法
6
关于webapp与WEB-INF的记录
7
泛微(weaver)e-cology_V10公文管理,上传套红模板教程
8
防火墙指标:吞吐量、时延、新建连接速率、并发连接数
热门板块
PC操作系统
启动和引导
手机操作系统
硬件相关
办公软件
多媒体技术
产品动态
2024-05-18
泛微E10(e-cology)文件存储服务器每日新增大量重复文件的原因
2024-05-16
泛微E10(e-cology)配置文件详解
2024-05-15
泛微(weaver)e-cology_V10公文管理,启用预览正文和套红预览功能
2024-05-14
泛微E10(e-cology)文件存储位置与打开方式
2024-05-14
神州数码云科(DCN) DCME-320路由器关闭互联网22、23、53端口方法
2024-05-13
关于webapp与WEB-INF的记录
2024-05-13
泛微(weaver)e-cology_V10公文管理,上传套红模板教程
2024-05-13
防火墙指标:吞吐量、时延、新建连接速率、并发连接数
热点推荐
1
泛微E10(e-cology)文件存储服务器每日新增大量重复文件的原因
2
泛微E10(e-cology)配置文件详解
3
泛微(weaver)e-cology_V10公文管理,启用预览正文和套红预览功能
4
泛微E10(e-cology)文件存储位置与打开方式
5
神州数码云科(DCN) DCME-320路由器关闭互联网22、23、53端口方法
6
关于webapp与WEB-INF的记录
7
泛微(weaver)e-cology_V10公文管理,上传套红模板教程
8
防火墙指标:吞吐量、时延、新建连接速率、并发连接数
热门板块
PC操作系统
启动和引导
手机操作系统
硬件相关
办公软件
多媒体技术
学习中心
站长自定义文字内容,利用碎片时间,随时随地获取优质内容。
Q设计语言
了解更多
Q Design 提供商家设计所需的指导与资源,帮商家快速完成产品设计、降低生产成本。
学习中心
站长自定义文字内容,利用碎片时间,随时随地获取优质内容。
Q设计语言
了解更多
Q Design 提供商家设计所需的指导与资源,帮商家快速完成产品设计、降低生产成本。