nozuonodai

2017年7月7日

拖拽的效果第一步设置可拖拽的属性 draggable="true" 绑定drag 事件第二步设置放置位置触发的事件 dragover 第三步设置放置之后触发的事件 dragover 下面请看代码：

摘要： (function(){ /* 节点 */ var myimg = document.getElementById('myimg'); var dropBox = document.getElementById('dropBox'); /* 事件绑定 */ myimg.ondragstart = d 阅读全文

posted @ 2017-07-07 12:11 nozuonodai 阅读(2811) 评论(0) 推荐(0)

2017年7月6日

css的基本选择器和设置cookie的一些代码

摘要： ID选择器：#header {}类选择器：.header {}元素选择器：div {}子选择器：ul > li {}后代选择器：div p {}伪类选择器：a:hover {}属性选择器：input[type="text"] {}id优先级高于类class；后面的样式覆盖前面的；指定的高于继承； / 阅读全文

posted @ 2017-07-06 12:21 nozuonodai 阅读(198) 评论(0) 推荐(0)

2017年7月5日

动画效果详情请看 jQuery api 动画收放 slideUp slideDown 通过id class 来设置 jQuery实现效果

摘要： <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> *{ margin: 0; padding: 0; } #boss{ margin:auto ; width: 500px; ba 阅读全文

posted @ 2017-07-05 16:01 nozuonodai 阅读(302) 评论(0) 推荐(0)

2017年6月28日

出现水墨画的效果先触发这个事件点击时出现圆或者其它的形状在写一个圆在页面上到圆变大到一定程度时在触发消失事件还可以写随机数让大小不一样先上个代码哈哈~

摘要： window.onload=function(){ //第一部添加点击事件 var waterBox=document.getElementById('waterBox'); waterBox.addEventListener('click',function(e){ //获取坐标 var me= 阅读全文

posted @ 2017-06-28 13:39 nozuonodai 阅读(246) 评论(0) 推荐(0)

2017年6月23日

关于input

摘要： form action="#"> <input type="button" value="button"> <input type="checkbox"> <input type="color"> <input type="d 阅读全文

posted @ 2017-06-23 14:30 nozuonodai 阅读(192) 评论(0) 推荐(0)

html5 新标签

摘要： <datalist>定义选项列表，与input配合使用，定义input可能的值 <article>定义外部内容 <aside>定义article以外的内容，aside的内容应与article内容相关 <command>定义命令按钮，比如单选按钮，复选按钮 <details>通过这个标签可以隐藏版权问阅读全文

posted @ 2017-06-23 13:58 nozuonodai 阅读(103) 评论(0) 推荐(0)

2017年6月22日

贝塞尔曲线

摘要：线性公式: 二次方公式: 三次方公式: 阅读全文

posted @ 2017-06-22 14:47 nozuonodai 阅读(119) 评论(0) 推荐(0)

2017年6月14日

把数据获取到页面上只显示双数先for循环把每个数组里面的值分别取出来在显示在页面上

摘要： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <script src="jquery-3.2.0.min.js"></script></head><body><table id="tab" b 阅读全文

posted @ 2017-06-14 16:17 nozuonodai 阅读(1330) 评论(0) 推荐(0)

2017年6月13日

回顾一下~

摘要：背景： background-color：背景颜色 background-image：背景图片，在页面中背景图在背景颜色上边 background-repeat：背景图片的平铺方式常有： background-repeat:no-repeat——不平铺 :repeat——平铺（默认） :repea 阅读全文

posted @ 2017-06-13 13:39 nozuonodai 阅读(195) 评论(0) 推荐(0)

2017年6月9日

html 关于浮动的事

摘要：浮动 float：left，right，none，注意：浮动元素会把当前的块级元素变成内联元素清除浮动 clear：both（清除左右浮动）；left（清除左边浮动）；right（清除右边浮动）； overflow：none（清除浮动）；hidden（隐藏）；scroll（滚动）；auto（自动（阅读全文

posted @ 2017-06-09 13:04 nozuonodai 阅读(137) 评论(0) 推荐(0)

公告