快捷导航

HTML在IE里旋转效果不显示?




                           
  • 1
                           
  • 2
                           
  • 3
                           
  • 4
                           
  • 5
                
  • 6
                
  • 7
                   

               
                       
                       
               

       

  






           

  •                
                    使用说明
           
           

  •                
                    文件下载
           












$(document).ready(function(){
        $("body").css({"height":$(window).height()});
        $(window).resize(function(){
                $("body").css({"height":$(window).height()});
        })


        $(".search_bt_box li").click(function(){
                var index=$(this).index();
                console.log('index:'+index);
                if(index==0){
                        $(".search_bt_box li:nth-child(7)").insertBefore($(".search_bt_box li:nth-child(1)"));
                        setTimeout(function(){
                                $(".search_bt_box li:nth-child(7)").insertBefore($(".search_bt_box li:nth-child(1)"));
                        },200)
                        setTimeout(function(){
                                $(".search_bt_box li:nth-child(7)").insertBefore($(".search_bt_box li:nth-child(1)"));
                        },400)
                }
                else if(index==1){
                        $(".search_bt_box li:nth-child(7)").insertBefore($(".search_bt_box li:nth-child(1)"));
                        setTimeout(function(){
                                $(".search_bt_box li:nth-child(7)").insertBefore($(".search_bt_box li:nth-child(1)"));
                        },200)
                }
                else if(index==2){
                        $(".search_bt_box li:nth-child(7)").insertBefore($(".search_bt_box li:nth-child(1)"));
                }
               
                else if(index==4){
                        $(".search_bt_box li:nth-child(1)").insertAfter($(".search_bt_box li:nth-child(7)"));
                }
                else if(index==5){
                        $(".search_bt_box li:nth-child(1)").insertAfter($(".search_bt_box li:nth-child(7)"));
                        setTimeout(function(){
                                $(".search_bt_box li:nth-child(1)").insertBefore($(".search_bt_box li:nth-child(7)"));
                        },200)
                }
                else if(index==6){
                        $(".search_bt_box li:nth-child(1)").insertAfter($(".search_bt_box li:nth-child(7)"));
                        setTimeout(function(){
                                $(".search_bt_box li:nth-child(1)").insertAfter($(".search_bt_box li:nth-child(7)"));
                        },200)
                        setTimeout(function(){
                                $(".search_bt_box li:nth-child(1)").insertBefore($(".search_bt_box li:nth-child(7)"));
                        },400)
                }


                $(".search_box").css({"margin-left":"50px","opacity":"0"});
                $(".search_box").animate({"margin-left":"0","opacity":"1"});
        })


        var theme_index;


        $("#theme li").click(function(){
                var index=$(this).index();
                $("body").css({"background":"#1462ad url(images/bg"+(index+1)+".png) no-repeat center 0","background-size":"cover"});
                $("body").removeClass();
                $("body").addClass("theme"+(index+1));
                $("#theme li").removeClass("active");
                $(this).addClass("active");
        })
        $("#theme .close").click(function(){
                layer.close(theme_index);
                $("#theme").hide();
        })


        $("#theme_bt").click(function(){
                theme_index=layer.open({
                        type: 1,
                        title: false,
                        closeBtn: 0,
                        area: '840px',
                        skin: 'layui-layer-nobg', //没有背景色
                        shadeClose: true,
                        content: $('#theme')
                });
        })




                $(function () {
                    $('#myId').jalendar({
                                  customDay: new Date(),
                             color: '#16a6e2',
                        lang: 'EN'
                    });
                });
})

免责声明:本内容仅代表回答者见解不代表本站观点,请谨慎对待。

版权声明:作者保留权利,不代表本站立场。

回复

使用道具 举报

参与会员1

103301hc5dzr5uhcnkzkfh.jpg
在其他浏览器没有问题~IE不行~
回复

使用道具 举报

可能感兴趣的问答

发新帖
  • 微信访问
  • 手机APP