- 博客(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 467
原创 购物车,追加商品
function loadGoods(jsonData){for(var i=0;ivar _box =document.createElement("div");_box.className = "box";var _img = document.createElement("img");_img["src"]=jsonData[i].image;
2016-12-29 20:14:00 329
原创 倒计时效果
Title span{display:block;width:300px;height:30px;margin-top:10px;border:solid 1px orange;} /*倒计时代码*/ function c
2016-12-29 17:48:06 270
原创 简单楼层效果
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 724
原创 楼层效果
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 312
原创 json数据及追加
function loadGoods(jsonData){for(var i=0;ivar _box =document.createElement("div");_box.className = "box";var _img = document.createElement("img");_img["src"]=jsonData[i].image;
2016-12-29 16:23:04 2252
原创 简易轮播图效果
lang="en"> charset="UTF-8"> Title rel="stylesheet" href="css/style.css"> #bannel{overflow:hidden;} id="bann
2016-12-29 16:20:42 268
原创 简易抛物线代码
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 2414
原创 简易天气预报代码
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 648
原创 抽奖程序
lang="en"> charset="UTF-8"> 抽奖程序 要求: 页面上点击按钮,实现抽奖功能 点击按钮,按钮上的文字[开始抽奖]更换为[停止抽奖] 抽奖过程中,页面中奖信息10ms更新一次 点击按钮,按钮上的文字[停止抽奖]更换为[开始抽
2016-12-29 11:03:59 321
原创 放大镜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 414
原创 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 552
原创 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 209
原创 简约选项卡效果
无标题文档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 395
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人