2017年10月26日

返回顶部效果

摘要: function pageScroll() { //把内容滚动指定的像素数(第一个参数是向右滚动的像素数,第二个参数是向下滚动的像素数) window.scrollBy(0, -100); //延时递归调用,模拟滚动向上效果 scrolldelay = setTimeout('pageScroll( 阅读全文

posted @ 2017-10-26 17:48 小影子棒棒哒 阅读(94) 评论(0) 推荐(0)

表单验证

摘要: $(".ins-con input,.register input").blur(function(){ $(this).closest(".d-row").find(".error").hide(); if($(this).is(".required")){ if(this.value==""){ 阅读全文

posted @ 2017-10-26 17:48 小影子棒棒哒 阅读(188) 评论(0) 推荐(0)

菜单在当前页面效果

摘要: $(".menu a").each(function () { if (window.location.href.indexOf($(this).attr("href"), 10) >=0 && $(this).attr("href") != "" && $(this).attr("href") ! 阅读全文

posted @ 2017-10-26 17:46 小影子棒棒哒 阅读(93) 评论(0) 推荐(0)

响应式使用rem,使用js设置字号js代码,750像素

摘要: var deviceWidth = document.documentElement.clientWidth;if(deviceWidth > 750) deviceWidth = 750;document.documentElement.style.fontSize = deviceWidth / 阅读全文

posted @ 2017-10-26 17:43 小影子棒棒哒 阅读(360) 评论(0) 推荐(0)

购物车选择和计算价格功能

摘要: 米 古船大米蟹稻共生 盘锦生态大米 5kg 规格:25Kg ... 阅读全文

posted @ 2017-10-26 17:35 小影子棒棒哒 阅读(1264) 评论(0) 推荐(0)

解决苹果手机不支持音乐自动播放

摘要: <audio id="music" class="media-audio" src="http://game.163.com/weixin/gfxm3_gc/images/bg.mp3" preload loop="loop"></audio ><img src="images/logo.png" 阅读全文

posted @ 2017-10-26 17:20 小影子棒棒哒 阅读(1213) 评论(0) 推荐(0)

2017年2月5日

购物车 加减商品个数效果

摘要: html代码: <ul class="num"> <li class="reduce cannot_select">-</li> <li><input class="text Quantity" name="Quantity" id="Quantity" value="1" type="text" 阅读全文

posted @ 2017-02-05 12:02 小影子棒棒哒 阅读(125) 评论(0) 推荐(0)

购物车 全选效果

摘要: html代码: <div class="car-top"> <span class="quan yuan"><img src="~/Content/images/green-dui.png"></span><span>全选</span></div>@foreach (var item in Mode 阅读全文

posted @ 2017-02-05 11:56 小影子棒棒哒 阅读(195) 评论(0) 推荐(0)

2016年11月28日

教训

摘要: 1、在reset.css中,对已有的一些标签已经有了固定的样式,例如h1~h6,在css中有字号的设置了,那么在写网页时就应该使用css中设置好的字号,不要自己胡乱改,这样页面会混乱。如果reset.css中的样式不是自己需要的,那么可以改reset.css,不要在主要css中乱改这些固定的样式。 阅读全文

posted @ 2016-11-28 17:02 小影子棒棒哒 阅读(116) 评论(0) 推荐(0)

父元素有固定宽,里面数据动态添加,如何让里面数据平分宽度,不换行

摘要: .menu{display: table;width:80%;float: left;}.menu>li{display: table-cell;width: auto;text-align: center} <ul class="menu"> <li><a href="index.html">首页 阅读全文

posted @ 2016-11-28 16:49 小影子棒棒哒 阅读(311) 评论(0) 推荐(0)

导航