摘要: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"/> <title>左右两个选择框内容双向切换</title> <script type="text/javascript" src="jquery-1.8.1.min.js"></script> 阅读全文
posted @ 2019-11-29 17:03 Fourteen 阅读(542) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>完美运动框架</title> <style> body,div{ margin:0; padding:0; } #div1{ width:200px; heig 阅读全文
posted @ 2019-11-29 15:18 Fourteen 阅读(239) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>链式动画</title> <style> body,div{ margin: 0; padding:0; } #div1{ width:200px; heigh 阅读全文
posted @ 2019-11-29 15:13 Fourteen 阅读(212) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>8 任意值属性 透明度</title> <style> body,div{ padding:0; margin:0; } #div1{ width:200px; 阅读全文
posted @ 2019-11-29 15:08 Fourteen 阅读(140) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>任意值属性 多物体宽高</title> <style> ul,li{ list-style: none; } li{ width:200px; height:1 阅读全文
posted @ 2019-11-29 15:05 Fourteen 阅读(167) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>获取样式</title> <style> #div1{ width:200px; height:200px; background: #f00; border: 阅读全文
posted @ 2019-11-29 14:58 Fourteen 阅读(189) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>多物体 透明度动画</title> <style> body,div{ margin: 0; padding:0; } div{ width:200px; he 阅读全文
posted @ 2019-11-29 14:36 Fourteen 阅读(126) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>多物体 缓冲动画</title> <style> ul,li{ list-style:none; } ul li{ width:200px; height:10 阅读全文
posted @ 2019-11-29 14:33 Fourteen 阅读(113) 评论(0) 推荐(0) 编辑