怎么在网页上实现双下划线、波浪线、着重号等？

zhangking 2003-06-23 07:45:36

怎么在网页上实现双下划线、波浪线、着重号等？
能不能用一些 css 或 javascript 实现？不要用图片。

...全文

1853 10 打赏收藏转发到动态举报

写回复

10 条回复

切换为时间正序

请发表友善的回复…

发表回复

zhangking 2003-06-24

打赏
举报

回复

up

emu_ston 2003-06-24

打赏
举报

回复

跨浏览器版，我喜欢：

<BODY>
<span id=show style=font-size:15pt>
中文Abc<span>中文Abc0中文Abc0</span>中文Abc<br>
中文Abc<span class=".">中文Abc1中文Abc1</span>中文Abc<br>
中文Abc<span class="~">中文Abc2中文Abc2</span>中文Abc<br>
中文Abc<span class="=">中文Abc3中文Abc3</span>中文Abc<br>
中文Abc<span class="^">中文Abc4中文Abc4</span>中文Abc<br>
中文Abc<span>中文Abc5中文Abc5</span>中文Abc<br>
</span>
ps:只是2002.1.26清早的一个灵感罢了.
<script>
window.onload=function(){
var show = document.getElementById("show");

var fontSize=parseInt(show.style.fontSize)*1.25;
var tags=show.childNodes;
var pTop;
for(var i=0;i<tags.length;i++){
if(!tags[i].className)continue;
var pLeft=0;pTop=fontSize;
var tmp=tags[i].innerHTML.replace(/<.*?>/g,"");
var str = new Array(200).join(tags[i].className);
if (!navigator.vendor){
if(tags[i].className=="=")pTop=fontSize/1.5;
if(tags[i].className==".")pTop=fontSize/4;
}else if (navigator.vendor==""){
}else{
if(tags[i].className==".") pTop=fontSize/1.5;
if(tags[i].className=="^") pTop=fontSize*1.2;
}
var elm = (document.createElement("span"));
elm.innerHTML = str;
document.body.insertBefore(elm,show);
with(elm.style){
fontSize=show.style.fontSize;
position="absolute";
top = tags[i].offsetTop+pTop;
left =(tags[i].offsetLeft+pLeft);
width = tags[i].offsetWidth;
overflow = "hidden";
}
}
}
</script>
</BODY>

IE5,NS6,MOZ1.3下通过。注意使用了navigator.vendor来区分不三个浏览器。为了避免使用expendo属性占用了class属性。

emu 2003-06-24

打赏
举报

回复

再改：

<BODY>
<span id=show style=font-size:16pt>
中文Abc<span>中文Abc0中文Abc0</span>中文Abc<br>
中文Abc<span qswh=".">中文Abc1中文Abc1</span>中文Abc<br>
中文Abc<span qswh="~">中文Abc2中文Abc2</span>中文Abc<br>
中文Abc<span qswh="=">中文Abc3中文Abc3</span>中文Abc<br>
中文Abc<span qswh="^">中文Abc4中文Abc4</span>中文Abc<br>
中文Abc<span>中文Abc5中文Abc5</span>中文Abc<br>
</span>
ps:只是2002.1.26清早的一个灵感罢了.
<script>
var fontSize=parseInt(show.style.fontSize)*1.25;
var tags=show.all.tags("span");
for(var i=0;i<tags.length;i++){
if(!tags[i].qswh)continue;
var pLeft=0;pTop=fontSize;
var tmp=tags[i].innerText;
var str = tmp.replace(/[^\x00-\xff]/g,"^^").replace(/./g,tags[i].qswh)
if(tags[i].qswh=="="){pTop=fontSize/1.5;}
if(tags[i].qswh=="."){pTop=fontSize/4;}
show.document.body.insertAdjacentHTML('beforeEnd', "<span style=font-size:"+show.style.fontSize+";position:absolute;top="+(tags[i].offsetTop+pTop)+";left="+(tags[i].offsetLeft+pLeft)+";z-index:-1>"+str+"</span>");
}
</script>
</BODY>

以前秋水喜欢定义全局变量，我可不喜欢。此外char是系统保留字，换成qswh了。

emu 2003-06-24

打赏
举报

回复

帮秋水优化了一下：

<BODY>
<span id=show style=font-size:16pt>
中文Abc<span>中文Abc0中文Abc0</span>中文Abc<br>
中文Abc<span char=".">中文Abc1中文Abc1</span>中文Abc<br>
中文Abc<span char="~">中文Abc2中文Abc2</span>中文Abc<br>
中文Abc<span char="=">中文Abc3中文Abc3</span>中文Abc<br>
中文Abc<span char="^">中文Abc4中文Abc4</span>中文Abc<br>
中文Abc<span>中文Abc5中文Abc5</span>中文Abc<br>
</span>
ps:只是2002.1.26清早的一个灵感罢了.
<script>
var fontSize=parseInt(show.style.fontSize)
fontSize*=1.25;
var tags=show.all.tags("span");
for(i=0;i<tags.length;i++){
if(!tags[i].char)continue;
pLeft=0;pTop=fontSize;
tmp=tags[i].innerText;
var str = (new Array(tmp.replace(/[^\x00-\xff]/g,"^^").length+1)).join(tags[i].char);
if(tags[i].char=="="){pTop=fontSize/1.5;}
if(tags[i].char=="."){pTop=fontSize/4;}
show.document.body.insertAdjacentHTML('beforeEnd', "<span style=font-size:"+show.style.fontSize+";position:absolute;top="+(tags[i].offsetTop+pTop)+";left="+(tags[i].offsetLeft+pLeft)+";>"+str+"</span>");
}
</script>
</BODY>

注意span是inline标签，多行的情况要每行分别处理。

emu 2003-06-24

打赏
举报

回复

http://www.blueidea.com/bbs/archivecontent.asp?id=363003

ybbqy 2003-06-24

打赏
举报

回复

用FrontPage

zhangking 2003-06-24

打赏
举报

回复

波浪线、着重号的实现: 高手能不能给个例子啊?

紫郢剑侠 2003-06-24

打赏
举报

回复

波浪线、着重号结合CSS应该能实现。

zhangking 2003-06-24

打赏
举报

回复

<span style="border-bottom:2pt double #000000">双下劃線 </span><br><br>

<span style="border-bottom:2pt dotted #000000">点下劃線 </span><br><br>

liuzxit 2003-06-24

打赏
举报

回复

ie6:
<span style="border-bottom:1pt double #000000">下劃線</span>

本文详细介绍了Office2010中的Word应用，包括启动与退出、应用程序界面结构、文档操作、基本操作如视图切换、编辑、查找与替换、格式化与排版、表格制作和图文混排，以及打印与保护等高级功能。强调了不同视图的用途、文档保存选项、自动保存的作用，以及查找替换的模式等关键概念。

本文基于W3C clreq项目，系统分析中文Web排版中20个关键差距问题，涵盖标点间距、竖排支持、Ruby注音、引号规范、两端对齐、断行分词、避头尾、基线对齐、字体选择、文化特性等核心信息技术议题，并提供浏览器兼容性检查、测试用例验证及标准化参与路径，助力开发者实现符合中文语言习惯的高质量网页渲染。

内容概要：本文围绕基于XGBoost的光伏阵列故障诊断方法展开研究，提出利用XGBoost这一先进的集成学习算法对光伏阵列多类型复合故障进行高效、准确的诊断。文中系统阐述了XGBoost算法的核心原理及其在分类任务中的显著优势，如强大的高维数据处理能力、优异的抗过拟合性能和高预测精度，并将其创新性地应用于光伏发电系统中常见的故障模式识别，涵盖短路、断路、局部阴影遮挡等多种典型故障。通过科学构建特征工程，提取电流、电压、温度等关键运行参数作为模型输入，结合真实运行环境下的实测数据集，完成了模型的训练、验证与性能评估。实验结果充分证明，该方法相较于传统的阈值判断或单一机器学习模型，在诊断准确率、鲁棒性和泛化能力方面均有显著提升，能够有效增强光伏发电系统的智能化运维水平，及时发现潜在故障，从而保障系统安全稳定运行并提高发电效率。; 适合人群：具备一定机器学习基础，从事新能源、电力系统或智能算法研究的研发人员及高校研究生。; 使用场景及目标：①应用于光伏发电系统的实时故障监测与早期预警；②提升光伏电站的智能化运维水平，减少非计划停机时间，降低人工巡检成本；③为风力发电、储能系统等其他可再生能源领域的智能故障诊断提供可借鉴的技术路径与实现方案。; 阅读建议：读者应结合文中提供的Python代码实例，深入理解XGBoost模型从数据预处理、特征工程、模型构建、超参数调优到性能评估的全流程实现细节，建议在自有或公开的光伏数据集上进行复现实验，并通过交叉验证和对比实验优化模型性能，以深刻掌握其在复杂故障诊断场景下的应用精髓。

原创开发工具源码合集，包含可直接运行的完整源码、自动化测试、离线示例、HTML/JSON/SVG 报告、运行截图、README、使用说明、功能清单、MIT License 与原创声明。适合前端、JavaScript、AI 工具开发与工程实践学习，解压后按 README 即可运行。

内容概要：本文研究了考虑阶梯碳交易与绿证联合机制的虚拟电厂多时间尺度优化调度问题，并基于Matlab实现了相应的代码模型。通过构建日前、日内、实时等多时间尺度的协同优化调度框架，整合风电、光伏等可再生能源出力、负荷需求及电力市场交易机制，深入探讨了阶梯式碳定价与绿色证书交易对虚拟电厂运行经济性与低碳效益的耦合作用。研究建立了包含分布式电源、储能系统、可控负荷等多种资源的虚拟电厂聚合模型，采用数学优化算法求解各时间尺度下的调度方案，旨在实现系统运营成本最小化与碳排放强度最低化的双重优化目标。通过仿真案例验证了该联合机制在促进清洁能源消纳、引导削峰填谷、降低系统碳强度以及提升虚拟电厂市场竞争力方面的有效性与优越性。; 适合人群：具备电力系统分析、能源经济学或优化建模基础知识，从事综合能源系统、虚拟电厂运营、碳市场机制设计、低碳调度等相关领域的研究生、科研人员及工程技术人员。; 使用场景及目标：①研究虚拟电厂在碳交易与绿证双重市场机制下的协同优化运行策略；②掌握多时间尺度滚动优化调度的建模方法及其Matlab实现技术；③分析低碳政策工具（如阶梯碳价、绿证）对能源系统调度决策与经济效益的影响机制；阅读建议：建议结合Matlab代码与文档中的模型结构进行对照学习，重点关注目标函数构建、约束条件设定及时序耦合逻辑，宜通过修改参数和场景设置进行敏感性分析以加深理解。

87,988

社区成员

224,683

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

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

+ 用AI写文章