2017年5月2日
选项卡（点击切换）
摘要： <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>实践题 - 选项卡</title> <style type="text/css"> /* 标签和文本结合区域效果制作： 1.用ul做分类标签 2.把ul的displ 阅读全文
posted @ 2017-05-02 18:58 Monroe_Yu 阅读(461) 评论(0) 推荐(0) 编辑
选项卡（鼠标移上去切换）
摘要： <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>选项卡</title> <style type="text/css"> /* CSS样式制作 */ *{margin:0;padding:0;font:normal 阅读全文
posted @ 2017-05-02 18:55 Monroe_Yu 阅读(1150) 评论(0) 推荐(0) 编辑
js内容溢出用省略号（...）表示
摘要： boom clap you can you up!come on! the day you went the way .l lose my life!call me cray call me bac... 阅读全文
posted @ 2017-05-02 13:31 Monroe_Yu 阅读(3575) 评论(0) 推荐(0) 编辑
2017年4月28日
用js给元素增加链接
摘要： <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body> <script type="text/javascript"> var main=document.body; fun 阅读全文
posted @ 2017-04-28 16:59 Monroe_Yu 阅读(876) 评论(0) 推荐(0) 编辑
js清除节点内容（改变标签元素）
摘要： <!DOCTYPE HTML><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>js清除节点内容||改变标签元素</title> </head> <body> <!--清除 阅读全文
posted @ 2017-04-28 16:34 Monroe_Yu 阅读(5079) 评论(0) 推荐(0) 编辑
js创建子节点
摘要： <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>js创建子节点</title> </head> <body> <!--在后面加--> <ul id="test1"> <li>JavaScript</li> <li>HTML</li 阅读全文
posted @ 2017-04-28 14:54 Monroe_Yu 阅读(2013) 评论(0) 推荐(0) 编辑
js简单函数（动态交互）
摘要： <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <style type="text/css"> body{font-size: 12px;} #text{width: 600px;height: 阅读全文
posted @ 2017-04-28 14:43 Monroe_Yu 阅读(489) 评论(0) 推荐(0) 编辑
2017年4月17日
js动态显示当前时间+数字大小转换+小于9前面补0
摘要： <script type="text/javascript"> function getTime(){ var myDate = new Date(); // 年份 document.getElementById("year").innerHTML = myDate.getFullYear() + 阅读全文
posted @ 2017-04-17 11:37 Monroe_Yu 阅读(3662) 评论(0) 推荐(0) 编辑
2017年4月6日
js+css3实现多行图片点击（自动）左右无缝轮播特效
摘要： /*效果图*/ HTML: <div class="scroll"> <div class="picbox"> <ul class="piclist mainlist"> <li class="goodlist"> <a class="scrolling_picture"><img src="ima 阅读全文
posted @ 2017-04-06 13:31 Monroe_Yu 阅读(1071) 评论(0) 推荐(0) 编辑
2017年3月16日
清除浮动的三种方式
摘要： .clearfix:before, .clearfix:after { content:""; display:table;}.clearfix:after{ clear:both; overflow:hidden;}.clearfix{ zoom:1;} .clear:after{ display 阅读全文
posted @ 2017-03-16 10:05 Monroe_Yu 阅读(168) 评论(0) 推荐(0) 编辑
点击右上角即可分享
微信分享提示