- 博客(15)
- 收藏
- 关注
原创 购物车 Ajax
购物车页面 *{margin:0;padding:0;} #container{width:1200px;border:solid 1px #ccc;height:500px;} #goodslist{width:1000px;} #goodslist img{width:150px;height:auto;}
2016-12-29 20:16:04
530
原创 购物车,追加商品
function loadGoods(jsonData){ for(var i=0;i var _box =document.createElement("div"); _box.className = "box"; var _img = document.createElement("img"); _img["src"]=jsonData[i].image;
2016-12-29 20:14:00
392
原创 倒计时效果
Title span{display:block;width:300px;height:30px;margin-top:10px;border:solid 1px orange;} /*倒计时代码*/ function c
2016-12-29 17:48:06
324
原创 简单楼层效果
Title *{margin:0;padding:0} #container{width:1000px;margin:0 auto;} #container>div{width:100%;height:500px;background-color:#ccc;font-size:120px;line-height:500px;text
2016-12-29 17:47:30
789
原创 楼层效果
lang="en"> charset="UTF-8"> 商场楼层效果 *{margin:0; padding:0;} .container{width:1000px;margin:auto;} #header{width:1000px;height:500px;line-heig
2016-12-29 16:42:41
356
原创 json数据及追加
function loadGoods(jsonData){ for(var i=0;i var _box =document.createElement("div"); _box.className = "box"; var _img = document.createElement("img"); _img["src"]=jsonData[i].image;
2016-12-29 16:23:04
2332
原创 简易轮播图效果
lang="en"> charset="UTF-8"> Title rel="stylesheet" href="css/style.css"> #bannel{overflow:hidden;} id="bann
2016-12-29 16:20:42
310
原创 简易抛物线代码
lang="en"> charset="UTF-8"> Title #start, #end{width:20px;height:20px;border-radius:50%;position:absolute;left:0; top:500px;} #start{background-colo
2016-12-29 15:07:21
2512
原创 简易天气预报代码
lang="en"> charset="UTF-8"> Title #show{display:block;width:800px;height:200px;background:orange;border:1px solid #333;}
2016-12-29 11:15:28
735
原创 抽奖程序
lang="en"> charset="UTF-8"> 抽奖程序 要求: 页面上点击按钮,实现抽奖功能 点击按钮,按钮上的文字[开始抽奖]更换为[停止抽奖] 抽奖过程中,页面中奖信息10ms更新一次 点击按钮,按钮上的文字[停止抽奖]更换为[开始抽
2016-12-29 11:03:59
386
原创 放大镜js
/** * Created by mouwe on 2016/12/22. */ // 获取DOM元素 var _smallImage = document.getElementById("smallImage"); var _simage = _smallImage.children[0]; var _bigImage = document.getElementById("big
2016-12-28 19:53:24
489
原创 cookie插件
/** * Created by mouwe on 2016/12/15. * 这个文件[小插件]:提供了几个函数,专门用于cookie的增删改查操作的! * 1. 保存cookie值 * 2. 读取cookie值 * 3. 修改cookie值 * 4. 删除cookie值 * * cookie中存放的数据 key=value [键值对] * 值:有可能是汉字 汉字在处理的时
2016-12-28 19:50:01
634
原创 Ajax简单案例
商品列表 *{margin:0; padding:0;} #container{width:1000px;margin:auto;} .box{width:200px;padding:5px;border:#ccc solid 1px; border-radius:8px;margin-left:5px;float:left;}
2016-12-28 19:35:33
253
原创 简约选项卡效果
无标题文档 body,ul,li{margin:0; padding:0; font:12px/1.5 arial;} ul,li{list-style:none;} .wrap{width:500px; margin:20px auto;} .hide{display:none;} #tab_t{height:25px;border-bottom:1px solid #ccc;}
2016-12-28 17:36:17
442
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅