js实现一个手机端移动端答题系统效果代码
代码语言:html
所属分类:布局界面
代码描述:js实现一个手机端移动端答题系统效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>选择题js特效自动下一题</title> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <style> .index { width: 100%; padding-bottom: 1.1rem; } /*topic页面*/ .topic { position: relative; height: 100%; overflow-y: auto; width: 100%; background-attachment: fixed; box-sizing: border-box; } .topic-frameli { text-align: center; line-height: 1.5rem; font-size: 0.36rem; width: 5.65rem; height: 1.3rem; margin: 0.15rem auto 0.6rem auto; color: #000000; background-size: cover; } .topic-frameli div { display: inline-block; font-size: 0.54rem; color: #fbb561; } .entrance-bottom { width: 100%; position: relative; z-index: 10; height: -webkit-fill-available; overflow-x: hidden; } .entrance-bottom-frame { transition: all 0.5s; width: 10000%; margin: 0 auto; margin-top: 0.3rem; } .entrance-bottom-frame-beijing { position: absolute; z-index: 1; width: 100%; height: 100%; top: 0; left: 0; background-size: cover; } .entrance-bottom-frame-line { transition: all 0.5s; pointer-events: none; cursor: default; width: 1%; float: left; position: relative; padding: 0 0.35rem; box-sizing: border-box; } .entrance-bottom-frame-line-id { font-size: 30px; color: white; text-align: center; line-height: 60px; position: abs.........完整代码请登录后点击上方下载按钮下载查看
网友评论0