实例代码“Ctrl+/”提示“F11/ESC”全屏 返回 格式化 恢复 运行
AخA
 
1
<!DOCTYPE html>
2
<html lang="zh-CN">
3
<head>
4
<meta charset="utf-8">
5
<title>jQuery幻灯片插件ResponsiveSlides.js演示-描述说明_手册网</title>
6
<link rel="stylesheet" href="/api/jq/5733e333c6203/css/responsiveslides.css">
7
<style>
8
.wrap { position: relative; width: 900px; margin: 0 auto;}
9
.rslides li { position: relative;}
10
.rslides p { position: absolute; left: 0; bottom: 0; z-index: 2; width: 100%; margin: 0; padding: 0 10px; height: 32px; line-height: 32px; font-size: 14px; color: #fff; background-color: rgba(0, 0, 0, 0.5); background-color: #666\9;}
11
.centered-btns_nav { position: absolute; top: 50%; z-index: 2; width: 38px; height: 61px; margin-top: -40px; line-height: 200px; background-image: url(/api/jq/5733e333c6203/images/arrow.gif); overflow: hidden; opacity: .7;}
12
.next { right: 0; background-position: right 0;}
13
.centered-btns_nav:active { opacity: 1;}
14
</style>
15
</head>
16
<body>
17
<h1>描述说明</h1>
18
<div class="wrap">
19
    <ul class="rslides" id="sucaihuo">
20
        <li>
21
            <a href="#" ><img src="/api/jq/5733e333c6203/images/1.jpg" alt=""></a>
22
            <p>第一张幻灯片的说明</p>