摘要:
图片.png图片.png 点击按钮div变色.html ... 阅读全文
摘要:
图片.png当鼠标聚焦时输入框变色css相关,鼠标点击输入域后出现有颜色的边框原理:css伪类之input输入框鼠标点击边框变色效果伪类元素的使用::focus一:当输入框获得焦点时,改变它的背景色效果图:当鼠标聚焦时输入内部填充色改变... 阅读全文
摘要:
实现:ajax实现点击左侧菜单,右侧加载不同网页(在整个页面无刷新的情况下实现右侧局部刷新,用到ajax注意需要在服务器环境下运行,从HBuilder自带的服务器中打开浏览效果即可)图片.png原理:ajax的局部刷新原理:... 阅读全文
摘要:
音乐播放器是一个非常常见的应用,这篇博客就是介绍如何制作一个简单的音乐播放器,这款音乐播放器具有以下的功能:图片旋转功能,点击播放,点击暂停播放的功能,音量调大调小功能,设置音频的播放时间,循环播放,自动播放,切换歌曲功能。效果如下:图... 阅读全文
摘要:
移动端背景渐变,非常的年轻,符合90后年轻一代的审美,css3的这个渐变目前主要是应用在手机前端领域。产品设计中使用渐变色的好处:1:观众不至于眼睛过于疲劳(如果是浅色背景,3个小时下来极容易造成观众闭上眼睛还有残影,眼睛会极度疲劳)。2:优雅而低调的深浅色调:3:纯... 阅读全文
摘要:
1:Nivo SliderNivoslider:丰富的图片切换效果官方网址:https://themeisle.com/plugins/nivo-slider查看演示:https://www.helloweba.com/de... 阅读全文
摘要:
原型大概是这样的image需求:点击右侧的蓝色眼睛,会变成关键代码:/* 实现图片切换 */$(".imgclick").toggle(function(){$(this).attr("src","img/close.png... 阅读全文
摘要:
前言:Bootstrap 简洁、直观、强悍、移动设备优先的前端开发框架,让web开发更迅速、简单 ,深入了解 Bootstrap 底层结构的关键部分,包括我们让 web 开发变得更好、更快, 组件无数可复用的组件,包括字体图... 阅读全文
摘要:
1:编码规范 by @mdo编写灵活、稳定、高质量的 HTML 和 CSS 代码的规范http://codeguide.bootcss.com/2:快速、可靠、安全的依赖管理工具。Yarn 缓存了每个下载过的包,所以再次使用时无需重复下载。 同时利用并行下载以最大化资... 阅读全文
摘要:
html5桌面通知(Web Notifications)对于需要实现在新消息入线时,有桌面通知效果的情况下非常有用,在此简单介绍一下这个html5的新属性。通过Web Notifications(桌面通知系统),网站可以在用... 阅读全文
摘要:
要使用css对HTML页面中的元素实现一对一,一对多或者多对一的控制,这就需要用到CSS选择器。选择器就是选择器用来指定样式的作用范围。类选择器:类选择器在css中比较常见,首先要在普通标签中设置一个类,类名不可为中文,然后... 阅读全文
摘要:
1:weUI官方网址:https://weui.io/官方介绍:WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计,令用户的使用感知更加统一。图片发自简书App优点:做为开... 阅读全文