常规 Ajax 跨域请求都是服务端输出Access-Control-Allow-Origin: *允许任何来源的跨域请求。但是这种方法并不能正常使用 Cookie，要使用 Cookie 还需要另外 输出Access-Control-Allow-Credentials: true注意 此时 Access-Control-Allow-Origin: * 就不能使用了，必须限定具体来源如 Access-Control-Allow-Origin: http://127.0.0.1对应的 JS 代码为 管理员设置 回复 可见隐藏内容

好看的动态飘花灯笼特效代码可直接将代码复制粘贴到各种页面底部使用！若需要全站可直接将代码复制粘贴到footer.php或footer.html等脚模板底部区域文件使用提示：加显示判断函数，代码必须添加在页脚模板或直接添加到任意的网站底部效果图：代码：<!-- 灯笼节 --> <div class="deng-box"> <div class="deng"> <div class="xian"></div> <div class="deng-a"> <div class="deng-b"><div class="deng-t">节</div></div> </div> <div class="shui shui-a"><div class="shui-c"></div><div class="shui-b"></div></div> </div> </div> <!-- 灯笼春 --> <div class="deng-box1"> <div class="deng"> <div class="xian"></div> <div class="deng-a"> <div class="deng-b"><div class="deng-t">春</div></div> </div> <div class="shui shui-a"><div class="shui-c"></div><div class="shui-b"></div></div> </div> </div> <!-- 灯笼迎 --> <div class="deng-box2"> <div class="deng"> <div class="xian"></div> <div class="deng-a"> <div class="deng-b"><div class="deng-t">迎</div></div> </div> <div class="shui shui-a"><div class="shui-c"></div><div class="shui-b"></div></div> </div> </div> <style> .deng-box{position: fixed;top: -40px;right: -20px;z-index: 9999;pointer-events: none;} .deng-box1{position: fixed;top: -30px;right: 10px;z-index: 9999;pointer-events: none;} .deng-box1 .deng{position: relative;width: 120px;height: 90px;margin: 50px;background: #d8000f;background: rgba(216, 0, 15, 0.8);border-radius: 50% 50%;-webkit-transform-origin: 50% -100px;-webkit-animation: swing 5s infinite ease-in-out;box-shadow: -5px 5px 30px 4px rgba(252, 144, 61, 1);} .deng-box2{position: fixed;top: -30px;right: 50px;z-index: 9999;pointer-events: none;} .deng-box2 .deng{position: relative;width: 120px;height: 90px;margin: 50px;background: #d8000f;background: rgba(216, 0, 15, 0.8);border-radius: 50% 50%;-webkit-transform-origin: 50% -100px;-webkit-animation: swing 4s infinite ease-in-out;box-shadow: -5px 5px 30px 4px rgba(252, 144, 61, 1);} .deng{position: relative;width: 120px;height: 90px;margin: 50px;background: #d8000f;background: rgba(216, 0, 15, 0.8);border-radius: 50% 50%;-webkit-transform-origin: 50% -100px;-webkit-animation: swing 3s infinite ease-in-out;box-shadow: -5px 5px 50px 4px rgba(250, 108, 0, 1);} .deng-a{width: 100px;height: 90px;background: #d8000f;background: rgba(216, 0, 15, 0.1);margin: 12px 8px 8px 10px;border-radius: 50% 50%;border: 2px solid #dc8f03;} .deng-b{width: 45px;height: 90px;background: #d8000f;background: rgba(216, 0, 15, 0.1);margin: -2px 8px 8px 26px;border-radius: 50% 50%;border: 2px solid #dc8f03;} .xian{position: absolute;top: -20px;left: 60px;width: 2px;height: 20px;background: #dc8f03;} .shui-a{position: relative;width: 5px;height: 20px;margin: -5px 0 0 59px;-webkit-animation: swing 4s infinite ease-in-out;-webkit-transform-origin: 50% -45px;background: #ffa500;border-radius: 0 0 5px 5px;} .shui-b{position: absolute;top: 14px;left: -2px;width: 10px;height: 10px;background: #dc8f03;border-radius: 50%;} .shui-c{position: absolute;top: 18px;left: -2px;width: 10px;height: 35px;background: #ffa500;border-radius: 0 0 0 5px;} .deng:before{position: absolute;top: -7px;left: 29px;height: 12px;width: 60px;content: &quot;&quot;;display: block;z-index: 999;border-radius: 5px 5px 0 0;border: solid 1px #dc8f03;background: #ffa500;background: linear-gradient(to right, #dc8f03, #ffa500, #dc8f03, #ffa500, #dc8f03);} .deng:after{position: absolute;bottom: -7px;left: 10px;height: 12px;width: 60px;content: &quot;&quot;;display: block;margin-left: 20px;border-radius: 0 0 5px 5px;border: solid 1px #dc8f03;background: #ffa500;background: linear-gradient(to right, #dc8f03, #ffa500, #dc8f03, #ffa500, #dc8f03);} .deng-t{font-family: 华文行楷,Arial,Lucida Grande,Tahoma,sans-serif;font-size: 3.2rem;color: #dc8f03;font-weight: bold;line-height: 85px;text-align: center;} .night .deng-t, .night .deng-box, .night .deng-box1{background: transparent !important;} @-moz-keyframes swing{0%{-moz-transform: rotate(-10deg)} 50%{-moz-transform: rotate(10deg)} 100%{-moz-transform: rotate(-10deg)}} @-webkit-keyframes swing{0%{-webkit-transform: rotate(-10deg)} 50%{-webkit-transform: rotate(10deg)} 100%{-webkit-transform: rotate(-10deg)}} </style>

思路通过按钮来控制改变 Class 的值，按钮点击传值 changeClass()，响应 JS 获得 ID 为 changeClass 的 div，从而将 class="OrignalClass"改变为 class="NewClass"。JS 代码<script type="text/javascript"> function changeClass(){ document.getElementById('changeClass').className='NewClass'; } </script>HTML 代码点击按钮事件改变 Class 标签属性值<div class="OrignalClass" id="changeClass"></div> <input type="button" value="切换 Class 值" onclick="changeClass()">加载页面自动改变 Class 标签属性值<!DOCTYPE html> <html onclick="changeClass()"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> </head> <body> <div class="OrignalClass" id="changeClass"></div> </body> <script type="text/javascript"> function changeClass(){ document.getElementById('changeClass').className='NewClass'; } </script> </html>