html+css - 随笔分类 - ghfjj

摘要：下面的这个代码是网络上的代码，做一个分析记录，原网址如下 http://www.jq22.com/jquery-info3836 html： css： js：阅读全文

posted @ 2017-12-21 12:00 ghfjj 阅读(866) 评论(0) 推荐(0)

摘要：一种： <a href="javascript:if(confirm('确实要删除该内容吗?')){location='http://www.google.com'}">弹出窗口</a> 二种： <script language="JavaScript"> function delete_confi 阅读全文

posted @ 2017-12-18 11:05 ghfjj 阅读(10938) 评论(0) 推荐(0)

输入框监控

摘要：1、键盘按键属性 2、input与propertychange（兼容ie）的实时监听，支持复制粘贴（兼容鼠标右键粘贴）阅读全文

posted @ 2017-12-15 15:20 ghfjj 阅读(257) 评论(0) 推荐(0)

国外分享插件

摘要：<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-59effacb0a4e93a8"></script> addthis 阅读全文

posted @ 2017-12-12 11:25 ghfjj 阅读(548) 评论(0) 推荐(0)

导航条下面的横线随鼠标移动（对应的栏目）

摘要：$(document).ready(function(){ var $liCur = $(".nav ul li.cur"), curP = $liCur.position().left, curW = $liCur.outerWidth(true), $slider = $(".curBg"), $navBox = $(".... 阅读全文

posted @ 2017-12-05 16:20 ghfjj 阅读(907) 评论(0) 推荐(0)

flex 自适应排版中由于数量不够造成的空白

摘要：flex布局使用justify-content: space-between;，由于数量不足，导致间距空白，建议用js填充元素使用！ flex_empty($('.activity_online_list'),'li',3,'empty'); 参数说明：1：直接的外包裹框，一般为ul，2：对应的阅读全文

posted @ 2017-12-04 09:41 ghfjj 阅读(1063) 评论(0) 推荐(0)

input 的带有lable的选择样式优化纯css

摘要：Examples 篮球乒乓球足球阅读全文

posted @ 2017-12-02 17:21 ghfjj 阅读(2247) 评论(0) 推荐(0)

锚点盒子随滚动条浮动

摘要：// 随滚动条浮动 $('.Step_points').width($('.Leftbox').width()); var Step_points_top=$('.Step_points').offset().top; $(window).scroll(function(){ console.log($(window).scrollTop()); ... 阅读全文

posted @ 2017-11-29 14:28 ghfjj 阅读(422) 评论(0) 推荐(0)

锚点跳转

摘要：1、方法一：href="#div1" 2、方法二：js页面滚动阅读全文

posted @ 2017-11-29 13:57 ghfjj 阅读(125) 评论(0) 推荐(0)

网页不满屏幕高度时，footer始终在底部显示

摘要：我们在布局的时候有这样一种情况，就是当页面高度没有超过屏幕高度的时候，footer要固定到底部，而当页面超出满屏的高度的时候，footer要随着高度走。下面我们就通过CSS实现这一效果：文章来源：陌小雨博客，欢迎分享，转载请保留出处原文地址：http://www.dedewp.com/2421. 阅读全文

posted @ 2017-11-29 10:10 ghfjj 阅读(798) 评论(0) 推荐(0)

自己修改select的样式（修改select右边的小三角）

摘要：select { /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/ border: solid 1px #000; /*很关键：将默认的select选择框样式清除*/ appearance:none; -moz-appearance:none; -webkit-appeara 阅读全文

posted @ 2017-10-30 14:22 ghfjj 阅读(5346) 评论(1) 推荐(0)

年月日手写思路

摘要：function setDate(){ var minYear = 1900 var maxYear = (new Date).getFullYear(); var yearSel = $('#year'); var monthSel =$('#month'); var daySel = $('#days'); console.log(maxYea... 阅读全文

posted @ 2017-10-25 02:04 ghfjj 阅读(613) 评论(0) 推荐(0)

placeholder 颜色

摘要：https://jingyan.baidu.com/article/09ea3ede0f1ae2c0afde397e.html input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #666; } 阅读全文

posted @ 2017-10-24 02:57 ghfjj 阅读(160) 评论(0) 推荐(0)

鼠标移入移除切换图片路径

摘要：<a href="#"><img src="https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/logo-zhidao.gif" border="0" onMouseOver="this.src='http://s1.bdstatic.com/r/www 阅读全文

posted @ 2017-08-18 13:52 ghfjj 阅读(661) 评论(0) 推荐(0)

li横向并排2列排版，保证每行的两个li高度一致

摘要：li做浮动布局，左右高度不一致会出现错乱解决： li:nth-of-type(odd){clear:both;} 阅读全文

posted @ 2017-08-10 04:49 ghfjj 阅读(1591) 评论(0) 推荐(0)

label标签，单选控制

摘要：<input type="radio" name="sex" id="male" /><label for="male">Male</label> <input type="radio" name="sex" id="female" /><label for="female">Female</lab 阅读全文

posted @ 2017-06-05 11:29 ghfjj 阅读(457) 评论(0) 推荐(0)

图片变成灰色

摘要：CSS3 Filter的十种特效阅读全文

posted @ 2017-05-17 17:05 ghfjj 阅读(266) 评论(0) 推荐(0)

响应式，窗口变化，执行代码

摘要：1 $(window).resize(function(event) { 2 /* Act on the event */ 3 if($(window).width()<1200){ 4 $('.info_imgscroll .bigimgbox').owlCarousel({ 5 ... 阅读全文

posted @ 2017-04-21 13:53 ghfjj 阅读(349) 评论(0) 推荐(0)

解决inline-block左右不能对齐

摘要：/* float: left; */ /* 仅加这个也OK */ /* vertical-align: top; */ /* 仅加这个也OK */ vertical-align:middle; /* 仅加这个也OK，这个我最喜欢 */ 阅读全文

posted @ 2017-04-20 16:24 ghfjj 阅读(754) 评论(0) 推荐(0)

获取时间

摘要：var mydate=new Date(); var time=mydate.getFullYear()+'-'+(mydate.getMonth()+1)+'-'+mydate.getDate(); //yyyy-MM-dd 阅读全文

posted @ 2017-04-20 08:59 ghfjj 阅读(214) 评论(0) 推荐(0)

ghfjj

随笔分类 - html+css

公告