Web 前端设计语言

总计 24 页,当前第 9 页
Web 前端设计语言

JavaScript性能优化小知识总结

前言一直在学习javascript,也有看过《犀利开发Jquery内核详解与实践》,对这本书的评价只有两个字犀利,可能是对javascript理解的还不够透彻异或是自己太笨,更多的是自己不擅于思考懒得思考以至于里面说的一些精髓都没有太深入的理解。鉴于想让自己有一个提升,进不了一个更加广阔的天地,总得找一个属于自己的居所好好生存,所以平时会有意无意的去积累一些使用jQuerry的常用知识,特别是对于性能要求这一块,总是会想是不是有更好的方...
8年前 (2016-12-27) 阅读(3008) 赞一个 (0) 评论(0) 链接直达
Web 前端设计语言

用JavaScript解决Placeholder的IE8兼容问题

placeholder属性是HTML5新添加的属性,当input或者textarea设置了该属性后,该值的内容将作为灰色提示显示在文本框中,当文本框获得焦点时,提示文字消失,placeholder可作为输入框的提示文案placeholder是常用的属性,它使得input框内有很友好的提示效果。高版本浏览器都支持placeholder属性,但IE9以下版本的浏览器并不支持这一属性。这里用JavaScript实现添加对浏览器的兼容处理。方案...
8年前 (2016-12-06) 阅读(2962) 赞一个 (0) 评论(0) 链接直达
特效篇 / 插件篇

文字 11种HTML5和CSS3炫酷文字样式和鼠标滑过特效

这是一款效果非常炫酷的HTML5和CSS3文字样式和鼠标滑过特效插件。该文字特效中包含了11种不同的文字样式和鼠标滑过文字时的动画效果。部分文字动画效果使用了SVG和Html5 Canvas来制作。注意这些效果并不是在所有的浏览器中都能正常工作的。请使用最新版额现代浏览器来查看这些效果。这些文字鼠标滑过动画效果都依赖于元素的::before和::after伪元素来制作。下面是“Kukuri”的图片演示效果: 在这个插...
8年前 (2016-11-14) 阅读(6798) 赞一个 (8) 评论(0) 链接直达
特效篇 / 插件篇

HTML5 svg和CSS3 22种炫酷鼠标点击按钮特效

这是一组效果非常炫酷的HTML5 svg和CSS3鼠标点击按钮特效。这组鼠标点击特效共有22种效果,大多数是在伪元素上使用CSS3 animations来制作动画效果。非常适合于移动手机APP上的按钮触摸特效。请注意这些效果需要在支持这些CSS属性的现代浏览器中才有效果,IE10不支持在伪元素上使用animation,因此有些效果可能不会有效果。该鼠标点击按钮特效插件中使用了Font Awesome字体图标。HTML结构 该鼠...
8年前 (2016-11-14) 阅读(4680) 赞一个 (1) 评论(0) 链接直达
特效篇 / 插件篇

圆形按钮 9种css3圆形按钮hover鼠标悬停动画

本教程将和大家分享一些简单的圆形图标在鼠标hover时的动画效果。这种效果在不少时尚的酷站上都有。本教程中的例子主要是利用在a元素的伪元素上使用CSS transitions和animations来制作。图标的创建将使用 IcoMoon app 来完成。HTML结构:图标组的结构是使用一个div包含一组a元素,给每个a元素设置图标class。<div class="hi-icon-wrap&...
8年前 (2016-11-14) 阅读(4591) 赞一个 (0) 评论(0) 链接直达
特效篇 / 插件篇

按钮 20种炫酷CSS3按钮样式和鼠标滑过特效

CSS3-button-hover-effect-20-type这是一款集合20组不同 CSS3 按钮样式和按钮鼠标滑过特效的插件。这20组CSS3按钮每一组都有3种示例,每一个示例都使用CSS3制作炫酷的鼠标滑过动画。这些按钮适用于各种场合,相信总有一款适合你。该按钮插件中使用鼠标HOVER来作为按钮动画的触发事件,有一些按钮动画效果更适合于鼠标点击事件,这些都可以十分容易修改和实现。请注意这些按钮动画效果只在最新版本的现代浏览器上工...
8年前 (2016-11-14) 阅读(3960) 赞一个 (4) 评论(0) 链接直达
特效篇 / 插件篇

18种基于html5 svg和css3的神奇超链接动画效果

普通的超链接效果是鼠标放上去出现一条下划线,本插件异想天开的使用HTML5 svg和CSS3打造出18种很神奇的超链接动画效果。每种超链接动画效果都有它的独到之处。  在线演示相关阅读7款CSS3鼠标滑过超链接动画特效18种基于html5 svg和css3的神奇超链接动画效果anchor-hover-effect 炫酷鼠标滑过超链接动画特效与众不同的鼠标滑过超链接下划线动画效果21种css3鼠标悬停hover超链接导...
8年前 (2016-11-14) 阅读(2921) 赞一个 (2) 评论(0) 链接直达
特效篇 / 插件篇

anchor-hover-effect 炫酷鼠标滑过超链接动画特效

anchor-hover-effect是一款炫酷的鼠标滑过超链接动画特效jQuery插件。该插件提供4种超链接动画效果:3D翻转效果,括号动画效果,上下翻转效果和下划线动画效果。使用方法使用该插件需要在页面中引入anchorHoverEffect.css,jquery和anchorHoverEffect.js文件。<link href="css/anchorHoverEffect.css" ...
8年前 (2016-11-14) 阅读(3736) 赞一个 (0) 评论(0) 链接直达
特效篇 / 插件篇

文件上传 ssi-uploader 可拖拽和带预览图的jQuery文件上传插件

ssi-uploader是一款带预览图并且可以拖拽文件的jQuery ajax文件上传插件。该文件上传插件支持AJAX,支持多文件上传,可控制上的文件格式和文件大小,提供各种回调函数,使用非常方便。安装 可以通过bower或npm来安装ssi-uploader文件上传插件。bower install ssi-uploader npm install ssi-uploader使...
8年前 (2016-11-14) 阅读(3015) 赞一个 (0) 评论(0) 链接直达
特效篇 / 插件篇

文件上传 dropify 可拖拽文件的jQuery文件上传控件美化插件

dropify是一款可以拖拽文件到指定区域进行文件上传的jQuery表单文件上传控件美化插件。该jQuery文件上传控件对原生的input元素进行了美化使其能够直接拖动文件到指定区域进行文件的上传操作。使用方法 使用该文件上传美化插件需要引入jQuery,dropify.js和ropify.css文件,以及dist/fonts目录下的所有文件。<link rel="stylesheet"&n...
8年前 (2016-11-14) 阅读(3876) 赞一个 (0) 评论(0) 链接直达

程序喵 www.ibloger.net

文章归档 站内留言 给我写信 文章订阅