如何把js特效添加在自己做的网页中?

如何把js特效添加在自己做的网页中?,第1张

当要把JavaScript代码插入HTML页面里面,需要使用 <script>标签(同时使用 type 属性来定义脚本语言)。

这样,<script type="text/javascript">和 </script>就可以告诉浏览器 JavaScript 从何处开始,到何处结束。

<html><body><script type="text/javascript">xxxx</script></body></html>

例如:xxxx字段是JavaScript代码效果执行,用来向页面写入输出。

把xxxx命令输入到 <script type="text/javascript">与</script>之间后,浏览器就会把它当作一条 JavaScript 命令来执行。这样浏览器就会向页面写入 "wwww"。

<html><body><script type="text/javascript">document.write("wwww")</script></body></html>

最后的结果就会在页面上显示“wwww”效果,从而实现JS特效在页面上的插入。

onload事件是网页所有内容载入完后激活。

那么如果你做loading效果。

只能用它去处理了。

做个loading的div

最onload事件里隐藏它。

在需要添加效果的元素<>里面加上

onclick="某函数()" (鼠标点击触发效果)

onload="某函数()" (进入页面触发效果)

onchange="某函数()" (改变内容触发效果,用于文本输入框)

onmouseover="某函数()"(鼠标移动到元素上触发效果)

onmouseout="某函数()" (鼠标移除元素触发效果)

onmousedown="某函数()" (鼠标正在点击触发效果)

onmouseup="某函数()" (鼠标释放触发效果)

参考网址http://www.w3school.com.cn/js/js_htmldom_events.asp

例如:

<script type="text/javascript" language="javacript">

function changetext()

{

document.getElementByID("text").innerHTML="Hello Word!"

}

</script>

<a id="text" onclick="changetext()">你好!</a>

<a>元素中使用了onclick,当鼠标点击“你好!”时,会触发changetext()函数,将“你好!”变成“Hello Word!”

需要先了解JS文件里面都有什么函数以及函数的功能再使用。网上下载的一般会有注释函数的功能。

该网站中还有代码的教学http://www.w3school.com.cn/


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11793767.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-18
下一篇 2023-05-18

发表评论

登录后才能评论

评论列表(0条)

保存