前端
文章平均质量分 53
sjy7329
这个作者很懒,什么都没留下…
展开
-
鼠标划过旋转180度并且切换图片
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .test { width原创 2018-09-12 10:46:12 · 1699 阅读 · 0 评论 -
放大镜效果
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>放大镜效果</title> <style type="text/css">原创 2018-12-26 16:33:20 · 154 阅读 · 0 评论 -
拖拽事件回放
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>拖拽事件回放</title> <style> *{ margin:0;原创 2018-12-07 14:34:57 · 182 阅读 · 0 评论 -
简单的弹出框拖拽关闭事件
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>弹出框拖拽关闭事件</title> <style> *{ margin原创 2018-12-07 09:50:05 · 820 阅读 · 0 评论 -
内容实现拖拽放大缩小
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>拖拽放大缩小事件委托</title> <style> *{ margi原创 2018-12-07 17:21:25 · 636 阅读 · 0 评论 -
摇色子效果
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>摇色子</title> <style> #div1{ width:10原创 2018-11-19 11:32:45 · 1054 阅读 · 0 评论 -
两种写三角形的方式
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .first{ width原创 2018-11-08 11:15:29 · 161 阅读 · 0 评论 -
js实现轮播效果(二)
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin:0;padding:0;lis原创 2018-11-08 10:05:49 · 115 阅读 · 0 评论 -
星星评分效果
<!doctype html> <html> <head> <meta charset="utf-8"> <title></title> <link href="style.css" rel="stylesheet" type="text/css"原创 2018-11-05 10:41:13 · 201 阅读 · 0 评论 -
图片或者元素模块碎片化降落
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> #box{ width:2原创 2018-11-07 14:43:05 · 228 阅读 · 0 评论 -
点击元素依次下落,在点击依次上升
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> </body&am原创 2018-11-07 10:07:00 · 209 阅读 · 0 评论 -
css3实现幻灯片效果
<!DOCTYPE HTML> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> body { width:原创 2018-11-02 16:23:44 · 1099 阅读 · 0 评论 -
css3 filter 滤镜
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style> div{ width:100%;原创 2018-10-31 14:09:46 · 133 阅读 · 0 评论 -
鼠标移动显示图片一块一块的显示
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin:0;原创 2018-10-10 15:32:33 · 256 阅读 · 0 评论 -
用css伪类实现文字左右两边有横线的效果
<!doctype html> <html> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=&原创 2018-10-11 15:48:46 · 955 阅读 · 0 评论 -
鼠标移动到标题时,出现从中心向两边水平扩展的下划线
<!doctype html> <html> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=&原创 2018-10-11 15:35:41 · 510 阅读 · 0 评论 -
纯css实现二级导航
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>企业搜索页面</title> <style> *{ margin:0;原创 2018-09-11 09:55:12 · 291 阅读 · 0 评论 -
自定义滚动条
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>自定义滚动条</title> <style> *{ margin:0;原创 2018-12-25 16:15:44 · 170 阅读 · 0 评论