javascript 网页上跳动的文字

跳动的文字

var r=0
var a=11,b=9,c=7,d=10,e=11,f=8;
var y2=-25,y1=-25,y3=-25,y4=-25,y5=-25,y6=-25;
var x1=305,x2=335,x3=365,x4=395,x5=425,x6=455;
function setVariables(){
if (navigator.appName == "Netscape") {
horz=".left";
vert=".top";
visShow="'show'";
visHide="'hide'";
docStyle="document.";
styleDoc="";
}else{
horz=".pixelLeft";
vert=".pixelTop";
visHide="'hidden'";
visShow="'visible'";
docStyle="";
styleDoc=".style";

}

}
function startbounce1(){
objectX1="object1"
y1 += a
evalMove1()
if (y1201) a=11-r,r=Math.random()*100/25,Math.round(r);
y1 -= a
if (y1-100) setTimeout("bounce1()",10)
else toggle()
}

function startbounce2(){
objectX2="object2"
y2 += b
evalMove2()
if (y2201) b=8+r
y2 -= b
if (y2-100) setTimeout("bounce2()",20)
else toggle()
}

function startbounce3(){
objectX3="object3"
y3 += c
evalMove3()
if (y3201) c=7+r
y3 -= c
if (y3-100) setTimeout("bounce3()",10)
else toggle()
}

function startbounce4(){
objectX4="object4"
y4 += d
evalMove4()
if (y4201) d=8+r
y4 -= d
if (y4-100) setTimeout("bounce4()",20)
else toggle()
}

function startbounce5(){
objectX5="object5"
y5 += e
evalMove5()
if (y5201) e=12-r
y5 -= e
if (y5-100) setTimeout("bounce5()",20)
else toggle()
}

function startbounce6(){
objectX6="object6"
y6 += f
evalMove6()
if (y6201) f=8+r
y6 -= f
if (y6-100) setTimeout("bounce6()",10)
else toggle()
}

function evalMove6(){
eval(docStyle + objectX6 + styleDoc + horz + '=' + x6);
eval(docStyle + objectX6 + styleDoc + vert + "=" + y6);
}

function evalMove5(){
eval(docStyle + objectX5 + styleDoc + horz + '=' + x5);
eval(docStyle + objectX5 + styleDoc + vert + "=" + y5);
}
function evalMove4(){
eval(docStyle + objectX4 + styleDoc + horz + '=' + x4);
eval(docStyle + objectX4 + styleDoc + vert + "=" + y4);
}

function evalMove3(){
eval(docStyle + objectX3 + styleDoc + horz + '=' + x3);
eval(docStyle + objectX3 + styleDoc + vert + "=" + y3);
}
function evalMove2(){
eval(docStyle + objectX2 + styleDoc + horz + '=' + x2);
eval(docStyle + objectX2 + styleDoc + vert + "=" + y2);
}
function evalMove1(){
eval(docStyle + objectX1 + styleDoc + horz + '=' + x1);
eval(docStyle + objectX1 + styleDoc + vert + "=" + y1);
}





























________________________




www.jb51.net

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

(0)

相关推荐

  • Javascript实现图片轮播效果(一)让图片跳动起来

    图片轮播效果,在各大网站的首页都能看到,比较常见.下面小编给大家分享这一效果的简单实现. 1.图片跳动起来 2.图片序列控制的实现 3.前后按钮控制的实现 这篇文章来看图片按照间隔时间进行切换. 我们先把结构代码完成,这个我就不做详细的讲解了.先给大家展示下效果图: 代码如下: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title>

  • Javascrip实现文字跳动特效

    一.如何让字符串变成 一个个的字体,让我们去控制 1获取字符串内容 2清空字符串内容 3遍历字符串, 然后一个个的切割出来. 4给切割出来的文字添加定位 5把添加好定位的文字,重新赋值到获取的 元素里面. 二.鼠标滑动上去之后, 该怎么去实现 文字的跳动 1 定义一个变量0 2 定义 定时器 3让变量不断的 减少 4改变元素的top == 变量 5当 变量 达到一定高度的时候,让变量不断的 增加 6 当变量 减少到0(本身位置) 的时候, 7清除动画 改变元素的top = 0(本身位置) <!D

  • JavaScript 抽奖效果实现代码 数字跳动版

    JavaScript实现的抽奖效果 数字跳动版 .a1 {}{ position: relative; font-family: Verdana; font-size: 200px; color: #888888; } function Lottery() { var Nos = Math.round(Math.random() * (4999 - 1) + 1); var result = document.getElementById("layer1"); if (result !

  • javascript 网页上跳动的文字

    跳动的文字 var r=0 var a=11,b=9,c=7,d=10,e=11,f=8; var y2=-25,y1=-25,y3=-25,y4=-25,y5=-25,y6=-25; var x1=305,x2=335,x3=365,x4=395,x5=425,x6=455; function setVariables(){ if (navigator.appName == "Netscape") { horz=".left"; vert=".top&q

  • JavaScript+Html5实现按钮复制文字到剪切板功能(手机网页兼容)

    新学习JavaScript,就碰到这么一个需求,几乎网上的方法都试过了.写出了总结下 使用的方法:clipboard 插件下载地址:https://github.com/zenorocha/clipboard.js/tree/master 引入插件:目录\clipboard.js-master\dist\clipboard.min.js 目录中有各种demo,分别实现了固定的文字复制,input的复制等等,可以看下找找思路: 下边来记录下使用的方式: 一:引入插件: <script src=&quo

  • vue项目或网页上实现文字转换成语音播放功能

    一.在网页上实现文字转换成语音 方式一: 摘要:语音合成:也被称为文本转换技术(TTS),它是将计算机自己产生的.或外部输入的文字信息转变为可以听得懂的.流利的口语输出的技术. 1. 使用百度的接口: http://tts.baidu.com/text2audio?lan=zh&ie=UTF-8&spd=2&text=你要转换的文字 2.参数说明: lan=zh:语言是中文,如果改为lan=en,则语言是英文. ie=UTF-8:文字格式. spd=2:语速,可以是1-9的数字,数

  • 利用javascript实现禁用网页上所有文本框,下拉菜单,多行文本域

    原理就是循环获取网页上的控件,然后设置disabled 属性为true. 代码如下: 复制代码 代码如下: <script type="text/javascript">    var nodeList = document.getElementsByTagName("input");    for (var i = 0; i < nodeList.length; i++) {        nodeList[i].disabled = true;

  • JavaScript 在网页上单击鼠标的地方显示层及关闭层

    在网页上单击鼠标的地方显示层,供用户选择地点,同时把用户选择的地点显示在文本框中.主要是控制层的显示.隐藏. 复制代码 代码如下: <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=gb2312"> <TITLE>层的隐藏显示练习</TITLE> <STYLE type="text/css&qu

  • JavaScript基于Ajax实现不刷新在网页上动态显示文件内容

    本文实例讲述了JavaScript基于Ajax实现不刷新在网页上动态显示文件内容的方法.分享给大家供大家参考.具体如下: 下面的JS代码是一个最基础的JS的ajax实现,可以动态显示服务器上的文件ajax_info.txt文件的内容 <!DOCTYPE html> <html> <head> <title>sharejs.com</title> <script> function loadXMLDoc() { var xmlhttp;

  • 网页上的Javascript编辑器和代码格式化

    为什么不用textarea呢? 1 没有高亮 2 tab键无法使用.--按tab键会切换到下个控件 3 没有代码格式化.--因为习惯了Eclipse的环境,可以使用ctrl+shift+F来代码进行格式化. 当然,我还没强大到自己实现的程度,而且用脚趾头都能想到肯定有人实现了,就看找不找得着. 经过了艰难的搜索,终于在SourceForge上找到一个叫EditArea的项目,感觉挺好.http://sourceforge.net/projects/editarea/ 它的sample也很清楚 在

  • 网页颜色搭配技巧 文字字体、字号、字体排版等

    对于做网页的初学者可能更习惯于使用一些漂亮的图片作为自己网页的背景,但是,浏览一下大型的商业网站,你会发现他们更多运用的是白色.蓝色.黄色等,使得网页显得典雅,大方和温馨.更重要的是,这样可以大大加快浏览者打开网页的速度. 一般来说,网页的背景色应该柔和一些.素一些.淡一些,再配上深色的文字,使人看起来自然.舒畅.而为了追求醒目的视觉效果,可以为标题使用较深的颜 色.下面是我做网页和浏览别人的网页时,对网页背景色和文字色彩搭配积累的经验,这些颜色可以做正文的底色,也可以做标题的底色,再搭配不同的

  • 详解在网页上通过JS实现文本的语音朗读

    摘要: 语音合成:也被称为文本转换技术(TTS),它是将计算机自己产生的.或外部输入的文字信息转变为可以听得懂的.流利的口语输出的技术. 1.接口定义 http://tts.baidu.com/text2audio?lan=zh&ie=UTF-8&spd=2&text=你要转换的文字 参数说明: lan=zh:语言是中文,如果改为lan=en,则语言是英文. ie=UTF-8:文字格式. spd=2:语速,可以是1-9的数字,数字越大,语速越快. text=**:这个就是你要转换的

  • python数据可视化 – 利用Bokeh和Bottle.py在网页上展示你的数据

    目录 1. 文章重点和项目介绍 2. 数据集研究和图表准备 2.1 导入数据集 2.2 绘制图表 图表1:2019年上海,北京,深圳三地的每天AQI变化曲线 图表2:2019年上海,北京,深圳三地的每月平均AQI对比 图表3:2017年到2019年北京每月平均AQI对比 3. Bottle网页应用 3.1 文件夹结构 3.2 路由 3.3 模板实现 3.4 启动网页服务 4. 将Bokeh和Bottle集成在一起 4.1 模板修改 4.2 Python代码集成 5. 部署应用到Heroku 6.

随机推荐