2017年7月19日
【CSS3】响应式布局
摘要： 准备工作1：设置Meta标签 首先我们在使用Media的时候需要先设置下面这段代码，来兼容移动设备的展示效果： 1 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, use 阅读全文
posted @ 2017-07-19 17:24 ysx_小鱼 阅读(162) 评论(0) 推荐(0)
html的header结构和实例
摘要： 1 HTML header结构 2 3 4 5 标签可以改变这一点。浏览器随后将不再使用当前文档的 URL，而使用指定的基本 URL 9 来作为相对 URL。这其中包括 、、、 标签中的 URL。 10 11 在 HTML 中， 标签没有结束标... 阅读全文
posted @ 2017-07-19 17:05 ysx_小鱼 阅读(514) 评论(0) 推荐(0)
被忽视的META标签之特效(页面过渡效果)
摘要： 在web设计中使用js可以实现很多的页面特效，然而很多人却忽视了HTML标签中META标签的强大功效，其实meta标签也可以实现很多漂亮的页面过渡效果。 META标签是HTML语言HEAD区的一个辅助性标签，Meta 标签放在每个网页的<head>...</head> 中间，我们大家比较熟悉的如： 阅读全文
posted @ 2017-07-19 16:47 ysx_小鱼 阅读(1202) 评论(1) 推荐(0)
2017年7月17日
移动端兼容性浅析
摘要： “移动网民的规模将在2013年底达到5.0亿，增速为19.1%。预计到2017年，移动网民将赶超PC网民，成为互联网的第一大用户群体，移动端将成为网民最主要的上网渠道。互联网的加速渗透和全民移动互联有望在下一个5年实现。在过去的几年时间里，移动智能设备快速普及，配置迅速提升，许多过去在PC端才能完成 阅读全文
posted @ 2017-07-17 10:23 ysx_小鱼 阅读(329) 评论(0) 推荐(0)
2017年7月13日
iScroll.js插件使用方法
摘要： iScroll.js 用法参考 （share） 分享是传播、学习知识最好的方法 以下这篇文章是iScroll.js官网的中文翻译，尽管自己英文不好，但觉得原作者们翻译的这个资料还是可以的，基本用法介绍清楚了。如果你英文比较好的话，可以看看官网的资料。 参考：http://www.cnblogs.co 阅读全文
posted @ 2017-07-13 14:33 ysx_小鱼 阅读(18409) 评论(1) 推荐(2)
2017年7月7日
jquery返回页面顶部
摘要： 1、此博文图片样式引用腾讯网站，效果如下： 2、样式设置： 3、JS代码： 阅读全文
posted @ 2017-07-07 14:28 ysx_小鱼 阅读(167) 评论(0) 推荐(0)
2017年7月4日
HTML页面滚动时获取离页面顶部的距离2种实现方法
摘要： 获取离滚动页面的顶部距离有两种方法一是DOM；而是jquery，具体的实现如下，感兴趣的朋友可以尝试操作下 获取离滚动页面的顶部距离有两种方法一是DOM；而是jquery，具体的实现如下，感兴趣的朋友可以尝试操作下 方法一：DOM 复制代码 代码如下: <script> window.onscrol 阅读全文
posted @ 2017-07-04 15:05 ysx_小鱼 阅读(2455) 评论(0) 推荐(0)
2017年7月3日
鼠标hover元素scale/zoom中心点放大效果实例页面
摘要： CSS代码： .box { /* 可见视觉区域 */ width: 480px; height: 250px; position: relative; overflow: hidden; cursor: pointer; } .size { /* 广阔的海洋 */ width: 1000px; he 阅读全文
posted @ 2017-07-03 11:54 ysx_小鱼 阅读(1523) 评论(0) 推荐(0)
2017年6月29日
will-change属性
摘要： 牛逼的 will-change属性 will-change属性可以提前通知浏览器我们要对元素做什么动画，这样浏览器可以提前准备合适的优化设置。这样可以避免对页面响应速度有重要影响的昂贵成本。元素可以更快的被改变，渲染的也更快，这样页面可以快速更新，表现的更加流畅。 举个例子，当对于素使用 CSS 3 阅读全文
posted @ 2017-06-29 15:16 ysx_小鱼 阅读(273) 评论(0) 推荐(0)
2017年6月19日
CSS3滚动条美化,CSS3滚动条皮肤
摘要： CSS3 -webkit-scrollbar滚动条皮肤美化实现，利用-webkit-scrollbar，-webkit-scrollbar-track，-webkit-scrollbar-thumb这2个属性设置不同样式的滚动条。 下面是5个滚动条样式。 css代码 阅读全文
posted @ 2017-06-19 15:38 ysx_小鱼 阅读(327) 评论(0) 推荐(0)