CSS3自定义滚动条样式 -webkit-scrollbar

CSS3自定义滚动条样式 -webkit-scrollbar
当内容超出容器时,容器会出现滚动条,其自带的滚动条有时无法满足我们审美要求,那么我们可以通过css伪类来实现对滚动条的自定义。 首先我们要了解滚动条。滚动条从外观来看是由两部分组成: 1,可以滑动的部分,我们叫它滑块 2,滚动条的轨道,即滑块的轨道,一般来说滑块的颜色比轨道的颜色深。 滚动条的css样式主要有三部分组成: 1、::-webkit-scrollbar   定义了滚动条整体的样式; 2、::-webkit-scr...
守财鹿邀请码

百度文本编辑器的toolbars属性值描述

百度文本编辑器的toolbars属性值描述
百度编辑器默认功能比较齐全,但是不一定是我们所需要的,有的功能可以去掉,用自己想要的就可以了,可以参考百度官方文档! 百度编辑器默认配置展示界面   UE.getEditor('typebody', { initialFrameWidth:1000, initialFrameHeight:400, toolbars: [[         'anchor', //锚点         'undo', //撤销         'redo', //重做         'bold', //加粗         '...

移动端网页实现摇一摇打开咨询连接的方法

移动端网页实现摇一摇打开咨询连接的方法
我们都知道微信的摇一摇功能很强大,这个利用了手机的运动传感器装置的功能可以做很多有趣的事情,而在一般的web页面中,很少有机会去用到这个功能,但也不代表这个功能不可以用,今天余斗就教大家如何在移动端网页利用摇一摇实现一些有趣的功能。 在HTML5,devicemotion事件deviceorientation特性的运动传感器的封装时间装置,你可以通过改变运动时间获取设备的状态,加速和其他数据(有另一个角度device...

jquery-scrolla是一款页面滚动触发动画插件

jquery-scrolla是一款页面滚动触发动画插件
jquery-scrolla是一款页面滚动触发动画插件。jquery-scrolla插件可以在页面向下或向上滚动时,进入视口的元素会触发指定的CSS3动画。 简要教程 jquery-scrolla是一款页面滚动触发动画插件。jquery-scrolla插件可以在页面向下或向上滚动时,进入视口的元素会触发指定的CSS3动画。它和animate.css完美结合,可以执行animate.css中的任何CSS3动画效果。 在页面中引入jquery和scrolla.jquery.min.js以及animat...

自定义复选框checkbox样式

自定义复选框checkbox样式
复选框作为网页中比较常见的一个组件,有的时候我们需要对它进行美化,但是我们无法直接为其定义样式,所以我们需要一些其它的办法。 表单元素中有label 元素和 for属性,当我们点击label 标签时,对应的表单元素就会有所反应。我们就是依据这个特性来实现的。 HTML: <body> <input type="checkbox" id="myCheck"> <label for="myCheck"></label> </body> 既然...

这个应该是最简单图片懒加载了吧

这个应该是最简单图片懒加载了吧
这个应该是最简单的懒加载方式了吧…… <script type="text/javascript">    /*懒加载*/ var isInitImg = false; function initImg() {     if (isInitImg) {         return;     }     isInitImg = true;     $.each($('img'), function(i, item) {         var srcValue = $(item).attr('data-src');         if (srcValue) {             $(item).attr('src', srcValue);         }     }); } $(...

微信分享自定义图片和摘要

微信分享自定义图片和摘要
微信现在是众多公司营销的重点。遍布朋友圈和消息群组里的html5各位可能也是天天见了,不过自从微信更新了官方api后,对整个微信内的页面管控都严格了不少。而官方的分享卡片,是众多在微信生态中传播的html5静态页面的一个重点。不过很多人会发现分享的图片和摘要达不到预期。这篇文章就讲下这个,供初次接触微信开发的前端参考。(其实官方的文档也蛮详细的了,不过有些地方官方没忽略了,容易给新人造...

利用图片延迟加载来优化页面性能(依赖jQuery)

利用图片延迟加载来优化页面性能(依赖jQuery)
图片延迟加载,常用于页面很长,图片很多的页面,整个页面少说几百K,多则上兆,如果想一次性加载完成,不仅用户要哭了,服务器也得哭了。 为了避免这种请况发生,目前主流的做法是页面初次加载时,只显示当前可视区域的图片,当用户滚动页面的时候,当图片进入可视区域时再加载,这样可以明显的提高页面加载速度,而更少的图片并发请求数,也可以大大的减轻服务器的压力,可谓一举多得。 图片延迟加载的...

vs code编辑器 插件

vs code编辑器 插件
visual studio code主要基于基础web前端开发,和大多编辑器一样,该有的基本都有。 Emmet插件已经集成了,就不多说,它快捷键是Tab,也可以自定义修改。 HTML Snippets 超级实用且初级的 H5代码片段以及提示 HTML CSS Support 让 html 标签上写class 智能提示当前项目所支持的样式 jQuery Code Snippets jquery 重度患者必须品,废话不多说。 vscode-icon 让 vscode 资源树目录加上图标,必备良品! Atuo R...

sublime Text 3实用功能和常用快捷键收集

sublime Text 3实用功能和常用快捷键收集
下面是我通过网上资料学习sublime Text3时收集的一些实用功能和常用快捷键,现在分享出来,如果还有其它的好用的功能可以在下面留言,以便互相学习。 PS:ST3在Mac OX与Windows不同平台下的快捷键差别很大。下面是针对windows平台的解说。 1. 多行游标功能(ctrl + D,非常实用) 如何将文件中的某个单词更改为另一个? 方法一:利用查找替换功能:ctrl + H 方法二(推荐):多行游标功能,选中一个后,按...
Copyright © WEB小工匠 保留所有权利.   渝ICP备15008469号

渝公网安备 50023602000173号

用户登录

分享到: