jQuery实时节气罗盘时钟代码

  • u3_532249
    了解作者
  • 178.3KB
    文件大小
  • zip
    文件格式
  • 0
    收藏次数
  • VIP专享
    资源类型
  • 0
    下载次数
  • 2022-04-05 03:54
    上传日期
jQuery实时节气罗盘时钟代码是一款创意个性的圆形节气时钟动画特效。
jiaoben7464.zip
  • jiaoben7464
  • js
  • jquery-3.3.1.js
    265.4KB
  • vue.js
    333.5KB
  • ceshi9.js
    23.3KB
  • css
  • ceshi9_1.css
    13.3KB
  • ceshi9_3.css
    1.1KB
  • ceshi9_2.css
    7.8KB
  • index.html
    1.9KB
  • 说明.htm
    4.2KB
内容介绍
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" /> <title>jQuery实时节气罗盘时钟代码 - A5源码</title> <!-- jquery3 --> <script src="js/jquery-3.3.1.js"></script> <link rel="stylesheet" href="css/ceshi9_1.css" /> <link rel="stylesheet" href="css/ceshi9_2.css" /> <link rel="stylesheet" href="css/ceshi9_3.css" /> </head> <body> <div id="sum"> <!-- 节气信息 --> <div id="message"> <ul> <li class="msgs" v-for="(item,index) in Arrays">{{item}}</li> </ul> </div> <!-- 遮罩 --> <li id="shade"></li> <!-- 秒 --> <div id="second"> <ul> <li v-for="item in flag"> {{item}} </li> </ul> </div> <!-- 分 --> <div id="minute"> <ul> <li v-for="item in flag_minute"> {{item}} </li> </ul> </div> <!-- 时 --> <div id="hour"> <ul> <li v-for="item in flag_hour"> {{item}} </li> </ul> </div> <!-- 年 --> <div id="year"> <ul> <li id="yearAll">天祈</li> </ul> </div> <!-- 月 --> <div id="mouth"> <ul> <li v-for="item in flag_mouth"> {{item.name}} </li> </ul> </div> <!-- 节气 --> <div id="solar"> <ul> <li v-for="(item,index) in flag_solar" :key="index" v-on:mouseover="showMsg(index)" v-on:mouseout="hideMsg()" class="mm" > {{item.name}} </li> </ul> </div> <!-- 日 --> <div id="data"> <ul> <li v-for="item in flag_data"> {{item.name}} </li> </ul> </div> <!-- 上下午 --> <div id="AP"> <ul> <li v-for="item in flag_AP"> {{item.name}} </li> </ul> </div> </div> <!-- vue引入 --> <script src="js/vue.js"></script> <script src="js/ceshi9.js"></script> </body> </html>
评论
    相关推荐