10 个非常实用的 SVG 动画操作JavaScript 库

发表于 svg 分类,标签:
10个非常实用的SVG动画操作JavaScript库[日期:2015-02-14]来源:oschina.net 作者:21paradox-,天liang好个qiu[字体:大 中 小]SVG通常可以用作跨分辨率视频。这意味着在一块高分屏幕上不会降低图片的锐度。此外,你甚至可以让SVG动起来,通过使用一些javascript类库。下面,我们分享一些javascript类库,这些类库会帮助我们将SVG动画提高一个等级。VivusVivus是一个能动画js类库,它能够给SVG图像显示出被画出来的过程。Vivus是没有其他类库依赖的(比如jQuery)。你仅仅需要在页面中加入这个.js文件,然后传入需要被用来动画的SVG部分就行。同时通过指定一些配置,它能够在页面加载后直接显示动画效果。BonsaiBonsai是一个功能丰富的JS类库,你能够用它来...

jdk安装

发表于 other 分类,标签:
安装JDK选择安装目录安装过程中会出现两次安装提示。第一次是安装jdk,第二次是安装jre。建议两个都安装在同一个java文件夹中的不同文件夹中。(不能都安装在java文件夹的根目录下,jdk和jre安装在同一文件夹会出错)如下图所示21:安装jdk随意选择目录只需把默认安装目录\java之前的目录修改即可2:安装jre→更改→\java之前目录和安装jdk目录相同即可注:若无安装目录要求,可全默认设置。无需做任何修改,两次均直接点下一步。3安装完JDK后配置环境变量 计算机→属性→高级系统设置→高级→环境变量4系统变量→新建JAVA_HOME变量。变量值填写jdk的安装目录(本人是E:\Java\jdk1.7.0)5系统变量→寻找Path变量→编辑在变量值最后输入%JAVA_HOME%\bin;%JAVA_HOME%\jre\bi...

placeholder 字体颜色设置

发表于 css3 分类,标签:
placeholder字体颜色设置::-webkit-input-placeholder{/*WebKitbrowsers*/  color:  blue;}:-moz-placeholder{/*MozillaFirefox4to18*/  color:  blue;}::-moz-placeholder{/*MozillaFirefox19+*/  color:  blue;}:-ms-input-placeholder{/*InternetExplorer10+*/  color:  blue;}...

Js如何获取本地路径

发表于 JS 分类,标签:
js中如何获取上个页面的Url,域名和端口号varproject={//获取上一个页面的一个URL,这个URL一般做一个页面的跳转getHref:function(){returnwindow.location.href;},//获取URL的路径部分getPathname:function(){returnwindow.location.pathname;},//获取一个页面的主机名getHostname:function(){returnwindow.location.hostname;},//获取一个页面的主机名getDomain:function(){returndocument.domain;},//获取主机的Http协议getPortcol:function(){returnwindow.location.protocol;...

localhost更改为为其他名字的方法

发表于 other 分类,标签:
localhost更改为为其他名字的方法1.快捷键 windows+r    输入:drivers,点击确定    2.该目录下找到etc    3.子目录打开 host文件4.修改,在文件的最后面添加一行127.0.0.1   wuwg.com (这里wuwg.com可以修改为任意名字,如d.cn, b.com等等,大家自己随意修改,关于在本地打开...

less.js常用实例

发表于 less 分类,标签:
变量变量允许我们单独定义一系列通用的样式,然后在需要的时候去调用。所以在做全局样式调整的时候我们可能只需要修改几行代码就可以了。//LESS@color:#4D926F;#header{  color:@color;}h2{  color:@color;}/*生成的CSS*/#header{  color:#4D926F;}h2{  color:#4D926F;}混合混合可以将一个定义好的classA轻松的引入到另一个classB中,从而简单实现classB继承classA中的所有属性。我们还可以带参数地调用,就像使用函数一样。//LESS.rounded-corners(@radius:5px){   border...

less.js

发表于 less 分类,标签:
这里主要讲在浏览器上如何使用less话不多说,直接看例子<!DOCTYPEHTML><html><head><metacharset="UTF-8"><title>less 例子测试</title><linkrel="stylesheet/less"type="text/css"href="css/common.css"media="all" /><!--注意引入css,rel属性是 rel="stylesheet/less" 其他不变--><!--在less.js 引入之前,设置less...

F5 HTML/CSS实时调试工具

发表于 other 分类,标签:
[F5]的HTML/CSS实时调试工具        是一款网页制作辅助工具,工具为绿色版本,无需安装即可使用,主要功能可帮助用户在编写HTML,CSS代码的时候无需按F5刷新,他可以让你不在为“切换窗口&刷新”影响你的工作效率和心情。支持任何的浏览器和编辑器,无需改变使用习惯!快速的实时预览网页的效果。功能如下:1.保存即刷新无论是HTML、CSS、图片、JS,当页面的任何元素发生修改时,页面将自动即时刷新2.不限平台无需安装浏览器插件,无需更换编辑器,支持所有的主流浏览器、编辑器、操作系统3.本地web服务器[F5]也是一个类似HFS的Web服务器,可解决本地HTML不方便使用"/"根路径的问题具体使用如下,下载地址:http://www.jb51.net/softs/265...

vedio

发表于 html5 分类,标签:
让所有浏览器支持HTML5video视频标签by zhangxinxu from http://www.zhangxinxu.com本文地址:http://www.zhangxinxu.com/wordpress/?p=661一、前面的唠叨我记得就是前几个月吧,有条消息说YouTube支持了HTML5视频嵌入标签video,好吧,我听说而已,因为我不是个擅长翻墙的人,到底如何我也不得而知。与主题不相关的HTML5方面的东西我就不多说了,对于video标签,获取大家都听说了,这个标签的功能如同现在HTML语言中的img标签,就现在,比如要链接并显示一张图片,可以这样子:<img src="http://image.zhangxinxu.com/image/study/s/s256/mm1.jpg" />结果就...

jQuery.each() 的用法

发表于 JS 分类,标签:
jQuery.each() 该方法一直不是很懂,今天研究了一下 描述: 一个通用的迭代函数,它可以用来无缝迭代对象和数组。数组和类似数组的对象通过一个长度属性(如一个函数的参数对象)来迭代数字索引,从0到length-1。其他对象通过其属性名进行迭代。jQuery.each(collection,callback(indexInArray,valueOfElement))//第一个参数是一个集合后面是一个回调函数,接受两个参数,索引值:索引值对应的valuejQuery.each(array,callback); //数组,和回调函数//实例$.each(["wuwg","26"],function(index,value){    ...