<!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' }); });})
- 1 回答
- 0 关注
- 1370 浏览
相关问题推荐
添加回答
举报
0/150
提交
取消