2016年11月13日

模拟购物车表格

摘要： <div id="arae"> <table border="1" style="text-align: center"> <thead> <th>商品编号</th> <th>商品名称</th> <th>商品数量</th> <th>商品单价</th> <th>商品总价</th> <th>操作</th 阅读全文

posted @ 2016-11-13 22:20 Endding 阅读(572) 评论(0) 推荐(0)

addTodo 模型

摘要： <div id="arae1"> <input type="text"><input type="button" value="addTodo" id="addBtn"> <ul id="ul"> <li class="liActive">HTML</li> <li class="liActive" 阅读全文

posted @ 2016-11-13 22:14 Endding 阅读(206) 评论(0) 推荐(0)

2016年11月6日

JQUERY实现轮播

摘要： <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>轮播</title> <style type="text/css"> * { margin: 0; padding: 0; } #container { posit 阅读全文

posted @ 2016-11-06 21:26 Endding 阅读(178) 评论(0) 推荐(0)

JQUERY实现放大镜

摘要： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>放大镜</title> <style> * { margin: 0; padding: 0; } #container { position: relative; 阅读全文

posted @ 2016-11-06 21:23 Endding 阅读(163) 评论(0) 推荐(0)

2016年10月30日

拖拽的实现

摘要： <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>拖拽</title> <style type="text/css"> .box1{ width:400px; height: 400px; background-c 阅读全文

posted @ 2016-10-30 20:36 Endding 阅读(151) 评论(0) 推荐(0)

计数器实现方式

摘要： <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>计数器</title></head><body> <button id="sub">-</button> <span id="num"></span> <butto 阅读全文

posted @ 2016-10-30 20:34 Endding 阅读(187) 评论(0) 推荐(0)

2016年10月23日

时间间隔函数

摘要： 对象引用 无参数的对象引用 var obj={ a:10, b:20 }; ​ function fn(){ obj.a=30; } fn(); console.log(obj.a); //输出结果为：30 var obj={ a:10, b:20 }; ​ function fn(){ obj.a 阅读全文

posted @ 2016-10-23 21:59 Endding 阅读(888) 评论(0) 推荐(0)

用JS实现轮播

摘要： <!doctype html> <html> <head> <title> </title> <style type="text/css"> #box{ width:950px; height:500px; overflow:hidden; position:relative; left:0; to 阅读全文

posted @ 2016-10-23 18:36 Endding 阅读(317) 评论(0) 推荐(0)

2016年10月16日

清除浮动float的方法

摘要： 浮动会使当前标签产生向上浮的效果，同时会影响到前后标签、父级标签的位置以及width height属性。而且，同样的代码，在各种浏览器中，显示效果也有可能不相同，这样让 清楚浮动更难了。 1.父级div定义 伪类：after和zoom; <style type="text/css"> .div1{b 阅读全文

posted @ 2016-10-16 21:30 Endding 阅读(182) 评论(0) 推荐(0)

HTML5功能

摘要： 一、拖放是一种常见的特性，即抓取对象以后放到另外的位置。 在HTML5中，拖放是标准的一部分，任何元素都能够拖放。 如果使用JS书写的话，会浪费不少效率，虽然H5并不兼容，但仍需记住很实用的标签，便可以使元素拖放： 事件有：ondrag(拖动元素）； ondragend(拖动操作结束时）； ondr 阅读全文

posted @ 2016-10-16 20:20 Endding 阅读(240) 评论(0) 推荐(0)

导航