需要准备的材料分别有:电脑、html编辑器、浏览器。
1、首先,打开html编辑器,新建html文件,例如:index.html,编写问题基础代码。
2、在index.html中的<script>标签,输入js代码:$('div').click(function(){$(this).css('color','blue')})。
3、浏览器运行index.html页面,此时点击123所在的div,div会变为蓝色文本。
html是超文本标记语言,作用就是用来公司浏览器你的网页要怎么显示给用户,js是脚本语言,js的作用是行为,例如操作DOM等
css是样式,作用是用来装饰页面。
div是一个标签,我们通常叫他盒子,div也是属于html,它是一个块元素,占一整行。
写网页就像是建房子,html就是相当于房子的主体架构,div就是相当于房间,css就是相当于装修房子,把房子设置得好看的。js就是相当于家电,例如:灯光,你需要按下按钮之后才亮起来。
可以改变 "div" 元素的高度(jQuery的animate方法):$(".btn1").click(function(){
$("#box").animate({height:"300px"})
})
也可以设置溢出隐藏:
<div style="min-height:10pxoverflow:hidden"><div style="margin-top:-800px">content more..</div>
</div>
第二种方式也需要js动态改变div style里面的margin-top。