html
文章平均质量分 53
火火火火_Shy
这个作者很懒,什么都没留下…
展开
-
checkbox默认样式换成指定图标
HTML:<div class="check-ipt"> <input id="squaredOne1" type="checkbox" name="check" class="none"> <label class="fl" for="squaredOne1"></label>选择1</div>CSS:(图形是雪...原创 2020-04-15 17:55:22 · 1570 阅读 · 0 评论 -
css图片居中(水平居中和垂直居中)
css图片居中(水平居中和垂直居中)css图片水平居中1.利用margin: 0 auto实现图片水平居中例如:<div style="text-align: center; width: 500px; border: green solid 1px;"> <img alt="" src="https://www.baidu.com/img/baidu_jgylogo...转载 2018-09-04 16:41:17 · 2017 阅读 · 0 评论 -
关于页面打开首个input聚焦
<body onLoad="document.forms.form_name.username.focus()"> <form name="form_name"> <input id="mobile" type="text" name="username" /> <inpu原创 2018-11-28 11:36:09 · 504 阅读 · 0 评论 -
渐进色
渐变色系列:从上到下,两种颜色渐变: background: -ms-linear-gradient(top,#f4fefe,#dbf5ff); /* IE 10 */ background:-moz-linear-gradient(top,#f4fefe,#dbf5ff);/*火狐*/ background:-webkit-gradient(...原创 2018-11-28 11:39:00 · 708 阅读 · 0 评论 -
前端页面跳转的几种方法
onclick跳转设置window的location.href属性 onclick="window.location.href='URL'" onclick="location='URL'"调用window的open方法 onclick="window.open('URL','_blank');" // 在新窗口打开 onclick="window.ope...转载 2019-03-25 17:38:58 · 4489 阅读 · 0 评论 -
-webkit-line-clamp超过两行就出现省略号
-webkit-line-clamp 是一个 不规范的属性(unsupported WebKit property),它没有出现在 CSS 规范草案中。限制在一个块元素显示的文本的行数。 为了实现该效果,它需要组合其他外来的WebKit属性。常见结合属性:display: -webkit-box;必须结合的属性,将对象作为弹性伸缩盒子模型显示 。 -webkit-box-orient...原创 2019-03-29 17:09:38 · 450 阅读 · 0 评论 -
静态页面(动态页面)引入静态页面(动态页面)
1. 导入HTML页面 参考代码 :第一种: div+$(“#page1”).load(“b.html”)<body><div id="page1"></div><div id="page2"></div><script>$("#page1").load("page/Page_1.html...转载 2019-03-28 15:38:19 · 825 阅读 · 0 评论 -
Query实现搜索静态页面关键字的功能
<html> <head> <title>Search</title> <style type="text/css"> p { border:1px solid black;width:500px;padding:5px;} .highlight { background-c...转载 2019-04-24 15:20:02 · 1133 阅读 · 2 评论 -
图片懒加载的实现原理
<!DOCTYPE html><html><head><script src="//code.jquery.com/jquery-1.9.1.min.js"></script> <meta charset="utf-8"> <title>JS Bin</title> <style...转载 2019-06-26 17:53:17 · 650 阅读 · 0 评论