我的第一段JavaScript---点击图标关闭相应内容

 

如图右侧有个关闭图标。(只截取了部分内容)

JavaScript部分:

<script language="javascript" type="text/javascript">
/***
*功能:隐藏
*参数divDisplay:html标签id
***/
    function click_a(divDisplay)
    {
        if(document.getElementById(divDisplay).style.display != "none")
    {
        document.getElementById(divDisplay).style.display = "none";
    }

}
</script>

HTML部分:

<div id="divOne_1" >
	<p class="tou-word">星狮创想电商学院1期班正在招生中,学位15个,欢迎点击客服咨询。
		<span  onClick="return click_a('divOne_1')"><i class="font-icon icon-cancel"></i>                </span>
    </p>			
</div>

效果:

关键部分:

将id=“divOne_1”加入想要关闭的div内

将onClick=“return click_(‘divOne_1’)”加入点击的图标中<span>/<i>/<a><buttom>均可

在<script>部分加入最基础的if语句(点击隐藏)即可。。。

 

 

 

 

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值