网页轮播图多特效源代码

最新推荐文章于 2024-01-27 20:21:08 发布

请叫我二狗哥

最新推荐文章于 2024-01-27 20:21:08 发布

阅读量2.8k

点赞数 1

分类专栏： Javascript 基础案例文章标签：轮播图源代码

cnblog博客：https://www.cnblogs.com/f6056/

本文链接：https://blog.csdn.net/weimob258616/article/details/82459437

版权

<!doctype html>
<html>
<head>
<title>运动(轮播图）</title>
<meta charset="utf-8">
<style>
body{background:#666;}ul{padding:0;margin:0;}li{margin:0;padding:0;list-style-type:none;}img{border:0;}
.play{width:400px;height:430px;margin:50px auto 0;background:#999;font:12px Arial;}
.mark_left{width:200px;height:320px;position:absolute;left:0;top:0;;fliter:alpha(opacity=0);opacity:0.6;z-index:3000;}
.mark_right{width:200px;height:320px;position:absolute;left:200px;top:0;fliter:alpha(opacity=0);opacity:0.6;z-index:3000;}
.big_pic .prev{width:60px;height:60px;background:url(images/L.png) no-repeat;position:absolute;top:130px;left:10px;z-index:3001;filter:alpha(opacity=0);opacity:0;cursor:pointer;}
.big_pic .next{width:60px;height:60px;background:url(images/R.png) no-repeat;position:absolute;top:130px;right:10px;z-index:3001;filter:alpha(opacity=0);opacity:0;cursor:pointer;}
.big_pic .text{position:absolute;left:10px;bottom:4px;z-index:3000;color:#ccc;}
.big_pic .length{position:absolute;right:10px;bottom:4px;z-index:3000;color:#ccc;}
.big_pic .bg{width:400px;height:25px;background:#000;filter:alpha(opacity=60);opacity:0.6;position:absolute;z-index:2999;bottom:0;left:0;}
.big_pic{width:400px;height:320px;overflow:hidden;border-bottom:1px solid #ccc;background:#222;position:relative;}
.big_pic li{width:400px;height:320px;overflow:hidden;position:absolute;top:0;left:0;z-index:0;}
.big_pic img{width:400px;height:320px;position:absolute;}
.small_pic{width:380px;height:9

最低0.47元/天解锁文章

请叫我二狗哥

关注

1
点赞
踩
10

收藏

觉得还不错? 一键收藏
0
评论
网页轮播图多特效源代码

&lt;!doctype html&gt;&lt;html&gt;&lt;head&gt;&lt;title&gt;运动(轮播图）&lt;/title&gt;&lt;meta charset="utf-8"&gt;&lt;style&gt;body{background:#666;}ul{padding:0;margin:0;}li{margin:0;paddin
复制链接

扫一扫