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 阅读(558) 评论(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 阅读(197) 评论(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 阅读(164) 评论(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 阅读(139) 评论(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 阅读(146) 评论(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 阅读(168) 评论(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 阅读(867) 评论(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 阅读(310) 评论(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 阅读(175) 评论(0) 推荐(0) 编辑

HTML5功能

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

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

导航