利用优酷的一个插件，做炫的幻灯片效果

最新推荐文章于 2021-06-04 07:04:05 发布

濯茶的前端思考

最新推荐文章于 2021-06-04 07:04:05 发布

阅读量2k

点赞数

分类专栏：前端开发文章标签： javascript css 插件

本文链接：https://blog.csdn.net/maoxunxing/article/details/40322729

版权

前端开发专栏收录该内容

21 篇文章 0 订阅

订阅专栏

见效果：

http://comic.youku.com/

见代码：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>slide demo</title>
    <link rel="stylesheet" href="../posterTvGrid.css">
</head>

<body>
    <div id="demo-slide">
    </div>
    <script src="http://cdn.staticfile.org/jquery/1.11.1/jquery.min.js"></script>
    <script src="../posterTvGrid.js"></script>
    <script>
    $(document).ready(function() {
        new posterTvGrid(
            'demo-slide', {
                className: "posterTvGrid",//demo-slide元素里面的第一个div的className
                hotcode: true//不知道干嘛的。。
            }, [{
                "img": "imgs/1.jpg",//img的src
                "title": "",//img的alt值
                "url": "#"//a链接的href属性的值    
            },
            {
                "img": "imgs/2.jpg",
                "title": "",
                "url": "#"
            },{
                "img": "imgs/3.jpg",
                "title": "",
                "url": "#"
            },{
                "img": "imgs/4.jpg",
                "title": "",
                "url": "#"
            }]
        );
    })
    </script>
</body>

</html>

插件代码见：http://download.csdn.net/detail/maoxunxing/8061507