- 1、本文档共3页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
Javascript实现文字的显示和隐藏
Javascript实现文字的显示与隐藏
html
head
titlejavascript显示隐藏文字/title
style
body {
background-color: #EEEEEE;
color: green;
font-size: 15px;
margin-left: 50px;
margin-top: 20px;
margin-right: 50px;
}
.greet {
color: #CC9900;
font-size: 24;
font-weight: lighter;
}
input {
font-size: 12px;
font-weight: lighter;
color: #003333;
text-decoration: blink;
background-color: #FFFFCC;
border: 1px solid #CCCCCC;
}
/style
script language=javascript
function h1() {
var m;
m = document.getElementById(period);
m.style.visibility = hidden;
}
function h2() {
var m;
m = document.getElementById(period);
m.style.visibility = visible;
}
/script
meta http-equiv=Content-Type content=text/html; charset=gb2312
/head
body
p
1.下面文字是需要显示和隐藏的font color=#999999(采用“直接在标签内调用js代码”的方法)/font
/p
p class=greet id=helloHello World!!!/p
input type=button value=隐藏文字
onClick=document.getElementById(hello).style.visibility=hidden
nbsp;nbsp;
input type=button value=显示文字
onClick=document.getElementById(hello).style.visibility=visible
br
br
br
br
p
2.下面文字是需要显示和隐藏的font color=#999999(采用“调用函数”的方法)/font
/p
p class=greet id=period淡定的人生不寂寞/p
input type=button value=隐藏文字 onClick=h1() nbsp;nbsp;
input type=button value=显示文字 onClick=h2()
/body
/html
您可能关注的文档
- EQ的参数介绍和Q值计算方法.doc
- EXCEL中所有函数使用2007.doc
- ERP编码的8项原则.doc
- EXCEL中绘图工具使用技巧.doc
- EXCEL函数汇总(多维数据集函数)–EXCEL帮助导出.docx
- ERP环境下中小企业财务风险防范.docx
- ExcelHomeVBA培训–sub过程与程序流程控制语句.docx
- EXCEL单元格中的唯1数字如何提取出来.doc
- ErroreHTTP404.2–NotFoundIIS7.5请求的内容似乎是脚本因而将无法由静态文件处理程序来处理.doc
- EXCEL及WORD导入及直接打印印刷的方法集绵.doc
- 2018年昆明市富民县人民医院招聘护理(护士)真题模拟卷 .pdf
- 国家开放大学一网一平台电大《管理英语4》形考任务1-8单元自测题库及答.pdf
- 中央财经大学803经济学考研历年真题及详解 .pdf
- 2020部编版二年级(下)语文期末测试卷(附答案) .pdf
- 2018年对口升学第二次模拟考试财经类专业课试卷 .pdf
- 浙江省丽水市三校联考2023-2024学年高一上学期12月考试语文含答案.pdf
- 2024届四川省南充高级中学高三上学期一模文综试题(含答案解析) .pdf
- 2024年广东省普通高中学业水平合格性考试数学试卷(B)(含答案解析).pdf
- 2018年河南语文对口升学试卷(含答案) .pdf
- 七年级下册语文 名著阅读训练试题及答案 .pdf
文档评论(0)