jquery flexslider实现一个图文幻灯片效果代码-html代码-BFW代码库

jquery flexslider实现一个图文幻灯片效果代码

代码语言：html

所属分类：幻灯片

代码描述：jquery flexslider实现一个图文幻灯片效果代码

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">


    <link href='https://fonts.googleapis.com/css?family=Roboto:300,400,500' rel='stylesheet' type='text/css'>
<link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/flexslider-min.css">
    <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/font-awesome-4.7.0/css/font-awesome.min.css">

    <style>
        body {
        		background: #eee;
        }
        
        .flexslider {
        		width: 100%;
        		margin: 0 auto;
        		box-shadow: none;
        }
        
        .flexslider li {
        		position: relative;
        }
        
        .flexslider li .meta {
        		position: absolute;
        		bottom: 20px;
        		left: 20px;
        		color: white;
        		display: flex;
        		flex-direction: column;
        		justify-content: flex-start;
        		align-items: flex-start;
        		font-family: 'Roboto', sans-serif;
        }
        
        .flexslider li h1 {
        		background: rgba(51, 51, 51, 0.5);
        		padding: 12px 18px 12px;
        		margin-bottom.........完整代码请登录后点击上方下载按钮下载查看