
HTML
小虫信息科技
每天积累一点,每天进步一点
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
输入高度自适应contenteditable
input、textarea自适应高度原创 2023-02-20 15:42:16 · 208 阅读 · 0 评论 -
elementui el-tree横向滚动
flex布局横向滚动条原创 2022-07-22 18:31:37 · 907 阅读 · 0 评论 -
鼠标事件实现提示信息显隐
1.Tooltips: HTML Label for your tooltip CSS .tooltip-toggle { cursor: pointer; position: relative; } .tooltip-toggle::before { top: -80px; left: -80px原创 2016-06-06 11:02:09 · 483 阅读 · 0 评论 -
文本垂直居中的N种方法 单行/多行文字(未知高度/固定高度)
css中垂直居中样式vertical-align:middle属性,但是此属性只对标签、、,和内联元素display设置为inline/inline-block起作用,其他的则不起作用。 1.单行文本垂直居中: 如果一个容器中只有一行文字,对它实现居中相对比较简单,我们只需要设置它的实际高度height和所在行的高度line-height相等即可。如: div{ height:25p转载 2016-02-17 11:29:49 · 10631 阅读 · 0 评论 -
input属性及其应用
type的类型:原创 2016-02-17 16:56:02 · 4351 阅读 · 0 评论 -
图片等比例收缩
.thumbnail{overflow:hidden;width:400px;height:240px;} $(function(){ /* 图片不完全按比例自动缩小 by zwwooooo */ $('#content div.thumbnail img').each(function(){ va原创 2016-03-19 00:54:04 · 385 阅读 · 0 评论 -
返回顶部
1.静态返回顶部 > #goTopBtn { position: fixed; width: 40px; bottom: 35px; height: 33px; cursor: pointer; right: 3%; _position: absolute; _right: auto; } function goTopEx() {原创 2016-02-22 17:34:35 · 504 阅读 · 0 评论 -
顶部导航悬浮
1.公用一个导航(即悬浮跟不悬浮时导航是用一样的),这种方式会不占位置。 div class="fixed">div> .fixed { width: 100%; height: 60px; background:#000; position:fixed; top:0; left:0; } 2.利用js的方法 自动固定顶部原创 2016-02-22 15:06:49 · 1221 阅读 · 0 评论 -
HTML页面每次打开的时候都清除页面缓存
解决办法为: (1) 用HTML标签设置HTTP头信息 说明:HTTP头信息“Expires”和“Cache-Control”为应用程序服务器提供了一个控制浏览器和代理服务器上缓存的机制。HTTP头信息Expires告诉代理服务器它的缓存页面何时将过期。HTTP1.1规范中新定义的头信息Cache-Control可以通知浏览器不缓存任何页面。当点原创 2016-05-31 15:11:21 · 24365 阅读 · 0 评论 -
通过身份证号码获取人的年龄和性别
GryCheng前端博客 function discriCard(UUserCard) { UUserCard.substring(6,10)+"-"+UUserCard.substring(10,12)+"-"+UUserCard.substring(12,14); //获取性别 if(parseInt(UUserCard.substr(16,1))%2==1)原创 2016-05-31 09:58:22 · 1495 阅读 · 0 评论 -
页脚固定于底部的方法
方法一: body,html { margin: 0; padding: 0; height:100%; } #main { position: relative; min-height:100%; background:#eee; } #content { padding: 10px; padding-bot原创 2016-05-30 17:01:54 · 430 阅读 · 0 评论 -
仿微信支付页面
jQuery微信支付代码 $(function(){ //出现浮动层 $(".ljzf_but").click(function(){ $(".ftc_wzsf").show(); }); //关闭浮动 $(".close").click(function(){ $(".ftc_wzsf").hide(); }); //数字显示隐藏 $(".xiaq_tb原创 2016-05-27 10:36:38 · 7948 阅读 · 1 评论 -
网页优化
1、怎样的网站才算优化了? 一般首屏资源不应超过1014KB 2.优化的重点有以下几点 雪碧图:也就是把图片合并成一张使用,有在线工具。 HTML,css,javascrit压缩也有在线工具。 智图:一种在线压缩图片的工具。 3、常用的css需注意 不滥用Float Float在渲染时计算量比较大,尽量减少使用 不滥用Web字体 We原创 2016-03-30 10:51:06 · 359 阅读 · 0 评论