Javascript脚本特效示例：[16]按钮驱动背景

来源：互联网 2023-02-20 20:45:02 149

Javascript是一种由Netscape的LiveScript发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言，主要目的是为了解决服务器端语言，比如Perl，遗留的速度问题，为客户提供更流畅的浏览效果。当时服务端需要对数据进行验证，由于网络速度相当缓慢，只有28.8kbps，验证步骤浪费的时间太多。于是Netscape的浏览器Navigator加入了Javascript，提供了数据验证的基本功能。

工具/原料

txt文本文档或者 HTML文档/

方法/步骤

在桌机上新建文本文档，命名为晓博JavaScript特效测试.txt，在文本文档里中入HTML文档的基本元素如下，并保存。

html>

head>

title>晓博JavaScript特效测试/title>

/head>

body>

div id="zy">

div id="login">/div>

div id="daohang">

ul>

li>a href="index.html">首页/a>/li>

li>a href="jianjie.html">七夕简介/a>/li>

li>a href="#">七夕节传说/a>/li>

li>a href="#">七夕节习俗/a>/li>

li>a href="#">诗词& 歌谣/a>/li>

li>a href="互召祝#">七夕节寄语/a>/li>

/ul>

/div>

/body>

/html>

Javascript脚本特效示例：[16]按钮驱动背景

1相关内容未经许可获取自百度经验

第一步:把如下代码加入head>区域中

script language="Javascript">

!--

function backcolor(form){

temp = ""

for (var i = 0; i 16; i ) {

temp = form.color[i].value

if (form.color[i].checked){ document.bgColor = temp }

}

function randombackground(){

毙蚂 document.bgColor = getColor()

}

function getColor(){

currentdate = new Date()

backgroundcolor = currentdate.getSeconds()

if (backgroundcolor > 44)

backgroundcolor = backgroundcolor - 45

else if (backgroundcolor > 29)

backgroundcolor = backgroundcolor - 30

else if (backgroundcolor > 15)

backgroundcolor = backgroundcolor - 16

if (backgroundcolor == 0 )

return "olive";

else if (backgroundcolor == 1 )

return "teal";

else if (backgroundcolor == 2 )

return "red";

else if (backgroundcolor == 3 )

return "blue";

else if (backgroundcolor == 4 )

沫离 return "maroon";

else if (backgroundcolor == 5 )

return "navy";

else if (backgroundcolor == 6 )

return "lime";

else if (backgroundcolor == 7 )

return "fuschia";

else if (backgroundcolor == 8 )

return "green";

else if (backgroundcolor == 9 )

return "purple";

else if (backgroundcolor == 10 )

return "gray";

else if (backgroundcolor == 11 )

return "yellow";

else if (backgroundcolor == 12 )

return "aqua";

else if (backgroundcolor == 13 )

return "black";

else if (backgroundcolor == 14 )

return "white";

else if (backgroundcolor == 15 )

return "silver";

}

// -->

/script>

第二步:把如下代码加入body>区域中

FORM>

input type="button" value="晓博变换背景" onClick="randombackground()">

/form>

用IE浏览器打开晓博JavaScript特效测试.html文件，可以看到按钮驱动背景特效,如下图

Javascript脚本特效示例：[16]按钮驱动背景

信息框显示链接|下一篇：

以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！

标签： JAVASCRIPT 驱动脚本示例背景

上一篇：HTC ONE手机驱动安装方法下一篇：手把手教你给你电脑装系统：[5]安装驱动

Javascript脚本特效示例：[16]按钮驱动背景

工具/原料

方法/步骤

热门文章

标签列表