Dhtml网页实例教程(7)
来源:动态WEB脚本技术论坛 时间:2007-10-09 13:39:00
Dhtml实例教程(七)
相信您已经对JavaScript有所掌握,现在我们用一些小技巧把文本给隐藏起来或将隐藏的文本给显示出来,您一定会喜欢这些小技巧的。这次我们用一个新的style属性--display,它的值可以是""(或null)和"none"。请看例9。
例9 隐藏和显示文本
<html>
<head>
<title>DHtml举例9</title>
<style><!--
body
{font-family:"宋体";font-size:9pt}
.gray {color:gray}
.blue
{color:blue}
-->
</style>
<script
language="JavaScript">
function change() {
if(Ques.style.display ==
"none")
{
Answ.style.display = "none";
Ques.style.display =
"";
}
else
{
Answ.style.display = "";
Ques.style.display =
"none";
}
}
document.onclick=change;
</script>
<body>
<ul>
<li
id="Ques" class="gray" style="display:’’">请您点击,OK?
<li id="Answ"
class="blue"
style="display:’none’">哈哈,我变了,请您再点击。
</ul>
</body>
</html>
此例中,文本将在您点击以后改变颜色和内容,奇妙吧。display=""或"null"是显示文本,而display="none"时是显示文本,上边的代码对您来说应该多能读懂,我就不多作解释了。今后的教程中我可能会讲解得比较少或者讲解得不太详细,大部分是用例子种的注释语句来说明,在此请读者多多谅解。明天的例子能产生闪烁滚动和颜色变换效果。
标签:html,dhtml,教程
0
投稿
猜你喜欢
关于IDEA git 只有Commit没有Push的问题
2023-07-20 02:26:58
uniapp开发打包成H5部署到服务器的详细步骤
2024-04-10 16:20:19
JS实现标签滚动切换效果
2023-08-24 00:35:37
JavaScript中尽量用局部变量的原因[译]
2009-02-20 13:45:00
在 TypeScript 中使用泛型的方法
2023-08-23 21:55:00
python使用opencv按一定间隔截取视频帧
2021-10-29 01:27:14
OpenCV哈里斯(Harris)角点检测的实现
2022-10-07 01:41:26
Python Web后端开发中的增查改删处理
2022-11-21 06:15:42
最具创意的广告牌全集
2007-09-21 19:54:00
浅谈Python实时检测CPU和GPU的功耗
2021-06-11 17:05:58
如何在Python中创建二叉树
2022-07-30 06:27:35
用asp编写文档搜索页面
2008-01-13 07:04:00
Python Web框架Tornado运行和部署
2021-04-14 09:17:57
Python中的通函数numpy.ufunc详解
2023-09-03 22:52:08
用gpu训练好的神经网络,用tensorflow-cpu跑出错的原因及解决方案
2021-02-11 08:06:31
PHP观察者模式原理与简单实现方法示例
2024-05-03 15:49:15
sqlserver2017共享功能目录路径不可改的解决方法
2024-01-17 13:58:26
解决python 打包成exe太大的问题
2021-09-22 11:33:59
Python中的defaultdict模块和namedtuple模块的简单入门指南
2022-01-21 07:10:20
根据表名和索引获取需要的列名的存储过程
2011-09-30 11:54:42