基于jQuery带标题的图片3D切换焦点图

今天给大家分享一款基于jQuery带标题的图片3D切换焦点图。这款焦点图适用浏览器:IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗。

技术分享

在线预览   源码下载

实现的代码。

html代码:

    <div id="wowslider-container">
                <div class="ws_images">
                    <ul>
                        <li><a href="#">
                            <img src="images/data/images/slide1.png" alt="123" title="" /></a></li>
                        <li><a href="#">
                            <img src="images/data/images/slide2.png" alt="456" title="标题1234" /></a>标题1234</li>
                        <li><a href="#">
                            <img src="images/data/images/slide3.png" alt="789" title="标题1234" /></a>标题1234</li>
                        <li>
                            <iframe width="100%" height="100%" src="https://www.youtube.com/embed/_GOt0sMIZVY?autoplay=0&rel=0&enablejsapi=1&playerapiid=ytplayer&wmode=transparent"
                                frameborder="0" allowfullscreen></iframe>
                            <img src="images/data/images/slide5new.jpg" alt="012" title="" /></li>
                    </ul>
                </div>
                <div class="ws_bullets">
                    <div>
                        <a href="#">
                            <img src="images/data/tooltips/slide1.png" alt="CSS3 Slider" /></a> <a href="#">
                                <img src="images/data/tooltips/slide2.png" alt="CSS Slideshow" /></a> <a href="#">
                                    <img src="images/data/tooltips/slide3.png" alt="CSS Gallery" /></a>
                        <a href="#">
                            <img src="images/data/tooltips/slide5new.jpg" alt="Video Support" /></a>
                    </div>
                </div>
            </div>
            <script type="text/javascript" src="images/engine/wowslider.js"></script>
            <script type="text/javascript" src="images/engine/script.js"></script>

via:http://www.w2bc.com/Article/23688

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。