图片滚动效果插件参考网站



(1)http://stackoverflow.com/questions/18869163/js-does-not-correctly-display-a-loaded-page


(2)https://themes.trac.wordpress.org/diff?sfp_email=&sfph_mail=&new_path=%2Fgreen-lantern%2F0.9.3%2Fjs%2Fjquery.themepunch.revolution.js&old_path=%2Fgreen-lantern%2F0.9.3%2Fjs%2Fjquery.themepunch.revolution.js&new_rev=36730&old_rev=36730


(3)例子三:

<!doctype html>
<!--[if IE 9 ]><html class="ie9" lang="en"><![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--><html lang="en"><!--<![endif]-->
    <head>
        <title>Flatastic - Home</title>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
        <!--meta info-->
        <meta name="author" content="">
        <meta name="keywords" content="">
        <meta name="description" content="">
        <link rel="icon" type="image/ico" href="images/fav.ico">
        <!--stylesheet include-->
        <link rel="stylesheet" type="text/css" media="all" href="bootstrap.min.css" tppabs="http://velikorodnov.com/html/flatastic/css/bootstrap.min.css">
        <link rel="stylesheet" type="text/css" media="all" href="settings.css" tppabs="http://velikorodnov.com/html/flatastic/css/settings.css">
        <link rel="stylesheet" type="text/css" media="all" href="banner.css">
        <!--font include-->
        <link href="font-awesome.min.css" tppabs="http://velikorodnov.com/html/flatastic/css/font-awesome.min.css" rel="stylesheet">
        
    </head>
    <body>
        <!--styleswitcher-->
        
        <!--boxed layout-->
        
            <!--[if (lt IE 9) | IE 9]>
                <div style="background:#fff;padding:8px 0 10px;">
                <div class="container" style="width:1170px;"><div class="row wrapper"><div class="clearfix" style="padding:9px 0 0;float:left;width:83%;"><i class="fa fa-exclamation-triangle scheme_color f_left m_right_10" style="font-size:25px;color:#e74c3c;"></i><b style="color:#e74c3c;">Attention! This page may not display correctly.</b> <b>You are using an outdated version of Internet Explorer. For a faster, safer browsing experience.</b></div><div class="t_align_r" style="float:left;width:16%;"><a href="javascript:if(confirm('http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode  \n\n该文件未被 Teleport Pro 下载,因为 它位于起始地址以设置的边界以外的域或路径中。  \n\n你想要从服务器打开它吗?'))window.location='http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode'" tppabs="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode" class="button_type_4 r_corners bg_scheme_color color_light d_inline_b t_align_c" target="_blank" style="margin-bottom:2px;">Update Now!</a></div></div></div></div>
            <![endif]-->
            <!--markup header-->
            
            <!--slider-->
            <section class="revolution_slider">
                <div class="r_slider">
                    <ul>
                        <li class="f_left" data-transition="curtain-1" data-slotamount="7" data-custom-thumb="http://velikorodnov.com/html/flatastic/images/fw_slide_03.jpg">
                            <img src="fw_slide_03.jpg" tppabs="http://velikorodnov.com/html/flatastic/images/fw_slide_03.jpg" alt="" data-bgrepeat="no-repeat" data-bgfit="cover" data-bgposition="center center">
                            <div class="caption sfl str f_size_large color_light tt_uppercase slider_title_3" data-x="736" data-y="97" data-speed="500" data-start="2500">Meet New Theme</div>
                            <div class="caption sfr stl slider_divider" data-x="787" data-y="129" data-speed="500" data-start="2500"></div>
                            <div class="caption lft stb color_light slider_title tt_uppercase t_align_c" data-x="588" data-y="140" data-speed="1500" data-easing="easeOutBounce"><b>Attractive &amp; Elegant<br>HTML Theme</b></div>
                            <div class="caption sft stb color_light slider_title_2" data-x="761" data-y="272" data-speed="900" data-start="2300">$<b>15.00</b></div>
                            <div class="caption sft stb color_light" data-x="742" data-y="335" data-speed="900" data-start="2600">
                                <a href="javascript:if(confirm('http://themeforest.net/item/flatastic-ecommerce-html-template/7221813?ref=mad_velikorodnov  \n\n该文件未被 Teleport Pro 下载,因为 它位于起始地址以设置的边界以外的域或路径中。  \n\n你想要从服务器打开它吗?'))window.location='http://themeforest.net/item/flatastic-ecommerce-html-template/7221813?ref=mad_velikorodnov'" tppabs="http://themeforest.net/item/flatastic-ecommerce-html-template/7221813?ref=mad_velikorodnov" role="button" class="button_type_4 bg_scheme_color color_light r_corners tt_uppercase">Buy Now</a>
                            </div>
                        </li>
                        <li class="f_left" data-transition="cube" data-slotamount="7" data-custom-thumb="images/slide_01.jpg">
                            <img src="fw_slide_02.jpg" tppabs="http://velikorodnov.com/html/flatastic/images/fw_slide_02.jpg" alt="" data-bgrepeat="no-repeat" data-bgfit="cover" data-bgposition="center center">
                            <div class="caption lft ltb f_size_large tt_uppercase slider_title_3 scheme_color" data-x="264" data-y="126" data-speed="300" data-start="1700">New arrivals</div>
                            <div class="caption sfb stt slider_divider type_2" data-x="298" data-y="153" data-speed="400" data-start="1700"></div>
                            <div class="caption lft ltb color_light slider_title tt_uppercase t_align_c" data-x="95" data-y="170" data-speed="500" data-easing="ease" data-start="1400"><b><span class="scheme_color">Spring/Summer 2014</span><br><span class="color_dark">Ready-To-Wear</span></b></div>
                            <div class="caption lfb ltt color_light" data-x="206" data-y="318" data-speed="500" data-start="1700">
                                <a href="javascript:if(confirm('http://themeforest.net/item/flatastic-ecommerce-html-template/7221813?ref=mad_velikorodnov  \n\n该文件未被 Teleport Pro 下载,因为 它位于起始地址以设置的边界以外的域或路径中。  \n\n你想要从服务器打开它吗?'))window.location='http://themeforest.net/item/flatastic-ecommerce-html-template/7221813?ref=mad_velikorodnov'" tppabs="http://themeforest.net/item/flatastic-ecommerce-html-template/7221813?ref=mad_velikorodnov" role="button" class="button_type_4 bg_scheme_color color_light r_corners tt_uppercase">View Collection</a>
                            </div>
                        </li>
                        <li class="f_left" data-transition="cube" data-slotamount="7" data-custom-thumb="images/slide_03.jpg">
                            <img src="fw_slide_01.jpg" tppabs="http://velikorodnov.com/html/flatastic/images/fw_slide_01.jpg" alt="" data-bgrepeat="no-repeat" data-bgfit="cover" data-bgposition="center center">
                            <div class="caption lft ltt" data-x="center" data-y="58" data-speed="1500" data-start="1200" data-easing="easeOutBounce">
                                <img src="slider_layer_img.png" tppabs="http://velikorodnov.com/html/flatastic/images/slider_layer_img.png" alt="">
                            </div>
                            <div class="caption sfb stb color_light slider_title tt_uppercase t_align_c" data-x="center" data-y="246" data-speed="1000" data-easing="ease" data-start="2500"><b class="color_dark">up to 70% off</b></div>
                            <div class="caption sfb stb color_light" data-x="center" data-y="352" data-speed="1000" data-start="2900">
                                <a href="javascript:if(confirm('http://themeforest.net/item/flatastic-ecommerce-html-template/7221813?ref=mad_velikorodnov  \n\n该文件未被 Teleport Pro 下载,因为 它位于起始地址以设置的边界以外的域或路径中。  \n\n你想要从服务器打开它吗?'))window.location='http://themeforest.net/item/flatastic-ecommerce-html-template/7221813?ref=mad_velikorodnov'" tppabs="http://themeforest.net/item/flatastic-ecommerce-html-template/7221813?ref=mad_velikorodnov" role="button" class="button_type_4 bg_scheme_color color_light r_corners tt_uppercase">Shop Now</a>
                            </div>
                        </li>
                    </ul>
                </div>
            </section>
            <!--content-->
            
            <!--markup footer-->
            
        
        
        
        
    
        <!--scripts include-->
        <script src="jquery-2.1.0.min.js" tppabs="http://velikorodnov.com/html/flatastic/js/jquery-2.1.0.min.js"></script>
        <script src="scripts.js" tppabs="http://velikorodnov.com/html/flatastic/js/scripts.js"></script>
        <script src="jquery.themepunch.revolution.min.js" tppabs="http://velikorodnov.com/html/flatastic/js/jquery.themepunch.revolution.min.js"></script>
        <script src="jquery.themepunch.plugins.min.js" tppabs="http://velikorodnov.com/html/flatastic/js/jquery.themepunch.plugins.min.js"></script>
        
        <script src="waypoints.min.js" tppabs="http://velikorodnov.com/html/flatastic/js/waypoints.min.js"></script>
        
    </body>
</html>


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值