下拉菜单设置字体的大小

xuefeihua 2008-03-18 10:18:19
我想问一下,在下拉菜单下面怎样可以设置显示字体的大小,就是点下拉框的时候里面的字会按相应的字号显示的,(例如:QQ空间留言板上面的,点击字体大小,下拉框就会很直观的显示字号的大小。)
请问这是怎么实现的啊,我是用的Dreamweaver做的网页,需要什么代码才可以实现啊?
...全文
1409 16 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
16 条回复
切换为时间正序
请发表友善的回复…
发表回复
xuefeihua 2008-03-20
  • 打赏
  • 举报
回复
还有个问题,可以让选择相应的字号后, 那个"字体大小" 四个字也跟着改变吗?显示成"npx"??
netfly1314 2008-03-20
  • 打赏
  • 举报
回复
解决了 谢谢了
xuefeihua 2008-03-20
  • 打赏
  • 举报
回复
不管它拉,就这样吧,谢谢!谢谢!
jackyBody 2008-03-20
  • 打赏
  • 举报
回复
简单写了个
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<script type="text/javascript">

function cc(_this)
{
document.getElementById(_this).style.display ="";
}
function dd(_this)
{
document.getElementById(_this).style.display ="none";
}
</script>
<title>无标题文档</title>
</head>
<body>
<span onmouseover="cc('gg')" style="cursor:pointer;" onclick="dd('gg')">>X<</span>
<div id="gg" style=" display:none" >
<div style="font-size:36px;">中国</div>
<div style="font-size:34px;">中国</div>
<div style="font-size:31px;">中国</div>
<div style="font-size:30px;">中国</div>
<div style="font-size:22px;">中国</div>
</div>
</body>

jnwentao 2008-03-19
  • 打赏
  • 举报
回复
<style>
div.fontsize{
width:100px;
border:1px solid #CCC;
border-left-width:5px;
background-color:#FFF;
padding:3px;
display:none;
position:absolute;
}
div.fontsize a{
display:block;
width:100px;
height:20px;
color:#666;
text-decoration:none;
}

div.fontsize a:hover{
display:block;
width:100px;
height:20px;
background-color:#003366;
color:#FFF;
text-decoration:none;

}
span.menu{
display:block;
width:80px;
height:20px;line-height:20px;
border:1px solid #CCC;
font-size:12px;
text-align:center;
cursor:pointer;
}
</style>

<span id="menu" class="menu" onClick="setfontsize();">字体大小</span>
<script>
function setfontsize(){
var f = document.getElementById("fontsize");
var m = document.getElementById("menu");
f.style.display="block";
f.left = m.left
f.top = m.top + m.style.height;
}
</script>
<div id="fontsize" class="fontsize" onMouseUp="this.style.display='none'">
<a href="JavaScript:void(0);" style="font-size:12px;">12px</a>
<a href="JavaScript:void(0);" style="font-size:14px;">14px</a>
<a href="JavaScript:void(0);" style="font-size:16px;">16px</a>
<a href="JavaScript:void(0);" style="font-size:18px;">18px</a>
<a href="JavaScript:void(0);" style="font-size:24px;">24px</a>
</div>


基本就是以上的样子
浴火_凤凰 2008-03-19
  • 打赏
  • 举报
回复
把需要改变的字体内容放到一个层里,然后用JS实现。


xuefeihua 2008-03-19
  • 打赏
  • 举报
回复
哦?还是不懂,那怎样才可以实现啊?
xuefeihua 2008-03-19
  • 打赏
  • 举报
回复
就是点击相应的字号,下面文本框输入的文字与其相对应,应该可以看到闪动的光标变长变短吧
jnwentao 2008-03-19
  • 打赏
  • 举报
回复
不知道你要做什么,如果仅用来获取值:
js脚本中加上这个函数
function setvalue(str){
var v = document.getElementById("vv");//vv为你所需要获取值的输入框ID
v.value=str;
}
在每个like中加上 onClick="setvalue(this.innerHTML);"
如:
<a href="JavaScript:void(0);" onClick="setvalue(this.innerHTML);" style="font-size:*px;">*px</a>

如果是做在线编辑,则用
document.execCommand('FontSize',false,传递值)>
xuefeihua 2008-03-19
  • 打赏
  • 举报
回复
哦耶!
终于搞定拉,谢谢你 江南闻涛
那点了上面的字体大小,怎样和下面输入内容的区域联系起来啊
xuefeihua 2008-03-19
  • 打赏
  • 举报
回复
点击"字体大小"上面多出一行,下面不显示层..
xuefeihua 2008-03-19
  • 打赏
  • 举报
回复
非常感谢!
我把它单独提出来放在一个文件里可以,就是这个效果 
但是弄到我的网页里,点击没有下面的层显示...
xingchenbbs 2008-03-19
  • 打赏
  • 举报
回复
星辰技术社区:www.netcsharp.cn,我们将帮您以最快的速度找到最佳的解决方案
rainbowliuliang 2008-03-18
  • 打赏
  • 举报
回复
JS : select option
jnwentao 2008-03-18
  • 打赏
  • 举报
回复
是用层模拟的下拉菜单,下拉列表框无法实现
xuefeihua 2008-03-18
  • 打赏
  • 举报
回复
能不能说详细一点啊?我对JS不熟
谢谢!

61,128

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧