HTML在IE里旋转效果不显示？
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8' />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="stylesheet" type="text/css" href="css/1.css"/>
<script src="js/jquery-3.1.1.min.js" type="text/javascript"></script>
<script src="js/1.js" type="text/javascript"></script>
<title></title>
<style>
</style>
</head>
<body>
<!--功能列表开始-->
<div class="logo_color">
<div class="main">
<div class="logo"></div>
<div class="search_box_out">
<ul class="search_bt_box">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
</ul>
<div class="search_box">
<input type="text" name="">
<span class="search_bt"></span>
</div>
</div>
</div>
</div>
<!--功能列表结束-->
<div class="bottom_x" >
<ul class="bottom_box">
<li class="bt1">
<strong><small></small></strong>
<span>使用说明</span>
</li>
<li class="bt2">
<strong><small></small></strong>
<span>文件下载</span>
</li>
</ul>
</div>
<script>
//document.oncontextmenu = function(e) { return false; }//防止右击弹出菜单
$("#add-key2").click(function(){
$("#add-key2").createModal({
background: "red",//设定弹窗之后的覆盖层的颜色
width: "1000px",//设定弹窗的宽度
height: "500px",//设定弹窗的高度
resizable: true,//设定弹窗是否可以拖动改变大小
bgClose: true,
html: "<p>你可以在这个属性里面写入任何的html代码！</p>"
});
});
</script>
</body>
</html>
$(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'
});
});
})
米其林APP1回答
-
米其林APP
在其他浏览器没有问题~IE不行~
随时随地看视频慕课网APP
Html/CSS
CSS3
Html5