HTML,CSS,Javascript语言：设定文字背景透明的功能，懂网页的，谢谢
怎么在页面上设定文字背景透明的功能？最好是“有可选的”比如可下拉“透明”“不透明”等。。还有，怎么在网页的文本输入框上做像QQ聊天时那种可选择字体或者字体大小的选项...
怎么 在页面上 设定文字背景透明的功能？最好是“有可选的”
比如 可下拉“透明”“不透明”等。。
还有，怎么在网页的文本输入框上做像QQ聊天时那种可选择字体或者字体大小的选项 展开
比如 可下拉“透明”“不透明”等。。
还有，怎么在网页的文本输入框上做像QQ聊天时那种可选择字体或者字体大小的选项 展开
1个回答
展开全部
body的背景颜色透明<body bgcolor="transparent">
一般控件的背景颜色透明<div style="background-color:transparent">
下面是对字体层背景透明或者白色做改变的代码
你可以运行一下，看看效果
<html>
<head>
<script language="javascript">
function changeBgcolor(){
var choose = document.getElementById("changeC").value;
if(choose==1){
document.getElementById("fontStyle").style.backgroundColor = "transparent";
}else{
document.getElementById("fontStyle").style.backgroundColor = "white";
}
}
</script>
</head>
<body bgcolor="#ffcc99">
<select id="changeC" name="changeC" onchange="changeBgcolor()">
<option value="1">透明</option>
<option value="2">不透明</option>
</select>
<br><br>
<div style="background-color:transparent;width:100px;height:100px;" id="fontStyle">
aaa
</div>
</body>
</html>
至于文字大小代码可以完全和上面差不多，改变javascript代码就可以完成了
当然其中的语句要改为
document.getElementById("fontStyle").style.font = "** ** **"
其中的 ** ** 可以通过下拉列表的 onchange 来改变值
临时做的效果，你自己改改看
一般控件的背景颜色透明<div style="background-color:transparent">
下面是对字体层背景透明或者白色做改变的代码
你可以运行一下，看看效果
<html>
<head>
<script language="javascript">
function changeBgcolor(){
var choose = document.getElementById("changeC").value;
if(choose==1){
document.getElementById("fontStyle").style.backgroundColor = "transparent";
}else{
document.getElementById("fontStyle").style.backgroundColor = "white";
}
}
</script>
</head>
<body bgcolor="#ffcc99">
<select id="changeC" name="changeC" onchange="changeBgcolor()">
<option value="1">透明</option>
<option value="2">不透明</option>
</select>
<br><br>
<div style="background-color:transparent;width:100px;height:100px;" id="fontStyle">
aaa
</div>
</body>
</html>
至于文字大小代码可以完全和上面差不多，改变javascript代码就可以完成了
当然其中的语句要改为
document.getElementById("fontStyle").style.font = "** ** **"
其中的 ** ** 可以通过下拉列表的 onchange 来改变值
临时做的效果，你自己改改看
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
