本文目录一览:
- 1、在移动端有哪个javascript动画库最好用
- 2、JavaScript怎么写就能让字在网页中一个一个打出来
- 3、网站里的文字像打字一样一个一个出来是怎么做的? JAVAscript的,请高手帮忙,
- 4、北大青鸟设计培训:JavaScript编程开发常用的库?
在移动端有哪个javascript动画库最好用
你应该首先说说你要做东西的复杂度,不然大家都建议你用原生代码搞定,你是无法得到你想要答案的。
我来给你点建议把。
能自己手写CSS3就写CSS3, 不行就使用CSS3库 Animate.css (封装一层的东西会差一些),如果要兼容低端安卓,就可能用JS,就使用velocity.js与jQuery.animate, 另,这个动画库也不错 daniel-lundin/snabbt.js · GitHub
JavaScript怎么写就能让字在网页中一个一个打出来
试试看看,是不是这个
script language=javascript
var layers =document.layers,style=document.all,both=layers||style,idme=908601;
if(layers){layerRef='document.layers';styleRef ='';}if(style){layerRef='document.all';styleRef =
'.style';}
function writeOnText(obj,str){
if(layers)with(document[obj]){ document.open();document.write(str);document.close();}
if(style)eval(obj+'.innerHTML=str'); }
var dispStr=new Array("这是逐个出现的文字———junly!!");
var overMe=0;
function txtTyper(str,idx,idObj,spObj,clr1,clr2,delay,plysnd){
var tmp0=tmp1= '',skip=100;
if (both idx=str.length) {
if (str.charAt(idx)==''){ while(str.charAt(idx)!='') idx++;idx++;}
if (str.charAt(idx)==''str.charAt(idx+1)!=' '){ while (str.charAt(idx)!= ';')idx++;idx++;}
tmp0 = str.slice(0,idx);
tmp1 = str.charAt(idx++);
if (overMe==0 plysnd==1){
if (navigator.plugins[0]){
if(navigator.plugins["LiveAudio"][0].type=="audio/basic" navigator.javaEnabled()){document.embeds
[0].stop();
setTimeout("document.embeds[0].play(false)",100);}
} else if (document.all){
ding.Stop();
setTimeout("ding.Run()",100);}
overMe=1;}else overMe=0;
writeOnText(idObj, "span class="+spObj+"font color='"+clr1+"'"+tmp0+"/fontfont color='"+clr2
+"'"+tmp1+"/font/span");
setTimeout("txtTyper('"+str+"', "+idx+", '"+idObj+"', '"+spObj+"', '"+clr1+"', '"+clr2+"', "+delay+" ,"+plysnd+")",delay);}}
function init(){txtTyper(dispStr[0], 0, 'ttl0', 'ttl1', 'red', '#99FF33', 300, 0);}
/script
DIV class=ttl1 id=ttl0/DIV
body bgcolor="#fef4d9" onload=init()
网站里的文字像打字一样一个一个出来是怎么做的? JAVAscript的,请高手帮忙,
htmlhead
title打字效果的文字特效/title
script language="JavaScript"
var layers = document.layers;
var style = document.all;
var both = layers || style;
var idme = 908601;
if(layers) //如果不是ie浏览器
{
layerRef = 'document.layers';
styleRef = '';
}
if(style) //如果是ie浏览器
{
layerRef = 'document.all';
styleRef = '.style';
}
function writeOnText(obj, str) { //函数在页面上打印字符串
if(layers) {
with(document[obj]) {
document.open();
document.write(str); //write方法打印字符串
document.close();
}
}
if(style) eval(obj+'.innerHTML = str'); //使用innerHTML属性显示字符串
}
var dispStr = new Array("javascript源码大全"); //字符串数组
var overMe = 0;
function txtTyper(str, idx, idObj, spObj, clr1,clr2, delay, plysnd) //函数:实现打字效果
{
var tmp0 = tmp1 = '', skip = 100;
if(both idx = str.length) {
if(str.charAt(idx) == '') {
while(str.charAt(idx) != '') idx++;
idx++;
}
if(str.charAt(idx) == '' str.charAt(idx+1) != '') {
while(str.charAt(idx) != ';') idx++;
idx++;
}
tmp0 = str.slice(0, idx);
tmp1 = str.charAt(idx++);
if(overMe==0 plysnd==1) {
if(navigator.plugins[0]) {
if(navigator.plugins["LiveAudio"][0].type == "audio/basic" navigator.javaEnabled()) {
document.embeds[0].stop();
setTimeout("document.embeds[0].play(false)", 100);
}
} else if(document.all) {
ding.Stop();
setTimeout("ding.Run()", 100);
}
overMe = 1;
} else {
overMe = 0;
}
writeOnText(idObj, "span class="+spObj+"font color='"+clr1+"'"+tmp0+"/fontfont color='"+clr2+"'"+tmp1+"/font/span");
//调用writeOnText函数将字符显示在网页上
setTimeout("txtTyper('"+str+"', "+idx+", '"+idObj+"', '"+spObj+"', '"+clr1+"', '"+clr2+"', "+delay+", "+plysnd+")", delay);
}
}
function init()
{
txtTyper(dispStr[0], 0, 'tt10', 'ttll', '#339933', '#99FF33', 300, 0); //调用txtTyper函数开始打字
}
/script
/head
body onLoad="init();"
center
h1打字效果的文字特效/h1
hr /
div class="ttll" id="tt10"/div
/center
/body
/html
用IE 打开 试过了。。。
北大青鸟设计培训:JavaScript编程开发常用的库?
随着互联网编程开发技术的不断发展,关于软件编程的框架和库的种类也在不断的增加。
今天我们就一起来了解一下,常见的JavaScript编程开发都有哪些库。
1、ReactJS(Star:59989,Fork:10992)React.js(React)是一个用来构建用户界面的JavaScript库,主要用于构建UI,很多人认为React是MVC中的V(视图)。
React起源于Facebook的内部项目,用来架设Instagram的网站,并于2013年5月开源。
React拥有较高的性能,代码逻辑非常简单,越来越多的人已开始关注和使用它。
React特点:1.声明式设计?React采用声明范式,可以轻松描述应用。
2.高效?React通过对DOM的模拟,大限度地减少与DOM的交互。
3.灵活?React可以与已知的库或框架很好地配合。
4.JSX?JSX是JavaScript语法的扩展。
React开发不一定使用JSX,但我们建议使用它。
5.组件?通过React构建组件,使得代码更加容易得到复用,能够很好的应用在大项目的开发中。
6.单向响应的数据流?React实现了单向响应的数据流,从而减少了重复代码,这也是它为什么比传统数据绑定更简单。
2、AngularJS(Star:54769,Fork:27292)AngularJS(Angular.JS)是一组用来开发Web页面的框架、模板以及数据绑定和丰富UI组件。
它支持整个开发进程,提供Web应用的架构,无需进行手工DOM操作。
AngularJS很小,只有60K,兼容主流浏览器,与jQuery配合良好。
3、Vue.js(Star:43608,Fork:5493)Vue.js是构建Web界面的JavaScript库,提供数据驱动的组件,还有简单灵活的API,使得MVVM更简单。
主要特性:可扩展的数据绑定将普通的JS对象作为model简洁明了的API组件化UI构建配合别的库使用4、jQuery(Star:43432,Fork:12117)JQuery是轻量级的js库(压缩后只有21k),它兼容CSS3,还兼容各种浏览器(IE6.0+,FF1.5+,Safari2.0+,Opera9.0+)。
jQuery使用户能更方便地处理HTMLdocuments、events、实现动画效果,并且方便地为网站提供AJAX交互。
jQuery还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插件可供选择。
长沙IT培训认为jQuery能够使用户的html页保持代码和html内容分离,也就是说,不用再在html里面插入一堆js来调用命令了,只需定义id即可。