js效果
小涛涛啊!
这个作者很懒,什么都没留下…
展开
-
手风琴效果
手风琴效果<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> * { margin: 0; padding: 0; } ul { width: 1300px; height: 400px; margin: 50px auto原创 2020-09-23 19:48:50 · 135 阅读 · 0 评论 -
放大镜效果
放大镜效果效果图<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> *{ margin: 0; padding: 0; } #smallp{ position: relative; width:384px; height:2原创 2020-09-23 19:44:44 · 112 阅读 · 0 评论 -
电梯效果
电梯效果效果图具体代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } .box{ width: 800px; height: 800px; backgro原创 2020-09-23 08:21:53 · 402 阅读 · 0 评论 -
完美拖拽显示拖拽痕迹
##完美拖拽显示拖拽痕迹<!DOCTYPE html><html> <head> <meta charset="UTF-8"><title>完美拖拽</title><style type="text/css">html,body{overflow:hidden;}body,div,h2,p{margin:0;padding:0;}body{color:#fff;background:#000;font:1原创 2020-09-22 20:00:04 · 334 阅读 · 0 评论 -
两个拖拽检测相互碰撞之后变色
两个拖拽检测相互碰撞之后变色<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } #box{ width: 100px; height: 100px; backgro原创 2020-09-22 19:58:47 · 213 阅读 · 0 评论 -
多个拖拽案例
多个拖拽(简单版的)<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } #box{ width: 100px; height: 100px; background:原创 2020-09-22 19:52:52 · 197 阅读 · 0 评论 -
js二级菜单效果
二级菜单以及三级菜单` <style> * { padding: 0 margin:0 } #div div { display: none; width: 300px; height: 300px; background: yellow; } </style>`文本内容 <body> <a href="#" id="a" style="display:block; width:100px; b原创 2020-09-16 19:01:25 · 704 阅读 · 0 评论