前端学习 第3页

前端即网站前台部分,运行在PC端,移动端等浏览器上展现给用户浏览的网页。随着互联网技术的发展,HTML5,CSS3,前端框架的应用,跨平台响应式网页设计能够适应各种屏幕分辨率,完美的动效设计,给用户带来极高的用户体验。

[CSS3]块状元素不停旋转

阅读(288)

与旋转一定角度不同,这个是不停旋转。代码只有一句(针对块状元素): @-moz-keyframes spinPulse{0%{-moz-transform:rotate(160deg);opacity:0;box-shadow:0 0 1p...

[JavaScript]一个函数内包含几个需要启动的函数

阅读(251)

最近在封装一个自用的PJAX代码,包含页面、评论、搜索、评论分页的整站PJAX。需要一个重载函数,把ajax请求完成后需要重新挂载的js函数全部放到这个函数里面。这是JS的用法,我直接搜JQ没有找到。挺简单的,但没有系统学过,只能辛苦一点了...

[jQuery]遍历标签输出为数组并判断数组值

阅读(235)

打算升级一下INLODZ添加一些功能,这次的几个功能用到数组值判断,没学过真是头大啊,百度谷歌一番一点一点学,最后就那么几句代码,可想而知有多心塞。 比如我要获取某容器下一系列input标签的value值,并把获取到的value值放到一个数...

[Html5]SVG-Loader加载动画-反馈吧

[Html5]SVG-Loader加载动画

阅读(285)

关于SVG本站之前已经有一篇文章:https://www.fankuiba.com/html5-use-svg-icon.html 这次的素材是加载动画,svg文件就像一张图片一样,但你可以像编码文件一样用文本编辑器打开来编辑里面的图片参数...

CSSrefresh.js无刷新调试页面样式

阅读(298)

上一篇是无刷新切换页面样式,文章最后介绍了一个封装的js库 CSSrefresh.js 。 它的作用有很多,对于经常调试页面样式的朋友来说也算是一个比较方便的工具,一般我们都是用Chrome或者FF的F12,也就是debug模式对页面的样式...

[jQuery]无刷新切换页面样式

阅读(267)

目前也有一些网站通过前端按钮控制改变页面样式,比如改变背景色,改变字号,改变布局等等。大体可以分两类:一类是局部改变,另一类是整体改变。 局部改变只需要写简单的js抓取相应标签结构用.css方法变换即可,还能加上过渡效果,这个不需要多余的请...

[jQuery]获取随机数函数

阅读(233)

原本想写一个函数像幻灯片一样,ajax请求一次头部的banner就切换到另一张,后来发现有个小问题还无法解决,于是就用了随机数。 jQuery本身好像还没有这类函数,只有一个random()。所以丰富了一下: /*获取0到n-1的随机数*/...

[jQuery]resize事件控制响应式

阅读(256)

INLOSIM主题基本完工记录一下 有比较多细碎的位置要用到resize()方法。当调整浏览器窗口的大小时,发生 resize 事件。所以响应式改变页面/窗口分辨率大小时可以用它来执行某些函数/动作,当然使用js来去做这些效率不及css来得...

[CSS3]使用font-face为页面自定义字体-反馈吧

[CSS3]使用font-face为页面自定义字体

阅读(248)

特地在网上直搜“自定义页面字体”、“wordpress自定义字体”,发现完全没有这方面的教程。因为老早之前就想给某些特定的位置使用个性字体。一时不会变通,而且当时觉得大部分字体文件也比较大,所以也没有继续寻找解决办法。 今天无聊又来折腾这个...

[Html5]使用SVG图标

阅读(270)

目前大多数个人站使用的还是font-icon字体图标。也有一些字体图标站可以将图标转为svg格式。 SVG 即 Scalable Vector Graphics,是一种用来绘制矢量图的 HTML5 标签。你只需定义好XML属性,就能获得一致...