css 两种颜色闪烁 js设置颜色闪烁的两种方法

第一种：无序闪烁

 function changeColor() { 
         var color="orange|#FFFFFF"; 
         color=color.split("|");
         $("#setxfld").css("background",color[parseInt(Math.random() * color.length)]);
         xfld.attr('fill',color[parseInt(Math.random() * color.length)]);
     }

setInterval('changeColor()',1000);

第二种：有序闪烁

  var colorFlag = 0;
  function changeColor() { 
         if (!colorFlag)
         {
        	 $("#setxfld").css("background","#FF9B1A");
        	 colorFlag = 1;
         }else{
        	 

以前的时候为了在页面上做出dialog效果往往很复杂，还要写遮罩层，用CSS 写 好多代码，不过刚刚知道html中原生也支持dialog。

标准用法

<dialog open>
    <h1>你好</h1>
    </dialog>

可以通过改变open属性，来显示或者隐藏，如上图所示。也可以使用dialog的show方法或者close方法。

模态框(modal)用法

与普通用法不同的是，显示需要使用showModal方法，而模态框默认上下左右居中，还有默认的蒙层。当模态框显示的时候，可以按ESC键进行隐藏。

修改样式

背景的样式可以通过::backdrop伪类进行修改，如上图把背景色修改成了蓝色；当然模态框的样式也可以同过CSS修改。

form形式的模态框

实现

<dialog id="dialog">
    <form method="dialog">
        <p>要关闭？</p>
        <button type="submit" value="no">否</button>
        <button type="submit" value="yes">是</button>
    </form>
</dialog>

<script>
    const dialog = document.getElementById('dialog');
    dialog.showModal();
    dialog.addEventListener('close', function () {
        console.log(dialog.returnValue); //