案例
关注
分享
扫一扫
js案例
Dcripple
有鹿来探清水河， 万星洒落人间值得
展开
-
JS案例--旋转木马轮播
效果：每张图片排列的位置是以中间为对称的。图片大小，透明度不相同，但对称的图片的样式是相同的，呈现出一种立体的轮播效果。轮播动态效果图：先看看代码：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>旋转木马轮播图</title> <link rel="stylesheet" href="css..原创 2021-10-10 13:47:11 · 676 阅读 · 0 评论 -
js实现鼠标移入移出卡片切换内容
案例动态效果图：html代码：<div class="sports-purple"> <div class="all"> <!-- 内容 --> <div class="content"> <!-- 第一块内容 --> <div class="first-block"> <!-- 内容的侧边栏 --> <div .原创 2021-07-29 10:32:28 · 788 阅读 · 0 评论 -
JS实现省市区三级联动
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>三级联动</title> <style> select{ width: 150px; height: 30px; } </style></head>原创 2021-05-30 20:30:55 · 741 阅读 · 0 评论 -
css3动画之太极图
css3动画之太极图<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> body{ background-color: darkgray; } .circle{ width: 0px; height: 500px; margin: 100px原创 2021-05-12 19:42:21 · 404 阅读 · 1 评论 -
css制作彩虹以及鼠标移入的效果
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style> .box{ width: 100px; height: 100px; background-color: white; position: relative; } .box_containe原创 2021-05-06 19:01:50 · 262 阅读 · 0 评论 -
js制作动态时钟
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style> *{ margin: 0; padding: 0; } ul{ list-style: none; } .clock{ width: 300px; height:原创 2021-05-06 18:11:55 · 113 阅读 · 0 评论