前端文章~
前端文章~
star大鑫
面向百度编程~
展开
-
美化网页背景 -让背景拥有斜线
页面背景色过于单调?来为你的背景色加上斜线把,充实背景,美化页面必备<style type="text/css">body{background-color: rgba(120, 241, 224, 0.12);background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAY...原创 2018-08-15 15:38:04 · 8675 阅读 · 1 评论 -
美化网页div -让边框拥有阴影,边角变得圆滑
DIV边框过于单调?来为你的DIV边框加上阴影吧,充实边框,美化页面必备<style type="text/css">.main{ background-color: rgba(102, 146, 191, 0.44); /*边框*/ border: solid 1px rgba(102, 146, 1...原创 2018-08-15 15:44:12 · 19674 阅读 · 3 评论 -
CSS控制文本的长度 超过一行显示省略号的实现方法
html代码如下<style type="text/css"> .row{ width:100px;height:20px; } .ellipsis{ text-overflow:ellipsis; white-space:nowrap; overflow:hidden; ...原创 2018-08-22 16:34:26 · 4382 阅读 · 0 评论 -
CSS背景图片平铺技巧
使用CSS来设置背景图片同传统的做法一样简单,但相对于传统控制方式,CSS提供了更多的可控选项,我们先来看看最基本的设置图片的方法。<style type="text/css"> #content { border:1px solid #000fff; height:500px; background-image:ur...原创 2018-08-22 16:47:40 · 14106 阅读 · 0 评论 -
HTML5触摸事件演化tap事件
触摸事件是移动浏览器特有的HTML5事件,虽然click事件在pc和移动端更通用,但是在移动端会出现300ms延迟,较为影响用户体验,300ms延迟来自判断双击和长按,因为只有默认等待时间结束以确定没有后续动作发生时,才会触发click事件。所以触摸事件反应更快,体验更好。触摸事件的类型:为了区别触摸相关的状态改变,存在多种类型的触摸事件。可以通过检查触摸事件的 TouchEvent.ty...转载 2018-08-22 16:51:20 · 2296 阅读 · 0 评论 -
jQuery插件:仿百度搜索下拉框Select -可模糊查询
jQuery插件:一个仿百度搜索分页插件,使用简单,兼容很多框架参照select2、autocompleteGitHubhttps://github.com/StarIL/select-input-autocompletejs调用代码//简易调用$('#auto').bigAutocomplete({ data:data1});//title$('#title').b...原创 2018-07-27 17:47:52 · 13638 阅读 · 5 评论