| | | |

2017年9月27日

摘要： <style> textarea{ width:400px; height:100px; } #text{ width:400px; height:200px; border:1px solid blue; } </style> </head> <body> <div> <input type="t 阅读全文

posted @ 2017-09-27 20:26 天地人物事阅读(256) 评论(0) 推荐(0)

JS小功能系列6折叠

摘要： <style> * { margin: 0; padding: 0; } li { list-style-type: none; } .classify>ul>li { width: 200px; text-indent: 20px; background: blue; } .classify>ul 阅读全文

posted @ 2017-09-27 20:25 天地人物事阅读(201) 评论(0) 推荐(0)

JS小功能系列5图片左右移动

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2017-09-27 20:24 天地人物事阅读(469) 评论(0) 推荐(0)

JS小功能系列4图片轮播综合数字轮播，顺时针逆时针，自动轮播

摘要： <style> * { margin: 0; padding: 0; } a { text-decoration: none } li { list-style-type: none; } #coural { width: 360px; height: 200px; position: relati 阅读全文

posted @ 2017-09-27 20:23 天地人物事阅读(292) 评论(0) 推荐(0)

JS小功能系列3时钟

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2017-09-27 20:21 天地人物事阅读(157) 评论(0) 推荐(0)

JS小功能系列2商品计算

摘要： <style> li{ list-style-type:none; } li span { width: 30px; text-align: center; display: inline-block; } </style> </head> <body> <ul class="ul"> <li> < 阅读全文

posted @ 2017-09-27 20:20 天地人物事阅读(321) 评论(0) 推荐(0)

JS小功能系列1换一批

摘要： <style> * { margin: 0; padding: 0; } li { list-style-type: none; } .l { float: left; } .r { float: right; } .c:after { clear: both; width: 0; height: 阅读全文

posted @ 2017-09-27 20:19 天地人物事阅读(816) 评论(0) 推荐(0)