![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js练习题
·港岛妹妹
专注前端开发二十四年
展开
-
JQuery轮播图
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{margin: 0;padding: 0;} .main{ width: 1000px; margin: 0 auto; margin-top: 50px; position原创 2021-02-01 23:35:14 · 76 阅读 · 0 评论 -
jQuery放大镜
.big { width: 400px; height: 520px; margin-bottom: 10px; cursor: pointer;}.big img { width: 100%; height: 100%;}.left .picture { width: 400px; height: 100px;}.left .picture li { float: left; height: 100px; width: 80px; margin-原创 2021-02-01 23:42:31 · 89 阅读 · 0 评论 -
登录注册页面
登录<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>登录</title> <link rel="stylesheet" href="bootstrap.m原创 2021-01-13 19:53:35 · 805 阅读 · 2 评论 -
省市区三级联动
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <script src="citys.js" type="text/javascript" charset="utf-8"></script> <script src="machine.js原创 2021-01-13 19:51:14 · 77 阅读 · 0 评论 -
JS ——简易贪吃蛇
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{margin: 0;padding: 0;} #game{ height: 600px; width: 600px; position: absolute; top: 50%;原创 2020-12-25 20:52:03 · 99 阅读 · 0 评论 -
TAB选项卡
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{margin: 0;padding: 0;} .nav{ border-left: 1px solid #999; margin: 30px; margin-bottom: 0;原创 2020-08-19 19:06:13 · 197 阅读 · 0 评论