![CSS 点击按钮以后修改DIV的高度，代码怎么写？[有代码]](/aiimages/CSS+%E7%82%B9%E5%87%BB%E6%8C%89%E9%92%AE%E4%BB%A5%E5%90%8E%E4%BF%AE%E6%94%B9DIV%E7%9A%84%E9%AB%98%E5%BA%A6%EF%BC%8C%E4%BB%A3%E7%A0%81%E6%80%8E%E4%B9%88%E5%86%99%EF%BC%9F%5B%E6%9C%89%E4%BB%A3%E7%A0%81%5D.png)
建议使用音画其他部件，如图片、视频的尺寸作为播放器尺寸。默认播放器尺寸：880*550
2、输入或粘贴MP3网址
粘贴操作：先在外部将网址作“复制”，然后鼠标指向输入栏，按鼠标右键，选“全选”，再选“粘贴”。
一旦输入或粘贴MP3网址后，如网址有效，就开始播放。
“MP3备份网址”作用是当MP3网址（主网址）失效时，播放器启用MP3备份网址。这是可选项。如不需要备份网址，则跳过。
3、选择播放器控制按钮
“控制按钮选择：”下方方框打钩或点击图例。
．透明按钮：默认。全透明按钮，尺寸自动取播放器尺寸。控制音乐播放或暂停直接点击画面。（此生成器为了能输入，采用文字按钮代替）
．图标按钮：三角为播放按钮，两竖为暂停按钮。
．英文按钮：PLAY为播放按钮，STOP为暂停按钮。
当选择图标、英文按钮时，点击“－”或“＋”可以缩小或放大该按钮。鼠标指向按钮，按住鼠标左键，可将按钮拖到你需要的位置后放开鼠标。改变播放器尺寸时，按钮自动取中心位置。
4、选择滚动字幕·
如果需要滚动字幕。请在“滚动字幕”右边方框打钩。清除原先文字（鼠标指向文字，按右键，选“全选”，再按右键，选“删除”），然后在输入栏内粘贴（输入）一行文字。
．修改滚动字幕文字属性：字体、字号、颜色等
．发光颜色亮度为0，不发光，“文字发光颜色”参数无效。
．字幕显示宽度：默认880
．字幕移动速度：默认1。数字大，移动快。
修改以上参数后必须按“确定”才有效。
字幕位置：默认水平0、垂直470可以拖动字幕到所需位置。操作方法：鼠标指向字幕按左键点击一下，出现绿条之后按下鼠标左键，拖动字幕。到位后放开鼠标。
5、复制代码
制作过程（或“字幕修改参数”按“确定”后）同步更新生成代码。
代码（一）：所有参数都写在博客代码中。
制作结束后，点击生成代码（一）下面的“复制”按钮，自动将生成代码复制到你的电脑的“粘贴板”了，可直接“粘贴”博文代码编辑栏。预览博文观察效果。
代码（二）：所有参数都写gif文件中。
制作结束后，点击生成代码（二）下面的“复制”按钮，自动将生成的博客代码和gif文件内容复制到你的电脑的“粘贴板”了，可直接“粘贴”电脑的“记事本”。然后将博客代码和gif文件内容分离，上传gif文件得到网址后，将网址替换博客代码中的”XXX.gif“，最后将博客代码粘贴到博文代码编辑栏。预览博文观察效果。
建议使用”代码（二）“方法，代码简洁，且适用各种浏览器。
6、在博文中调整播放器的“相对定位”代码。
......
这是“相对定位”代码。
．TOP: Xpx，离上一元素底部的距离。LEFT: Xpx，离博文页面左边的距离。
最简单的做法，给标签增加title属性，并赋上要显示的内容，也就是添加title属性即可。
代码：
<div title="全部内容">部分内容</div>
注：title 属性常与 form 以及 a 元素一同使用，以提供关于输入格式和链接目标的信息。同时它也是 abbr 和 acronym 元素的必需属性。
扩展资料：HTML的title属性的用法
1、HTML的title属性,当光标移动到该标签时，信息提示框内的内容
</body>
<hr>
<p title="HTML的标签真多啊!">属性选择器</p>
</body>
2、设置标签样式时指定 属性css样式
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<!--页面内容关键字-->
<meta name="keywords" content="页面内容关键字">
<title>css:是层叠样式表</title>
<!--外部样式-->
<link rel="stylesheet" type="text/css" href="css1.css">
<style type="text/css">
/*有tittle属性*/
[title] {
color: darkmagenta
}
/*指定tittle属性值*/
[title=t] {
color: red
}
</style>
</head>
<body>
<hr>
<p title="HTML的标签真多啊!">属性选择器</p>
<hr>
<p title="t">属性选择器指定属性值</p>
</body>
</html>
参考资料来源：HTML-百度百科
