![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Html
zhh_tony
这个作者很懒,什么都没留下…
展开
-
当页面内容不够的时候,怎么让footer一直底部显示?
Documenthtml,body { margin: 0; padding:0; height: 100%;}#container { min-height:100%; height: auto !important; height: 100%; /*IE6不识别min-height*/ position: relative;}#原创 2016-09-28 18:08:54 · 7975 阅读 · 0 评论 -
Jquery轻量级幻灯插件-OWL Carousel--支持触屏的移动
Jquery轻量级幻灯插件-OWL Carousel--支持触屏的移动浏览器 - 凤凰涅磐360yi时间 2013-08-22 11:28:00 博客园精华区原文 http://www.cnblogs.com/suchso/p/jquery-small-plug-OWLCarousel-touch-mobilebrowser.html主题 jQuery HTML原创 2016-11-14 10:55:42 · 3139 阅读 · 0 评论 -
解决.m3u8格式视频文件在chrome等浏览器中不能播放的问题
从图中可以看出hls协议在pc端只有在safari中支持,可以使用百度云的播放器 Web SDK v2.1.4解决这个问题https://cloud.baidu.com/doc/MCT/Web-SDK.html#.7A.5E.66.9B.47.86.6E.45.3D.90.F2.9F.C1.2E.DC.16原创 2016-11-13 20:33:39 · 78264 阅读 · 2 评论 -
jquery美化滚动条插件jscrollpane应用
http://www.jqcool.net/jquery-jscrollpane.html转载 2016-11-16 10:11:34 · 431 阅读 · 0 评论 -
body{font-size: 62.5%;}这种写法的原因
在网页设计中我们经常看见body{font-size: 62.5%;}这样的设置,为什么偏偏是62.5%呢?这主要是为了方便em与px相互转换,em的初始值为1em=16px,显然这样的话,如1.2em则=19.2px,可是我们在设置的时候很少看见19.2px这样表示的大小,也就是在用px表示大小时数值是不带小数位的。当设置了body{font-size: 62.5%;}时,1em则=16px*6原创 2016-11-10 21:54:07 · 987 阅读 · 0 评论 -
下拉加载更多DEMO(js实现)
项目的一个前端页面展示已购买商品时,要求能下拉加载更多。花了点时间研究这个功能,以前没做过。 首先需要给div加scroll事件,监听滚动条滚动动作。那何时触发加载动作呢?当滚动条滚到底的时候。如何判断滚动条滚到底呢? 当滚动条的高度加上滚动条到div顶部的高度等于div的可滚动高度时,说明滚动条到底部了。公式如下。[javascript] vi原创 2016-11-08 22:34:27 · 492 阅读 · 0 评论 -
关于HTML页面之间的传值
HTML页面之间的传值,需要借助于jQuery。例:从Add页面新增数据,传入到List页面中。Add页面的传值: [javascript] view plain copy "http://localhost:2474/Scripts/jquery-1.4.1.js" type="text/javascript"> "原创 2016-11-08 20:48:15 · 301 阅读 · 0 评论 -
三大开发模式的介绍(MVC、MVVM、MVP)
一.MVC:Model - View - Controller特点:各部分循环传递1.view接收到用户请求,发送指令到Controller2.Controller完成业务逻辑之后,要求Model执行相应的操作3.Model将数据发送给View,用户得到反馈二.MVP:Model -View -Presenter特点:各部分的通讯是互相传递的vi原创 2016-09-30 10:16:34 · 2060 阅读 · 0 评论 -
理解伪元素 :before 和 :after
文出处: Thoriq Firdaus 译文出处:听海阁(@听海JamiE) http://blog.jobbole.com/49173/转载 2016-09-29 17:40:37 · 197 阅读 · 0 评论 -
使用CSS完成元素居中的七种方法
在网页上使 HTML 元素居中看似一件很简单的事情. 至少在某些情况下是这样的,但是复杂的布局往往使一些解决方案不能很好的发挥作用。在网页布局中元素水平居中比元素垂直居中要简单不少,同时实现水平居中和垂直居中往往是最难的。现在是响应式设计的时代,我们很难确切的知道元素的准确高度和宽度,所以一些方案不大适用。据我所知, 在CSS中至少有六种实现居中的方法。我将使用下面的HTML结构从简单到复杂开转载 2016-09-29 09:43:04 · 214 阅读 · 0 评论 -
倒计时
Documentwindow.onload = function(){showTime();//时间差//START// var curtime = new Date();// var endtime = new Date("2016,8,10");// var interalue = Math.ceil((endtime.getTime() - curti原创 2016-09-29 09:30:39 · 192 阅读 · 0 评论 -
链式运动
CSS:#li1{width: 200px;height: 100px;border: 4px solid gray;filter: alpha(opacity:30);opacity: 0.3;background: red;list-style-type: none;}HTML:链式运动window.onl原创 2016-09-29 09:27:56 · 285 阅读 · 0 评论 -
DOM操作
Documentli{background: red;margin-top: 20px;width: 200px;height: 100px;list-style-type: none;filter: alpha(opacity:30);opacity: 0.3;border: 1px solid black;}window.onload =原创 2016-09-29 09:26:07 · 183 阅读 · 0 评论 -
缓冲动画效果
js动画效果练习1*{margin: 0;padding: 0;}#scroll{margin-top: 100px;width: 200px;height: 200px;position: absolute;left: -190px;background: red;}.tip{width: 30px;height: 60px原创 2016-09-29 09:16:38 · 536 阅读 · 0 评论 -
选项卡切换
选项卡 /* CSS样式制作 */ * { margin: 0; padding: 0; font: normal 12px "微软雅黑"; color: #000000; } ul { list-style-type: none;原创 2016-09-29 09:14:58 · 204 阅读 · 0 评论 -
"双飞翼布局"
双飞翼布局主要解决俩问题:1、三列布局,中间宽度自适应,两边定宽; 2、中间栏要在浏览器中优先展示渲染。*{margin: 0;padding: 0;}div{}.header{background: orange;/*height: 150px;*/}.article{background: green;/*he原创 2016-09-29 09:08:48 · 241 阅读 · 0 评论 -
自定义li列表左侧的小黑点
ul li:before{ content: ""; display: inline-block; width: 3px; height: 3px; background-color: #333; border-radius: 50%; margin-right: 5px; vertical-align: middle原创 2016-09-29 09:01:36 · 1377 阅读 · 0 评论 -
<!DOCTYPE html>很重要
噩梦开始的源头:之前写html或者jsp页面,从来不注意doctype的声明,也不太明白doctype的作用。直到最近碰到了一个非常奇葩的bug:某一个页面在IE7和8,Chrome,ff等下正常,但是在IE9下显示有问题,我就开始找啊找,各种调试,各种log,终于在httpWatch里边找到了答案:DOCTYPE未声明。于是我给页面添加了,果然奏效了。 下面我就尽可能简洁扼要的说原创 2016-12-21 16:52:21 · 351 阅读 · 0 评论