css样式 特效

html-css019

css样式 特效,第1张

就是隐藏

display:none

当前显示的设置为display:block

一般使用脚本实现

比如你要隐藏的元素为<div id="info1"></div>

要显示的元素为<div id="info2"></div>

假设使用jquery控制

代码为以下两句:

$("#info1").hide()

$("#info2").show()

需要准备的材料分别有:电脑、浏览器、html编辑器。

1、首先,打开html编辑器,新建html文件,例如:index.html。

2、在index.html中的<script>标签中,输入js代码:

$('td').click(function () {

$('td').css('font-weight', 'normal')

$(this).css('font-weight', 'bold')

})

3、浏览器运行index.html页面,点击“我是A”,此时字体会变粗。

4、再点击“我是B”,此时“我是A”的字体粗度恢复正常,“我是B”的字体变粗。