-
css实现悬浮效果的阴影的方法示例
本文介绍了css实现悬浮效果的阴影的方法示例，分享给大家，具体如下：要实现的效果图：实现的代码：-webkit-box-shadow:0px 3px 3px #c8c8c8 ;-moz-box-shadow:0px 3px 3px #c8c8c8 ;box-shadow:0px 3px 3px #c8c8c8 ;
次 时间：2018-05-09
-
CSS3实现全景图特效示例代码
本文介绍了CSS3实现全景图特效示例代码，分享给大家，具体如下：基本代码html代码：<div class="panorama"></div>
次 时间：2018-05-09
-
css选择器中有小数点的标签获取方法
需求说明因为项目中章节配置的时候有小数点，1，1.1,1.2,1.11的标题，这个时候每一行标题的id,class设置成标题号是独一无二的标记。但是，直接用js获取是获取不到的，例如$(#3.22)打印只能获取到document.解决方案var array = id.split(.);var id = ;for(var i=0;i…
次 时间：2018-05-09
-
纯CSS制作各种各样的网页图标（三角形、暂停按钮、下载箭头、加号等）
三角形<div class="box"></div><style>.box{width: 0;height: 0;border-top: 50px solid transparent;border-bottom: 50px solid transparent;border-left: 50px solid transparent;border-right: 50px solid red;}</style>
次 时间：2018-05-09
-
纯css实现多级折叠菜单折叠树效果
1、运用checkbox的checked值来判断下级栏目是否展开，CSS3的选择器中提供了:checked 这个伪类，这个伪类提供我们，当元素拥有checked这个值的时候就执行你的CSS。当有子菜单时，菜单项右侧有向下的箭头，当收起菜单项时，箭头朝上。图片可以自己替换。2、效果图3、代码片…
次 时间：2018-05-09
-
CSS Grid 网格布局全解析
介绍CSS Grid(网格) 布局使我们能够比以往任何时候都可以更灵活构建和控制自定义网格。 Grid(网格) 布局使我们能够将网页分成具有简单属性的行和列。它还能使我们在不改变任何HTML的情况下，使用 CSS 来定位和调整网格内的每个元素。它允许 HTML 纯粹作为内容的容器。HTM…
次 时间：2018-05-09
-
css flex 弹性布局详解
案例基础布局html<ul class="box"><li class="item"></li><li class="item"></li><li class="item"></li><li class="item"></li></ul>
次 时间：2018-05-09
-
CSS3 二级导航菜单的制作的示例
如果想要实现网页的二级导航，我们可以使用JS技术，动态的显示和隐藏二级菜单，当然也可以使用CSS技术来实现。并且这里推荐使用CSS，因为其效率更高，更流畅。这里将介绍二级菜单的动态显示与隐藏。1 结构一般导航的主体我们主要是使用ul li标签<body><header&g…
次 时间：2018-05-09
-
使用css禁用input、checkbox、select等html控件实现disable效果
用js的event可以用来阻止input,select,checkbox的默认事件，如event.preventDefault()event.stopPropagation()
次 时间：2018-05-09
-
基于HTML5 WebGL的3D机房的示例
前言用 WebGL 渲染的 3D 机房现在也不是什么新鲜事儿了，这篇文章的主要目的是说明一下，3D 机房中的 eye 和 center 的问题，刚好在项目中用上了，好生思考了一番，最终觉得这个例子最符合我的要求，就拿来作为记录。效果图这个 3D 机房的 Demo 做的还不错，比较美观，基…
次 时间：2018-05-09
-
浅谈基于Canvas的手绘风格图形库Rough.js
前言推荐一个基于Canvas的手绘风格图形JS库。Rough.jsRough.js是一个轻量的（大约8k），基于Canvas的可以绘制出粗略的手绘风格库。提供绘制线条、曲线、弧线、多边形、圆形和椭圆的基础能力，同时支持绘制SVG路径。Github：https://github.com/pshihn/rough安装下载链接：…
次 时间：2018-05-09
-
HTML5 新表单类型示例代码
demo.html：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> form { width: 100%; max-width: 640px; min-width: 320px; margin: 0 auto; …
次 时间：2018-05-09
-
在canvas上实现元素图片镜像翻转动画效果的方法
一、Canvas图片水平镜像翻转效果预览您可以狠狠的点击这里：canvas图片水平镜像翻转动画demodemo页面中点击图片动画效果可见。二、Canvas上实现图片镜像翻转的实现CSS中要想实现元素的翻转效果，比较简单，例如我们希望某一张图片水平镜像翻转，只需要一行CSS就可以了：i…
次 时间：2018-05-09
-
浅谈html5与APP混合开发遇到的问题总结
背景在公司参与一个原生APP和h5混合开发的项目，本人在项目中负责h5部分，现将项目中遇到的问题总结如下：具体问题问题1：页面滚动条问题问题描述web页面在PC浏览器上浏览时有滚动条；但是，在移动端浏览器打开时，没有滚动条解决方法将页面的最外层(我一般在写页面时，会…
次 时间：2018-05-09
-
html5调用app分享功能示例（WebViewJavascriptBridge）
小编接到领导任务，写h5移动端活动页面，点击页面内容调取ios和Android开发自己写的分享功能（包括微信、微信朋友圈、QQ、QQ空间等），包括用户未登录，让其登录后才能分享，分享成功后发起请求给予优惠券功能，下面是所得到的经验，仅供参考。建议不要使用ShareSDK直接上…
次 时间：2018-05-09