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 阅读(473) 评论(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 阅读(1169) 评论(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 阅读(3598) 评论(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 阅读(881) 评论(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 阅读(5094) 评论(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 阅读(2020) 评论(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 阅读(500) 评论(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 阅读(3683) 评论(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 阅读(1085) 评论(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 阅读(174) 评论(0) 推荐(0)