09 2016 档案
摘要：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>利用css减少js的逻辑使用</title> <style type="text/css"> body { padding: 0; font-size: 10pt; behavior
阅读全文
摘要：有本事中奖的，过来找我换红包！！哈哈！！
阅读全文
摘要：<div id="divselect"> <cite>请选择分类</cite> <ul> <li id="li"><a href="javascript:;" selectid="1">ASP开发</a></li> <li><a href="javascript:;" selectid="2">.N
阅读全文
摘要：在微信上看到一个教程文，觉得制作的小动画还是很有意思的，自己也试验了一下。一开始动画怎么都不执行（我用的HB），因为内置浏览器对css3的不兼容。加上各种浏览器前缀后就好了。但是旋转那个效果，在HB里还是不能正常播放。 总结就是：1，学习到了css3的伪类选择器还可以这样用！2，css3的动画设置还
阅读全文
摘要：1 var eventUill = { 2 //添加事件 3 addHander: function(element, type, handler) { 4 if(element.addEventListener) { 5 element.addEventListener(type, handler
阅读全文
摘要：<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="author" content="gjf-702004176@qq.com" /> <title>Document-DOM2级封装练习题</title>
阅读全文
摘要：1 <ul class="nav"> 2 <li class="li"> 3 <a href="#">一级菜单</a> 4 <ul class="subNav"> 5 <li> 6 <a href="#">二级菜单</a> 7 </li> 8 <li> 9 <a href="#">二级菜单</a>
阅读全文
摘要：内凹圆角的核心代码，就是背景图的radial-gradient，只设置两种颜色，中间不进行过渡渐变。两种颜色叠到一起就是一条实线，看上去就是两个色块的拼接。
阅读全文
摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.or
阅读全文
摘要：常规布局初尝试
阅读全文
摘要：选项卡 房产 家居 二手房 275万购昌平邻铁三居 总价20万买一居 200万内购五环三居 140万安家东三...
阅读全文
摘要：//总结：这个样式的思维很重要，以前刚开始做，想的都是，怎么获取到自己点击的是哪一个li，然后给他以对应的div样式。后来发现难点是，怎么找到另外两个没有被点击的li和他们对应的div。把他们的样式去掉。现在恍然，这种“打扫完屋子再请客”的思维，先把所有的都去掉，再想给谁添加就给谁添加就可以了呀！看
阅读全文
摘要：费了2个小时，才把原理弄懂，把问题逐个解决，当你发现你最后栽的那个点，是一个小石头拌的你，你起来是该哭还是该笑呢？只怪自己习武不精吧。 虽然问题都解决了，但是还有一个余留的问题就是鼠标经过input时，怎么修改背景颜色的问题。 这一节有点乱，虽然整理的代码编了问题序号。可我相信，再过几天自己回头看肯
阅读全文
摘要：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>DOM对象——慕课网总结</title> </head> <body> <h1> 认识DOM </h1> <h3> 文档对象模型DOM（Document Object Model）定
阅读全文
摘要：（开始很生疏，不想看的知识点，后来DOM中用的特别多，才发现很重要。还有几个点，是比较容易忽略的，值得注意！） <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>JS-节点属性</title> </head> <body> <h1>
阅读全文
摘要：流程控制for循环+if判断+Math对象+Array对象+Date对象制作成绩表 <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>综合运用</title> <style type="text/css"> body { text-
阅读全文
摘要：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>对象综合练习</title> <style type="text/css"> body { font: 14px "微软雅黑"; } span { padding: 5px; } t
阅读全文
摘要：不完善，接下来想着把运算符分开成一个一个的按钮... <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>自制计算器</title> <style type="text/css"> input{ border: 1px solid #
阅读全文
摘要：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>Array对象练习</title> </head> <body> <div> <h1>实验</h1> <h3>concat()</h3> <script type="text/jav
阅读全文
摘要：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>Math对象练习</title> </head> <body> <h1>Math属性代码验证</h1> <input type="button" value="点击" onclick
阅读全文
摘要：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>Date对象</title> <style type="text/css"> div{ display: inline-block; padding: 10px; margin: 5
阅读全文
摘要：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>流程控制</title> <style type="text/css"> .mg { display: inline-block; padding: 45px; padding-to
阅读全文
