w3h5

HTML笔记 共5页,当前第1页

HTML笔记

img固定宽度和高度,不规则图片变形问题的解决方法

3

Deshun 发布于 4周前 (05-23)   阅读(129)   评论(0)   赞 (0)  

img固定宽度和高度,不规则图片变形问题的解决方法

日常项目中,后端传图不规则,比例大小不一。前端又要去做适应,是一个让人非常头大的问题。总结了一个不规则图片不变形的解决方案:注:先写一个长 300px 宽 200px 带边框的 div ,图片接近方形,实现图片正常显示不变形。<div class="box box1">    ...

HTML笔记

HTML滚动标签marquee的属性及效果实现

1

Deshun 发布于 1个月前 (05-15)   阅读(142)   评论(0)   赞 (0)  

HTML滚动标签marquee的属性及效果实现

现在 <marquee> 元素已经废弃,但有时候还是会用的到。虽然一些浏览器还支持,但是不推荐使用,因为说不定什么时候就不支持了。marquee 滚动标签常用属性behavior 滚动方式loop 循环次数scrollamount 滚动时间direction 滚动方向:bgcolor 背景颜色height 高度wid...

HTML笔记

参考Bootstrap写的一个带百分比的进度条(附源码)

1

Deshun 发布于 1个月前 (05-10)   阅读(218)   评论(0)   赞 (0)  

参考Bootstrap写的一个带百分比的进度条(附源码)

最近需要写一个进度条的效果,网上找了一些,但都不能完美的实现需求。于是就自己改造了一个,效果如下图:因为动态图太大,我上传到 GitHub 了,就不在博客上再上传了。百分比跟随进度条移动,百分比数字也随之变化。进度条动画效果可选,颜色可根据自己的需求修改。代码如下:html:<!--线性进度--> <div class=&quo...

HTML笔记

var fn = function(){ }和function fn() { }有什么区别

2

Deshun 发布于 1个月前 (05-08)   阅读(162)   评论(0)   赞 (0)  

var fn = function(){ }和function fn() { }有什么区别

在 Javascript 中,函数及变量的声明都将被提升到函数的最顶部,也就是说我们可以先使用后声明。但函数表达式和变量表达式只是将函数或者变量的声明提升到函数顶部,函数表达式和变量的初始化不会被提升。var fn = function(){ } 这种叫做函数表达式,必须先定义后使用。 function fn () { } 这种是函数声明,可以先使用后定义,...

HTML笔记

老版本IE下内容为空时td不显示边框的解决办法

Deshun 发布于 1个月前 (05-08)   阅读(142)   评论(1)   赞 (0)  

在做一些银行或者理财的项目时,有的需要兼容IE浏览器叫老版本,比如IE678,简直是前端开发人员的噩梦。在较低版本的IE浏览器中,td 内容为空时,就不会显示边框,可以通过下面两种方法解决:通过CSS在 table 的 css 里面添加 border-collapse:collapse; 在 td 的css里面添加 empty-cells:show; ,代码如下:<style>...

HTML笔记

手机版银行信用卡审核进度页面(附源码)

1

Deshun 发布于 1个月前 (05-05)   阅读(166)   评论(0)   赞 (0)  

手机版银行信用卡审核进度页面(附源码)

今天写了一个银行/信用卡/贷款审核进度的页面,除背景和 logo 之外,均使用 HTML+CSS 编写。只做了简单的手机端兼容,主要是审核进度的进度条效果实现。代码如下:HTML:<div class="review-box">     <span class...

HTML笔记

封装了一个tab切换插件

1

Deshun 发布于 2个月前 (04-23)   阅读(227)   评论(0)   赞 (0)  

封装了一个tab切换插件

今天在写tab切换的时候,顺便封装了一个,方便以后使用。只需要填入 tab 和切换内容的父元素,即可实现。自动给 tab 添加/删除 class 类 .on ,给切换的内容添加/删除 class 类 .active ,可以根据自己的需求设置样式。HTML:<ul id="tab">   &nbs...