自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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

原创 简约留言板js代码

留言板                 发表留言                                     最新的一条留言                             最新的一条留言                             最新的一条留言

2016-12-28 17:34:58 9634

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除